Apakah Anda ingin menambahkan highlight sintaksis di komentar WordPress? Secara default, WordPress tidak datang dengan penyorotan sintaksis untuk komentar, posting, atau halaman.

Jika Anda memiliki artikel tentang pengkodean atau pemrograman di situs web Anda, maka kadang-kadang pengguna Anda mungkin ingin meninggalkan contoh kode dalam komentar.

Di artikel ini, kami akan menunjukkan kepada Anda cara menambahkan highlight sintaksis di komentar WordPress.

Mengapa dan Kapan Anda Perlu Menyorot Sintaks di Komentar WordPress

WordPress tidak memungkinkan Anda untuk hanya menempelkan cuplikan kode di dalam artikel Anda karena alasan keamanan.

Anda dapat menunjukkan beberapa contoh kode dengan menambahkan blok kode di pos atau halaman Anda menggunakan blokir editor.

Setelah itu, Anda dapat menambahkan potongan kode Anda di dalam area teks dari blok kode.

Anda sekarang dapat menyimpan perubahan pada posting atau halaman Anda dan mempratinjau untuk melihat kode Anda dalam tindakan.

Tergantung pada tema WordPress Anda, biasanya akan ditampilkan dalam blok teks yang sangat sederhana dan tanpa penyorotan sintaksis.

Ini tidak terlihat bagus, dan itu tidak sangat membantu bagi pengguna Anda.

Penyorotan sintaksis adalah format gaya yang umum digunakan untuk menampilkan kode. Ini menambahkan nomor baris dan warna untuk menyoroti pola kode yang membuatnya mudah dimengerti.

Berikut ini contoh cuplikan kode dengan beberapa penyorotan sintaksis. Perhatikan nomor garis dan warna yang digunakan untuk menyorot berbagai elemen dalam kode:

Selamat datang di Beranda Saya

Sekarang jika Anda menjalankan Blog WordPress tentang pengkodean atau pemrograman, maka Anda perlu menyoroti sintaks untuk menampilkan kode dengan benar di dalam artikel Anda.

Anda mungkin juga ingin pengguna Anda dapat menggunakan sintaks yang sama dalam komentar, yang akan membuat komentar lebih menarik dan menarik bagi pengguna.

Karena itu, mari kita lihat bagaimana menambahkan penyorotan sintaks di komentar, posting, dan halaman WordPress.

Menambahkan Sintaks Highlighter di WordPress

Cara termudah untuk menambahkan highlight sintaks di WordPress adalah dengan menggunakan Penyorot Sintaks Berevolusi. Ini sangat mudah digunakan dan memungkinkan Anda untuk mengaktifkan penyorotan sintaks di posting, halaman, dan komentar WordPress.

Pertama, Anda perlu menginstal dan mengaktifkan Penyorot Sintaks Berevolusi plugin. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami di cara menginstal plugin WordPress.

Setelah aktivasi, Anda perlu mengedit posting atau halaman tempat Anda ingin menambahkan kode. Pada layar edit posting, klik ikon (+) untuk menambahkan blok baru dan kemudian menyisipkan blok ‘SyntaxHighlighter Code’ ke area konten Anda.

Anda sekarang akan melihat blok kode baru di editor pos tempat Anda dapat memasukkan kode Anda. Setelah menambahkan kode, Anda perlu memilih pengaturan blok dari kolom kanan.

Dari sini, Anda dapat memilih bahasa pemrograman untuk kode Anda, menampilkan atau menyembunyikan nomor baris, membuat tautan dapat diklik, dan banyak lagi.

Setelah Anda selesai, silakan dan simpan posting atau halaman Anda. Anda sekarang dapat mengunjungi situs web Anda untuk melihat kode Anda dengan penyorotan sintaksis.

Itu mudah, bukan?

Namun, komentar WordPress tidak memiliki dukungan editor blok. Mari kita lihat bagaimana pengguna Anda dapat menggunakan Sintaks Highlighter Evolved dengan komentar mereka.

Menambahkan Syntax Highlighting di Komentar WordPress

Sintaks Highlighter Evolved diaktifkan untuk komentar WordPress secara default. Namun, untuk menggunakannya dalam komentar, kode harus dililit kode pendek.

Plugin ini dilengkapi dengan beberapa kode pendek yang dinamai berdasarkan semua bahasa pemrograman dan scripting yang populer.

Cukup bungkus kode Anda di sekitar tanda kurung siku dengan nama bahasa. Misalnya, jika Anda akan menambahkan kode PHP, maka Anda akan menambahkannya seperti ini:

[php]
<? php
fungsi pribadi get_time_tags () {
$ time = get_the_time ('d M, Y');
mengembalikan $ waktu;
}
?>
[/php]

Demikian pula, jika Anda ingin menambahkan kode HTML, maka Anda akan membungkusnya di sekitar kode pendek HTML seperti ini:

[html]
Situs web demo

[/html]

Menambahkan Syntax Highlighting Notice dalam Formulir Komentar

Meskipun mudah untuk menggunakan penyorotan sintaks dengan kode pendek, masalahnya adalah bahwa pengguna Anda tidak akan tahu bahwa mereka dapat melakukannya.

Untungnya, ada cara cepat untuk memberi tahu mereka bahwa mereka dapat menggunakan penyorotan sintaks dengan kode pendek.

Untuk itu, Anda harus menambahkan cuplikan kode khusus ke situs WordPress Anda. Jika Anda belum melakukan ini sebelumnya, lihat panduan kami di cara menambahkan kode khusus di WordPress.

Anda perlu menambahkan kode berikut dalam plugin potongan kode, functions.php file, atau a plugin khusus situs.

function wpbeginner_comment_text_before ($ arg) {

$ arg[‘comment_notes_before’] . = "

Anda dapat menggunakan kode pendek untuk menyoroti sintaks saat menambahkan kode. Sebagai contoh, [php][/php] atau [html][/html]

";

mengembalikan $ arg;

}

add_filter ('comment_form_defaults', 'wpbeginner_comment_text_before');

Kode ini hanya menampilkan pemberitahuan sebelum kolom komentar di formulir komentar WordPress. Namun, itu tidak menampilkan pemberitahuan untuk pengguna yang masuk.

Anda sekarang dapat membuka jendela browser baru dalam mode penyamaran atau cukup keluar dari area admin WordPress Anda. Setelah itu, Anda dapat mengunjungi pos apa pun di blog Anda untuk melihat sintaksis sorot pemberitahuan dalam tindakan.

Anda juga bisa menambahkan CSS khusus untuk gaya teks ini. Kami telah menggunakan kode CSS khusus berikut di situs demo kami, jangan ragu untuk menggunakan ini sebagai titik awal.

p.comment-notice {
ukuran font: 14px;
warna: # 555;
garis-tinggi: 1,5;
}

Kami harap artikel ini membantu Anda menambahkan penyorotan sintaks di komentar WordPress. Anda mungkin juga ingin melihat panduan kami tentang cara melakukannya memungkinkan pengguna untuk mengunggah gambar dalam komentar WordPress dan beberapa berguna tips untuk gaya bentuk komentar WordPress.

Jika Anda menyukai artikel ini, silakan berlangganan artikel kami Saluran Youtube untuk tutorial video WordPress. Anda juga dapat menemukan kami di Indonesia dan Facebook.

.

Sumber Artikel