Bagaimana WordPress Memungkinkan Potongan Kode Disisipkan

Jika Anda perlu menampilkan bagian kode dalam posting WordPress Anda, mungkin karena bisnis Anda menjual plugin atau program perangkat lunak yang dirancang untuk dimodifikasi oleh penggunanya, Anda mungkin menemukan proses melakukannya dengan sedikit frustasi. Jika Anda mengetikkan kode ke mode "Visual" dari editor WordPress, itu akan ditampilkan sebagai kode, tetapi tidak akan dijalankan sebagai kode. Untuk sebagian besar keadaan ini baik-baik saja, tetapi jika Anda perlu menjalankan beberapa kode saat menampilkan kode lain kepada pengguna Anda, Anda perlu cara untuk memberitahu WordPress kode mana yang harus dibaca dan yang ditampilkan. Ada beberapa solusi untuk masalah ini yang bisa Anda coba.

Tags

Kode apa pun yang ditempatkan di antara tag kode akan ditampilkan dalam tipe monospace. Format yang benar adalah sebagai berikut:

Your code here

Pemformatan ini adalah cara yang bagus untuk membuat kode Anda menonjol dari sisa teks, dan itu adalah solusi yang cocok dalam banyak kasus. Tag kode dapat dikustomisasi dalam style sheet Anda dan dapat digunakan dalam sebuah kalimat. Namun, satu batasan penting adalah tag HTML. Kode HTML apa pun di antara dua tag kode akan berjalan seperti biasa, menjadikan pendekatan ini tidak berguna untuk menampilkan kode HTML kepada pembaca Anda.

Kode Karakter

Ketika Anda memasukkan kode ke mode "Visual" dari editor WordPress, simbol dalam kode tersebut diubah menjadi kode karakter. Ini mencegah kode agar tidak dibaca sebagai kode, sambil tetap membiarkannya ditampilkan di pos. Anda dapat secara manual menerapkan metode yang sama dalam mode "HTML" editor, yang akan membawa hasil yang sama tetapi masih memungkinkan Anda untuk meletakkan kode yang Anda ingin WordPress jalankan di pos. Untuk menggunakan metode ini, ganti simbol-simbol berikut dengan kode karakter masing-masing:

<= <

=> / = /

] =] [= ["=" '='

 Tag 

Fungsi pra-tag hampir sama dengan tag kode, kecuali bahwa teks di dalamnya akan direproduksi persis seperti yang ditampilkan. Ini berarti bahwa, tidak seperti tag kode, mereka cocok untuk digunakan dengan kode HTML. Mereka digunakan seperti ini:

 Kode Anda di sini 

Seperti halnya tag kode, tag pra dapat ditata dalam style sheet tetapi lebih cocok untuk menampilkan blok kode daripada tag kode karena mereka tetap mempertahankan jeda baris. Perhatikan bahwa karena jeda baris diikuti dengan tepat, baris kode yang terlalu panjang untuk masuk ke area konten tidak akan cocok untuk masuk.

Tanda kutip

Tanda kutip mewakili kasus khusus ketika menampilkan kode dalam posting. WordPress secara otomatis membuat gaya kutipan di sekitar bagian teks menjadi tanda kutip pembukaan dan penutupan. Ini bagus di posting blog, tetapi karakter ini tidak dikenali dalam pemrograman, jadi ketika pembaca Anda menyalin dan menempelkan kode, itu tidak akan berfungsi. Sebagai gantinya, pastikan untuk menggunakan tag pra untuk setiap bagian teks yang menyertakan tanda kutip, atau ganti kutipan dengan kode karakternya. Jadi, ini:

akan menjadi ini:

Pesan Populer