Menampilkan sintaks code bahasa programming seperti HTML,CSS,PHP dll bisa dilakukan di WordPress. Secara default, wordpress akan menyaring code yang dituliskan melalui teks editor sehingga kadang kadang anda tidak bisa menemukan script code yang ingin anda tampilkan dalam post.

 

Ada 2 cara mudah menampilkan sintaks code pada wordpress yang bisa anda lakukan.

Pertama, Anda bisa menampilkan sintaks code tanpa menggunakan Plugin. Caranya adalah anda harus meng-Encode script Anda. Anda bisa menggunakan tools online seperti Web2Generator.

Selanjutnya pada teks editor wordpress pilih mode Text. Copy dan Pastekan Sintaks code yang sudah anda encode diantara tag <code>Pastekan disini</code>.

kursus website toko online

Klik tombol “Publish” untuk menyimpan post anda. Cobalah lihat hasilnya. Jika anda perhatikan maka dalam postingan yang anda buat akan terdapat bagian tulisan sintaks code.

kursus website toko online

Cara Kedua, Menggunakan Plugin Synatx Highlighter Evolved.

Plugin ini digunakan untuk mengembedkan sintaks code dalam postingan . Anda hanya perlu menginstall plugin dan mengaktifkannya.

Untuk menampilkan sintaks code, anda hanya perlu menambahkan shortcode plugin saja dalam post ingan yang anda buat. Misal untuk sintaks code yang menggunakan bahasa PHP yaitu [php] Syntaks Code disini [/php] atau untuk sintaks code yang menggunakan bahasa HTML yaitu [html] Syntaks Code disini [/html].

kursus website toko online

Simpan Post anda dengan mengklik tombol “Publish” jika sudah selesai.

Cobalah lihat hasil postingan anda.

kursus website toko online

Anda bisa memilih cara mana yang lebih mudah anda gunakan dengan plugin atau tanpa plugin.

Artikel Terkait: