Cara Menandai Teks di WordPress

1
1515

Ketika menulis sebuah naskah, kita biasanya menandai bagian kalimat yang penting dengan memberi warna menggunakan stabillow.

Ketika membuat konten di WordPress, kita juga bisa melakukan hal ini untuk menandai bagian kalimat yang penting.

Menandai teks dapat membantu Anda mengarahkan perhatian pengunjung ke area teks tertentu.

Teknik ini bagus digunakan untuk kalimat yang bersifat ajakan bertindak (call to action), penawaran khusus, atau hanya menambahkan penekanan pada kalimat tertentu.

Pada artikel ini, kita akan belajar cara menandai teks dengan mudah di WordPress baik dengan atau tanpa plugin.

Mengapa dan Kapan Menandai Teks ?

Menandai teks adalah cara mudah untuk menekankan informasi penting dalam konten Anda. Ini membantu Anda mengarahkan perhatian pengguna ke ajakan bertindak yang penting.

Secara default, editor konten WordPress tidak memiliki pilihan menu menandai teks. Anda tetap dapat membuat penekanan pada teks dengan membuat format miring, mengubah warna teks, atau membuat teks menjadi tebal.

Jadi, mari kita lihat cara menandai teks dengan mudah di WordPress.

Cara 1. Menandai Teks apa pun di WordPress (Tidak Perlu Kode HTML)

Cara termudah untuk menyorot teks adalah dengan menggunakan plugin WordPress.

Pertama, silahkan install dan aktifkan plugin Advanced Editor Tools. Untuk lebih jelasnya, lihat panduan cara memasang plugin WordPress.

Advanced Editor Tools (sebelumnya dikenal sebagai TinyMCE Advanced) menambahkan lebih banyak pilihan pemformatan dan memperluas editor blok WordPress.

Setelah plugin diaktifkan, Anda dapat mengedit postingan atau halaman WordPress yang ingin ditandai teksnya.

Cukup pilih teks yang ingin Anda tandai, lalu klik panah drop-down untuk melihat pilihan jenis pemformatan lainnya.

Dari menu drop-down, silahkan pilih ‘Mark’.

Ini akan menandai teks menggunakan warna default.

Namun, warna sebenarnya dapat bervariasi tergantung pada warna tema WordPress Anda.

Anda sekarang dapat menyimpan postingan/halaman dan melihat hasilnya lewat pratinjau.

Mudah bukan?

Cara 2. Menandai Teks Dengan Plugin Ultimate Shortcode

Plugin ultimate shortcode adalah plugin shortcode dengan ratusan fungsi yang sangat membantu pekerjaan pembuatan konten di WordPress.

Salah satu fungsinya adalah memberikan tanda (highlight) pada teks.

Langkah pertama, silahkan install dan aktifkan plugin ultimate shortcode.

Pilih logo ‘[ ]’ pada toolbar, kemudian piliha menu ‘Highlight’ dan atur warna highlight atau teks yang ingin Anda tandai.

Jangan lupa klik ‘Insert shortcode’ untuk menyisipkan shortcode ke dalam konten, lalu lihat hasilnya lewat pratinjau.

Namun, jika Anda tidak terlalu sering menandai teks, cara berikut ini membantu Anda melakukan hal yang sama tanpa menggunakan plugin.

Cara 3. Tandai Teks Secara Manual di WordPress

Cara ini membutuhkan sedikit kode, tetapi mudah dilakukan.

Untuk contoh ini, kita akan menggunakan kode elemen ‘mark’ HTML. Kode ini biasanya digunakan untuk menandai dan memberi perhatian pada bagian tertentu dari tulisan.

Cukup edit postingan atau halaman tempat Anda ingin menandai teks.

Selanjutnya, masuk ke paragraf yang berisi teks lalu klik menu tiga titik di toolbar blok. Dari sini, pilih menu ‘Edit as HTML’.

Selanjutnya, Anda akan melihat teks dalam format HTML.

Cukup apit teks yang ingin Anda tandai di dalam tag <mark> dan </mark> seperti ini:

<mark>teks yang ingin ditandai </mark>

Sekarang Anda dapat berpindah ke mode visual dengan mengeklik menu 3 titik lagi dan memilih ‘Edit Visualy’ di bilah alat blok.

Area blok akan beralih kembali ke mode visual, dan Anda akan melihat teks yang Anda pilih ditandai.

Teks Anda yang ditandai mungkin terlihat berbeda, tergantung pada tema WordPress Anda. Namun, biasanya berlatar belakang warna kuning.

Anda dapat mengubahnya dengan dengan menambahkan CSS khusus.

Silahkan masuk ke Tampilan » Sesuaikan untuk meluncurkan penyesuai tema. Dari sini, Anda bisa masuk ke tab ‘CSS Tambahan’.

Pada kolom css, Anda dapat mengetikan kode css dengan kode warna sesuai dengan keinginan Anda.


mark {

background-color: #ffd4a1;

}

Setelah selesai, tekan tombol ‘Publikasikan’ untuk menyimpan perubahan. Silahkan buka kembali blog WordPress Anda dan lihat perubahan warna pada teks yang sudah Anda tandai sebelumnya.

Semoga artikel ini membantu Anda mempelajari cara menandai teks di WordPress. Baca juga artikel, Cara Menggunakan Editor Blok Gutenberg WordPress untuk mempelajari cara menggunakan editor blok di WordPress.

1 KOMENTAR

  1. Saat ini kan sudah ada langsung fitur sorotan gan, jadi manual tak perlu edit HTML lagi, tapi ini lumayan menambah pengetahuan, thaks gan !!

TINGGALKAN KOMENTAR

Silakan masukkan komentar anda!
Silakan masukkan nama Anda di sini

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.