Bila anda suka menulis artikel di wordpress (hosting sendiri) bukan wordpress.com yang menampilkan code (baca: kode) html, php, javascript atau yang lainnya, pasti akan mengalami masalah seperti yang saya alami pada beberapa postingan saya dulu seperti trik pencarian file menggunakan google. Karena pasti anda tidak akan bisa menampilkan code tersebut seperti apa adanya. Dan pastinya, pembaca yang akan mempraktekkan code tersebut, pastilah menemui kesalahan atau error.
Kenapa bisa begitu? Ceritanya ada hubungannya dengan editor WYSIWYG yang dipakai oleh wordpress untuk teks editor kita. Fitur ini bagi kebanyakan orang, termasuk saya sendiri, pastilah sangat membantu. Karena dengan adanya editor WYSIWYG, anda tidak perlu bersusah payah untuk menulis sintak-sintak html dalam menulis sebuah artikel. Cukup dengan ketak ketik, tekan tombol, ya mirip Microsoft office, mau ditebalkan, tinggal klik tombol B. dan sebagainya. User friendly kata orang bilang.
Namun pastinya fitur ini mempunyai kelemahan terutama apabila anda suka bermain-main dengan code html. Seperti halnya ketika anda ingin menampilkan source kode html ke dalam wordpress anda. Anda dengan terpaksa harus berpindah ke mode editor HTML dulu, lihat kanan atas editor kita, disana ada Visual dan HTML. Ketika anda ingin menambahkan source code, anda harus menambah sintak <code>codenya</code> atau menggunakan <pre>codenya</pre> dan itu cuman bisa ketika kita di editor HTML. Anda bisa membaca manualnya di http://codex.wordpress.org/Writing_Code_in_Your_Posts. Apabila kita ingin menulis tanda petik atau quote, baik yang double quote atau tidak, kita juga harus menuliskannya menggunakan kode use HTML entities seperti berikut:
<code><p class="red"></code> = <p class=”red”>
Sayangnya, ketika kita sudah menuliskan double quote seperti diatas, hasil yang ditampilkan berbeda dengan yang kita tuliskan di editor. perhatikan tulisan berikut:
“That’s what she said,” he said dengan “That’s what she said,” he said.
Apabila anda jeli, tulisan pertama adalah tulisan yang anda ketik di editor, namun ketika tampilan yang akan muncul di blog kita akan seperti tulisan kedua. Bedanya apa? bedanya ada pada Quote atau tanda petiknya. satunya lurus-lurus saja (straight quotes), yang ditampilkan jadi miring-miring keriting atau istilahnya curly quotes / smart quotes. Penyebabnya adalah karena adanya fitur atau fungsi yang disebut dengan wp_texturize (). Fungsi ini salah satunya mengubah (render) sintak kode ” menjadi “. Tentunya hal akan membuat tulisan menjadi lebih cantik, namun bagi yang demen nulis-nulis code pasti jadi bencana.
Untuk mengatasi hal tersebut diatas, ada beberapa solusi. Solusi pertama adalah dengan menonaktifkan fungsi wp_texturize di keseluruhan postingan wordpress kita secara manual, dengan menambah kode di file functions.php yang terletak di template wordpress anda. Biasanya letaknya di wp-content/themes/[nama tema yang anda pakai]/functions.php. Sisipkan di bagian akhir dengan kode dibawah ini:
<?php remove_filter(’comment_text’, ‘wptexturize’); ?>
Solusi kedua, tidak mengubah kode secara manual dan tergampang adalah menggunakan plugin. Ada beberapa plugin yang bisa anda coba diantaranya adalah:
Hakan Carlstrom’s Codeviewer plugin. Anda bisa mendapatkan pluginnya disini. Plugin ini memperlihatkan source code file external anda, dan file tersebut bisa didownload oleh pembaca, Penggunaan file external akan membuat source code tidak dibuat texturize oleh wordpress.
Alex King’s WP Unformatted plugin. Plugin ini menggunakan pola tebang pilih, artinya anda dapat menonaktifkan smart quote tadi berdasarkan postingan yang anda pilih saja. Anda bisa mendapatkannya disini. Jadi postingan yang tidak menuliskan source code, masih tetap menggunakan smart quotes. Sayangnya, tidak ada shortcut khusus untuk menonaktifkan atau tidak smart quote yang ada. Anda harus menambahkan secara manual di postingan anda. Untuk men-disable auto-formatting tambahkan custom field ’sponge’ dengan value of ‘1′, sedangkan untuk men-disable auto-smart-quotes, tambahkan custom field ’sandpaper’ dengan value of ‘1′ disetiap post yang anda pilih.
Jasonlitka’s Disable WP texturize plugin. Anda bisa mendapatkannya disini. Plugin ini menonaktfikan fungsi wptexturize secara menyeluruh.
Semiologic’s Unfancy Quote Plugin. plugin ini sama seperti diatas. Menonaktifkan fungsi wptexturize secara menyeluruh. Download plugin dan cara instalasinya disini.
Sparanoid.com’s quotmarks replacer plugin. masih sama juga, menonaktifkan fungsi wptexturize secara menyeluruh. Anda bisa mencobanya disini.
Mungkin ada lagi yang lain, anda bisa mencarinya sendiri melalui search engine google. Untuk yang mau mencoba, silahkan mencobanya sendiri. Kalau pilihan saya jatuh pada plugin yang menonaktifkan fungsi wptexturize secara menyeluruh, maklum saya ngga mau capek dan ribet dengan smart quotes. Kalau anda? terserah deh….
Popularity: 6% [?]
Related posts
Tags: belajar, blog, hosting, manual, otomatis, plugin, sinau, Tips, trick, trik, tutorial, update, wordpress
Auto loans these days are a bit expensive, this is also a side-effect of the economic recession-`;
Set your own life more easy take the loan and all you need.