Cara Menyorot Sintaks di WordPress HTML Editor

Saat Anda membuat halaman Web dalam HTML atau bahasa lain, memiliki kemampuan untuk sintaks kode warna secara drastis mengurangi kemungkinan bahwa halaman tersebut akan diterbitkan dengan kesalahan. WordPress memiliki editor HTML bawaan, tetapi secara default tidak menambahkan warna ke sintaks Anda. Ketika Anda menginstal plugin untuk menyoroti sintaks HTML, WordPress secara otomatis menambahkan warna ke fungsi HTML yang valid dan membantu Anda mengonfirmasi bahwa Anda tidak lupa untuk menutup semua tag terbuka. Plugin highlight sintaks juga dapat menyederhanakan proses menambahkan kode ke posting blog Anda agar dapat digunakan orang lain.

1.

Masuk ke area administrasi situs web WordPress Anda. Posisikan kursor mouse di atas tajuk "Plugins" di sisi kiri menu utama dan pilih opsi "Add New".

2.

Klik bidang teks kosong pada jenis halaman dan ketik "Formatter Pengembang, " "Penyorot Kode FV" atau "WP-SynHighlight." Masing-masing plugin ini menyediakan penyorotan sintaks dengan berbagai cara. Formatter Pengembang menggunakan mesin GeSHi, yang mendukung lebih dari 100 bahasa. Penyorot Kode FV hanya mendukung bahasa Web yang paling umum seperti HTML, XML dan PHP. WP-SynHighlight memiliki kemampuan untuk menyoroti sintaks secara real time saat Anda mengetiknya. Klik "Cari Plugin" setelah memasukkan nama plugin yang ingin Anda instal.

3.

Klik tautan "Instal Sekarang" di bawah penyorot sintaks yang ingin Anda instal. Konfirmasikan dengan mengklik "OK" dan "Activate Plugin." Ini mengembalikan Anda ke daftar plugin yang dipasang di situs web Anda.

4.

Gulir ke bawah daftar plugin dan klik tautan "Pengaturan" untuk mengonfigurasi highlighter sintaks. Jika Anda tidak melihat opsi ini - seperti halnya WP-SynHighlight, misalnya - layar pengaturan mungkin berada di bawah menu lain. Menu konfigurasi untuk WP-SynHighlight berada di bawah tajuk "Pengaturan" di sisi kiri layar. Penyorot Kode FV tidak memiliki menu konfigurasi.

5.

Klik opsi "Tambah Baru" di bawah tajuk "Kiriman" untuk membuat kiriman baru menggunakan stabilo sintaksis.

Tip

  • Jika WordPress.com meng-host blog Anda, Anda dapat menyoroti sintaks HTML dalam posting Anda tanpa menginstal plugin. Ini dapat berguna untuk situs web instruksional yang mengajarkan orang cara memprogram. Untuk melakukan ini, tempatkan tag "[kode sumber =" html "]" sebelum kode yang ingin Anda sorot. Setelah menyelesaikan kode, ketik "[/ kode sumber]" untuk menutup tag. WordPress.com juga mengenali bahasa lain; ubah ini dengan mengganti "html" dengan bahasa lain seperti "java" atau "php." Fitur ini tidak menyoroti sintaks di editor HTML.

Peringatan

  • Beberapa plugin yang menyoroti sintaks HTML di WordPress hanya berfungsi dengan baik ketika Anda membuat konten menggunakan editor HTML. Jika Anda juga membuat posting menggunakan editor visual, pastikan plugin yang Anda instal kompatibel dengan editor visual atau menonaktifkannya secara otomatis ketika Anda tidak menggunakan editor HTML.

Pesan Populer