Cara Memasangkan Syntax Code di Postingan WordPress

Posted on

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

  1. 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.
  2. Setelah plugin diaktifkan, buka editor posting di WordPress.
  3. 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>
  1. Kemudian, pilih syntax yang digunakan dalam kode tersebut (misalnya: HTML)
  2. 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]
  1. 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]
  1. 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]
  1. Selanjutnya, lakukan preview atau publish posting tersebut, kode akan ditampilkan dengan sintak yang disorot.

Note: Sesuaikan shortcode yang digunakan dengan plugin yang digunakan.

baca juga: Pengenalan dan Sejarah Singkat PHP

 

Beberapa plugin untuk menampilkan syntax di WordPress antara lain:

  1. SyntaxHighlighter Evolved: plugin ini menyediakan berbagai pilihan warna untuk syntax yang ditampilkan, seperti HTML, CSS, JavaScript, dan PHP.
  2. Crayon Syntax Highlighter: plugin ini menyediakan fitur-fitur seperti pilihan warna, tema, dan pengaturan kustomisasi untuk syntax yang ditampilkan.
  3. WP-Syntax: plugin ini memungkinkan pengguna untuk menampilkan syntax dari berbagai bahasa pemrograman seperti PHP, SQL, dan HTML.
  4. CodeMirror: plugin ini menyediakan pengalihan tampilan syntax untuk bahasa pemrograman seperti HTML, CSS, dan JavaScript
  5. Code Snippets: plugin ini memungkinkan pengguna untuk menambahkan kode ke situs WordPress tanpa perlu mengubah tema atau plugin.
  6. 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.

Gravatar Image
Full Time Blogger | Tech Addict & Coffee | Yogyakarta Berhati Nyaman

Leave a Reply

Your email address will not be published. Required fields are marked *