Mempercantik artikel dengan editor baru WordPress

Saat ini para pengguna WordPress terpecah menjadi dua kubu. Pertama, kubu penyuka editor yang baru, Gutenberg, dan kedua, kubu pecinta setia editor klasik. Banyak juga yang bertanya dengan frustrasi di forum WordPress bagaimana caranya kembali ke editor lama.

Awalnya, saya pun demikian. Bengong waktu pertama kali melihat tampilan editor baru yang putih polos dan semua lokasi tombol berubah. Membingungkan!

Tapi begitu saya coba utak atik, dan coba menulis, saya langsung suka. Editor baru ini sejatinya jauh lebih memudahkan proses penulisan dan banyak fitur baru yang tidak bisa dilakukan dengan mudah di editor klasik. Terutama fitur-fitur untuk mendandani tampilan artikel kita.

Nah apa saja “alat make up” bermerk Gutenberg ini? Baca sampai habis, ya.

---

Daftar isi:

1. Membuat drop cap
2. Membuat latar belakang paragraf dan teks berwarna-warni
3. Menyisipkan gambar cover
4. Membuat tombol cantik
5. Membuat kolom
6. Membuat kutipan dengan bermacam gaya

Baca juga: Tips n trik menggunakan block editor WordPress – buat yang baru coba

1. Membuat drop cap

Buat yang tidak tahu apa artinya drop cap (atau sering juga disebut inisial), lihat huruf “B” besar di paragraf ini. Itu dia. Keren kan? Dan berfaedah juga. Fungsi drop cap ada dua: (1) dekoratif, memperindah tulisan, dan (2) sebagai menanda bagian tulisan yang berbeda, sehingga pembaca bisa mudah mengenali lokasi dia terakhir baca.

Ini bisa dengan mudah dilakukan di Gutenberg. Tinggal mengaktifkan toggle Drop Cap di setelan Block di samping kanan tempat kita menulis. Kalau di editor klasik, harus pakai kombinasi kode HTML dan CSS atau pakai plugin khusus. Repot.

2. Membuat latar belakang paragraf dan teks berwarna-warni

Di tiap paragraf atau blok, akan ada pengaturan warna (Color Settings) di setelan block. Di sana ada pilihan pengaturan warna latar belakang dan warna teks. Dan ketika kita memilih paduan warnanya, akan ada peringatan kalau kita memilih warna yang tidak ramah layar. Peringatannya seperti di bawah ini:

“This color combination may be hard for people to read. Try using a brighter background color and/or a darker text color.” (Kombinasi warna ini dapat membuat teks sulit dibaca. Coba gunakan warna latar yang lebih terang dan/atau warna teks yang lebih gelap).

3. Menyisipkan gambar cover

Gambar cover ini biasanya untuk header suatu artikel atau pemisah bagian ketika membahas topik berikutnya. Di atas gambar biasa ditulisi hamparan teks (text overlay) berupa judul.

Untuk membuat gambar cover ini tinggal ketik /cover atau klik di tanda tambah (+) untuk menambahkan block, lalu di bagian Common block klik Cover. Gelap-terang gambarnya bisa diatur. Bisa juga memilih warna untuk menyelimuti gambarnya. Dan ada toggle untuk membuat gambar menjadi latar belakang tetap (fixed background). Jadi ini supaya gambarnya tetap diam ketika kita scrolling. Tampilannya seperti di bawah ini:

Latar belakang tetap ini sering disebut parallax effect. Kalau di editor klasik, bikinnya ribet pakai CSS, atau mesti menginstall plugin segala.

4. Membuat tombol cantik

Untuk menyertakan link Call to Action dalam bentuk tombol ini gampang ya di Gutenberg. Tinggal add block (+) –> pilih button ATAU ketik /button. Contoh:

5. Membuat kolom

Di editor klasik, membuat dua kolom atau lebih di tulisan itu susah ya. Nah, di block editor, tinggal add block (+) –> pilih columns ATAU ketik /columns. Bisa membuat dua sampai enam kolom. Dan tentunya, block-nya bisa dibuat warna-warni. (Untuk saat ini tampilan kolom hanya bisa dilihat di versi desktop. Tidak di layar mobile).

6. Membuat kutipan dengan bermacam gaya

Membuat kutipan yang reguler (add block (+) –> pilih quote ATAU ketik /quote –> pilih style Regular). Contohnya:

Until I feared I would lose it, I never loved to read. One does not love breathing.

― Scout (To Kill a Mockingbird by Harper Lee)

Membuat kutipan ukuran besar (add block (+) –> pilih quote ATAU ketik /quote –> pilih style Large). Yuuk.

Write drunk, edit sober.

— Ernest Hemingway

Membuat kutipan pullquote yang reguler ( add block (+) –> pilih pullquote ATAU ketik /pullquote –> pilih style Regular). Pullquote ini biasanya kutipan kalimat dari artikel itu sendiri untuk mempertegas poinnya. Kutipan gaya ini akan menarik perhatian pembaca.

Editor baru ini sejatinya jauh lebih memudahkan proses penulisan dan banyak fitur baru yang tidak bisa dilakukan dengan mudah di editor klasik.

Atau mau memakai pullquote untuk mengutip tokoh favorit? Sah-sah saja. Membuat kutipan pullquote dengan warna solid ( add block (+) –> pilih pullquote ATAU ketik /pullquote –> pilih style Solid color), seperti di bawah ini:

You live but once; you might as well be amusing

— Coco Chanel

Dan masih banyak lagi ya fitur-fitur Gutenberg yang lain. Seperti menyisipkan gambar, membuat galeri, membuat tabel, menyisipkan video, dll, yang kesemuanya tinggal add block (+). Petunjuk detil tentang cara penggunaan editor Gutenberg bisa dibaca di halaman bantuan ini: WordPress Editor.

Yang jelas, seperti kata Coco Chanel, hidup cuma sekali. Perbanyaklah menyenangkan orang lain. Sama seperti ketika mempublikasikan tulisan, buatlah semenarik mungkin. Karena cuma ada satu kesempatan membuat orang terpikat dengan blog kita, yaitu ketika mereka scrolling untuk pertama kalinya. 🙂

---