Cara Menampilkan Kode di Posting WordPress

Secara default, WordPress secara otomatis bertekstur, atau menafsirkan, HTML, atau kode PHP dalam posting dan halaman blog. Ini dapat menimbulkan masalah bagi blogger WordPress yang ingin menampilkan kode pemrograman dalam posting blog mereka, mungkin untuk keperluan tutorial, tanpa perangkat lunak WordPress menafsirkan dan mengonversi kode. Ada dua solusi untuk masalah ini: ketik kode secara manual menggunakan entitas karakter HTML dan gunakan WordPress asli

 tag, atau Anda dapat menginstal plugin yang mengotomatiskan entri kode menggunakan tag pra-program tertentu. Salah satu plugin yang sangat direkomendasikan disebut SyntaxHighlighter Evolved, yang dirancang oleh pengembang WordPress resmi Alex Mills.

Gunakan Entitas Karakter HTML dan Tag "Pre"

1.

Masuk ke blog WordPress Anda dan buat posting baru. Gunakan fungsi Editor Visual; tabnya terletak di sisi kanan atas kotak input teks posting.

2.

Klik panah tarik-turun di baris kedua bilah Web bernama "Format." Pilih "Preformatted" dari daftar. Pengaturan yang sudah diformat sebelumnya akan mengonversi teks Anda ke jenis monospace dan mempertahankan entitas karakter HTML atau PHP.

3.

Ketikkan kode dalam kotak teks posting menggunakan entitas karakter kode untuk karakter tertentu. Misalnya, gunakan entitas karakter ini untuk beberapa jenis kode yang lebih umum:

"=" <= <

=> / = / - = -

] =] [= [• = •

Instal Plugin SyntaxHighlighter Evolved

1.

Masuk ke blog WordPress Anda. Klik tautan "Plugins" dari menu dasbor. Pilih "Tambah Baru."

2.

Ketik "SyntaxHighlighter Evolved" di kotak pencarian. Klik "Cari Sekarang." Cari plugin di daftar dan klik "Instal Sekarang." Klik "OK" di jendela konfirmasi. Izinkan plugin untuk menginstal.

3.

Aktifkan plugin dengan mengklik tautan "Activate Plugin".

4.

Akses pengaturan SyntaxHighlighter Evolved dengan mengklik "Pengaturan" di menu dasbor. Klik "SyntaxHighlighter Evolved" di daftar. Sesuaikan pengaturan sesuai keinginan Anda dan klik "Simpan Perubahan" setelah selesai.

5.

Buat posting blog baru. Untuk memasukkan dan menampilkan kode, ketikkan kode Anda di antara dua tag kode pendek. Misalnya, untuk menampilkan kode HTML di posting WordPress Anda, ketik shortcode [html], kode html Anda dan tag shortcode akhir, [/ html]. Misalnya: [html]

Pada awalnya

[/ html]. Untuk kode pendek tambahan, lihat halaman Pengaturan SyntaxHighlighter Evolved. Kode pendek tercantum di bagian bawah halaman.

Hal-hal yang Dibutuhkan

  • Nama pengguna dan kata sandi WordPress

Tip

  • WordPress menyediakan widget encoder untuk blogger yang enggan mempelajari dan menggunakan tipe entitas karakter yang membosankan (lihat Sumberdaya untuk tautan). Ketikkan teks HTML atau PHP Anda ke dalam kotak teks Encoder Widget dan klik "Encode!" Widget akan mengubah teks Anda menjadi entitas karakter HTML yang sesuai. Salin dan tempel hasil ke posting blog Anda menggunakan tag "pre".

Peringatan

  • Saat menggunakan tag "pre", WordPress akan benar-benar dan persis mereproduksi kode Anda saat diketikkan. Jika kode Anda berisi untaian panjang kode tidak terputus, WordPress akan menyebabkan kode berjalan secara horizontal dari halaman dan tidak dapat diakses oleh pembaca Anda. Dalam kasus seperti itu, tambahkan jeda baris, jika mungkin, dalam string panjang ini dengan menekan tombol "Enter" pada keyboard Anda. Ini mungkin tidak mungkin dalam beberapa kasus karena dapat memecahkan kode. Karena itu, dalam hal ini, sebuah plugin mungkin lebih cocok untuk blog WordPress Anda.

Pesan Populer