Cara posting source code pada artikel wordpress

screenshot-syntaxhighlighter
Bagi anda yang belum tahu cara posting source code pada artikel wordpress kali ini saya bakalan kasih tahu caranya. Untuk yang menggunakan wordpress self hosting perlu menginstall sebuah plugin, namun bagi yang websitenya menggunakan wordpress.org bisa langsung dilakukan di wordpress karena sudah disediakan secara bawaan.

Baiklah apakah anda tahu kalau wordpress tidak pernah mengijinkan kita untuk menaruh script-script seperti HTML,CSSJavascriptPHP dan lain sebagainya pada website atau blog kita. Berdasarkan penjelasan yang saya baca di wordpress.com cara seperti itu sangat riskan karena dapat menimbulkan potensi berbahaya pada web atau blog kita.

Bisa saja seorang hacker yang tanpa sengaja atau disengaja terkadang memanfaatkan script-script tadi sebagai celah untuk dapat menyusup ke website atau blog kita. Tentu saja hal seperti itu tidak pernah diinginkan oleh setiap pemilik blog.

Ternyata setelah saya coba gugling (dibaca Google) ada shortcode yang sudah diberikan oleh wordpress mengenai cara menyisipkan contoh-contoh script pada postingan artikel web atau blog melalui sebuah plugin, kita dapat membungkus script-script yang ingin kita bagikan di postingan dengan menuliskan format sesuai jenis bahasa apa yang akan kita sisipkan menggunakan plugin syntax highlighting.

Sebelumnya silahkan install terlebih dahulu plugin SyntaxHighlighter Evolved By Alex Mills (Viper007Bond) lalu activate.

Contoh script CSS dan HTML yang ada di postingan :

Script CSS

.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}

Script HTML

<!DOCTYPE html>
<html>
<body>

<h1>tukarpengetahuan</h1>
<p>Belajar bersama di tukarpengetahuan.com</p>

</body>
</html>

Script CSS dan HTML diatas menggunakan shotcode script berikut :

[code lang="css"] your code here.. [/code]
[code lang="html"] your code here.. [/code]
[php] your code here [/php]

Silahkan coba explore sendiri plugin syntaxhighlighter ini dengan membaca instruksi yang sudah diberikan oleh si pembuat plugin. (iwn)

Leave a Reply