Cara Memasangkan Syntax Code di Postingan Wordpress

Cara memasangkan syntax code di WordPress tergantung pada plugin yang digunakan. Namun, umumnya, cara memasangkan syntax code di postingan WordPress adalah sebagai berikut:

Pertama, pasang dan aktifkan plugin untuk menampilkan syntax code di WordPress. Beberapa plugin yang dapat digunakan antara lain SyntaxHighlighter Evolved, Crayon Syntax Highlighter, dan WP-Syntax.
Setelah plugin diaktifkan, buka editor posting di WordPress.
Selanjutnya, masukkan kode yang ingin ditampilkan ke dalam editor, misalnya:

<html>

<head>

<title>Contoh Kode</title>

</head>

<body>

<h1>Selamat datang di contoh kode</h1>

</body>

</html>

Kemudian, pilih syntax yang digunakan dalam kode tersebut (misalnya: HTML)
Jika menggunakan plugin SyntaxHighlighter Evolved, untuk memasangkan syntax code, dapat menggunakan shortcode seperti :

[code language="html"]

<html>

<head>

<title>Contoh Kode</title>

</head>

<body>

<h1>Selamat datang di contoh kode</h1>

</body>

</html>

[/code]

Jika menggunakan plugin Crayon Syntax Highlighter, dapat menggunakan shortcode seperti :

[crayon lang=html]

<html>

<head>

<title>Contoh Kode</title>

</head>

<body>

<h1>Selamat datang di contoh kode</h1>

</body>

</html>

[/crayon]

Jika menggunakan plugin WP-Syntax, dapat menggunakan shortcode seperti :

[sourcecode language="html"]

<html>

<head>

<title>Contoh Kode</title>

</head>

<body>

<h1>Selamat datang di contoh kode</h1>

</body>

</html>

[/sourcecode]

Selanjutnya, lakukan preview atau publish posting tersebut, kode akan ditampilkan dengan sintak yang disorot.

Note: Sesuaikan shortcode yang digunakan dengan plugin yang digunakan.

Beberapa plugin untuk menampilkan syntax di WordPress antara lain:

SyntaxHighlighter Evolved: plugin ini menyediakan berbagai pilihan warna untuk syntax yang ditampilkan, seperti HTML, CSS, JavaScript, dan PHP.
Crayon Syntax Highlighter: plugin ini menyediakan fitur-fitur seperti pilihan warna, tema, dan pengaturan kustomisasi untuk syntax yang ditampilkan.
WP-Syntax: plugin ini memungkinkan pengguna untuk menampilkan syntax dari berbagai bahasa pemrograman seperti PHP, SQL, dan HTML.
CodeMirror: plugin ini menyediakan pengalihan tampilan syntax untuk bahasa pemrograman seperti HTML, CSS, dan JavaScript
Code Snippets: plugin ini memungkinkan pengguna untuk menambahkan kode ke situs WordPress tanpa perlu mengubah tema atau plugin.
WP Code Highlight.js : plugin ini menggunakan library javascript Highlight.js untuk menyorot syntax dari berbagai bahasa pemrograman.

Note : Sesuaikan plugin yang dipilih dengan kebutuhan website anda. Selalu cek versi plugin yang digunakan sesuai dengan versi wordpress yang digunakan.