Cara Mudah Menampilkan Kode di Situs WordPress Anda

2

Apakah Anda ingin menampilkan kode di situs WordPress Anda? Secara default, WordPress memfilter kode mentah yang ditambahkan ke dalam entri blog, halaman, widget, atau komentar. Pada artikel ini, sayai akan menunjukkan cara mudah menampilkan kode di situs WordPress Anda.

Pertama Anda perlu menginstal dan mengaktifkan plugin Syntax Highlighter Evolved. Untuk lebih jelasnya, lihat panduan Cara Menginstall Plugin WordPress-Langkah demi Langkah.

Setelah aktivasi, Anda perlu mengunjungi Settings ยป Syntax Highlighter untuk mengkonfigurasi pengaturan plugin.

Pengaturan plugin default harus bekerja untuk sebagian besar situs web. Namun, Anda harus meninjau semua pengaturan dan membuat perubahan jika perlu.

Setiap pilihan memiliki deskripsi rinci untuk menjelaskan apa yang dilakukannya. Setelah selesai, cukup klik tombol simpan perubahan untuk menyimpan pengaturan Anda.

Syntax Highlighter Evolved menggunakan shortcode sederhana untuk menampilkan kode. Untuk setiap bahasa pemrograman Anda perlu membuat kode Anda dalam shortcode untuk bahasa itu.

Untuk PHP Anda akan buat kode Anda seperti ini:

<?php
echo “Hello World”;
?>

Untuk CSS Anda akan membuat kode Anda seperti ini:

.entry-title {
font-family:”Open Sans”, arial, sans-serif;
font-size:16px;
color:#272727;
}

Syntax Highlighter secara otomatis akan menyoroti kode untuk bahasa tertentu. Ini juga akan menambahkan nomor baris dan handle tab indent dengan benar. Pengguna Anda dapat dengan mudah menyalin dan menempelkan cuplikan kode dari situs WordPress Anda.

CaraMenampilkan Kode di WordPress Tanpa Menggunakan Plugin

Banyak blogger tidak menjalankan blog pengembangan, jadi mereka tidak perlu menambahkan cuplikan kode sampel di posting mereka sangat sering. Untuk kesempatan ini, Anda dapat menambahkan kode dengan mengkodekan kode ke entitas HTML. Seperti ini:

&gt;?php echo “Hello World”; ?&lt;

Masalah dengan mengubah kode menjadi entitas HTML adalah sulit dilakukan secara manual. Anda bisa menggunakan alat online seperti ini, untuk mengubah kode menjadi entitas HTML.

Dengan mengubah kode PHP, HTML, JavaScript menjadi entitas HTML, Anda dapat menempelkannya ke dalam posting WordPress Anda. Untuk styling tambahan Anda bisa membungkus kode diantara tag berikut :

<code>…….</ code>.

Kami berharap artikel ini membantu Anda menemukan plugin penjadwal sintaks terbaik untuk WordPress.

TINGGALKAN KOMENTAR

Silakan masukkan komentar anda!
Silakan masukkan nama Anda di sini