Menulis Syntax Highlighted pada Blog WordPress.com
Syntax Highlighter merupakan suatu fitur yang sering digunakan dalam dunia coding WordPress, dimana tanpa adanya syntax highlighter, maka pekerjaan melindungi (cover/shield) karakter/simbol pada kode-kode html, php, css, python, ruby dan semisalnya akan memakan waktu lebih lama. Syntax highlighter ini berfungsi untuk melindungi kode-kode pemrograman agar tidak terfilter oleh WordPress menjadi karakter-karakter yang tidak bermanfaat.
Alasan WordPress menyaring (filter) setiap kode adalah untuk keamanan. Hal ini terkait dengan adanya celah keamanan pada database jika karakter-karakter semisal tanda petik (quote) satu maupun tanda petik dua diloloskan. Saya pribadi kurang mengerti mengenai celah keamanan ini dan bagaimana efeknya.
Penggunaan syntax highlighter pada WordPress yang dihosting sendiri bisa menggunakan plugin SyntaxHighlighter 2.0. Namun pengguna blog gratis WordPress.com pun dapat pula menggunakan syntax highlighter ini dengan menggunakan shortecode, karena pihak WordPress.com telah mengintegrasikan SyntaxHighlighter 2.0 ke dalam enginenya.
Berikut ini adalah cara penulisan syntax highlighter pada Blog WordPress.Com. Contoh yang akan digunakan adalah menghighlight kode PHP.
Gunakan shortecode berikut
[sourcecode language='php'] <!-- Kode PHP yang akan dihighlight di sini --> [/sourcecode]
Contoh hasil penulisannya bisa kita lihat di contoh penulisan syntax highlighter.
Selain PHP, kode-kode pemrograman lainnya pun bisa dihighlight seperti contoh di atas, hanya saja parameter bahasanya (language) harus kita ubah menurut jenis kode tersebut. Contohnya, jika kita ingin menghighlight kode javascript, kita bisa menuliskannya sebagai berikut:
[sourcecode language='jscript'] <!-- Kode javascript yang akan dihighlight di sini --> [/sourcecode]
Perhatikan, hanya parameter language-nya saja yang diubah menjadi ‘jscript‘.
Beberapa parameter untuk kode-kode pemrograman yang lain bisa kita lihat di bawah ini:
- bash
- cpp
- csharp
- css
- delphi
- html
- java
- jscript
- php
- python
- ruby
- shell
- sql
- vb
- xml
Referensi: support.wordpress.com
This entry was writen by rismaka, The Admin, A part time blogger, Biochemist, and Energy Consultant in PT. BKA. More profile on Contact.
[...] yang akan dituliskan seperti PHP, HTML, CSS, Ruby, dan lain-lain telah dijelaskan pada artikel Menulis Syntax Highlighter Kode pada Blog WordPress.com di [...]
wah…menarik sekali infonya, pak.
Tak cobain dulu ya…. :)
Silahkan mas :)
Kita juga bisa langsung menulis tag pembuka <pre> dan penutup </pre> untuk membungkus simbol dan karakter di mesin WP.com atau Blogger.com
Setahu saya tag
<pre>ga cukup mas untuk melindungi kode, biasanya perlu tag pendukung lagi seperti tag<code>CMIIW.
Thanks yach infonya :)
sekarang, saya tidak lagi mengunakan plugin itu. Selain memberatkan load blog, bermasalah juga terhadap XHTML validation dan semantic tentunya. CMIIW Ahh… mending pakai yang standar aja deh. hehehehe
Standar gaek ya bang.. :lol:
Duh, orang2 awam bakal makin bingung neh baca koment bang ganda :)
lumayan, bakal banyak yang nanya2 ke blog saya. biar makin banyak visitor.. *ngeles*
dipunyaku kok gbs ya mas,,,aku pke wp 3.0 n pluginnya easy-google-syntax-highlighter gbs,syntaxhighlighter jg gbs.
mohon pncerahan ne….he3,bls diemailq y.thx