Menuliskan Source Code pada WordPress

Kemarin saya bingung mencari bagaimana cara menuliskan kode – kode php ke dalam wordpress yang gratis (menggunakan domain “wordpress.com”). Setelah mencari di googling ada banyak plugin yang bisa dipakai, tetapi itu smua merupakan plugin yang berbayar. Terus gimana dong?? ga bisa posting kode – kode PHP, CSS, javascript, java dengan bagus dong?? Akhirnya ngga sengaja aku menemukan link ini. Aha!! akhirnya bisa juga kita menuliskan kode – kode program di wordpress. Buat yang males membaca tulisan bahasa inggris, aku kasih tutorialnya dalam bahasa Indonesia.

Karena wordpress tidak mengizinkan anda untuk menuliskan kode – kode yang membahayakan dalam blog anda, ada cara untuk memposting kode – kode supaya bisa dilihat. WordPress menyediakan shortcode yang bisa kita gunakan seperti ini :

#button {
	font-weight: bold;
	border: 2px solid #fff;
}

untuk membuat tulisan diatas kita tinggal menuliskannya sebagai berikut :

Parameter “language” mengontrol bagaimana sintaks dihighlight. Berikut beberapa bahasa pemrograman yang didukung oleh wordpress :

  • actionscript3
  • bash
  • coldfusion
  • cpp
  • csharp
  • css
  • delphi
  • erlang
  • fsharp NEW!
  • diff
  • groovy
  • javascript
  • java
  • javafx
  • matlab (keywords only) NEW!
  • objc
  • perl
  • php
  • text
  • powershell
  • python
  • ruby
  • scala
  • sql
  • vb
  • xm

Jika parameter “language” tidak didefiniskan maka defaultnya adalah “text”. Kode diantara tag

[/sourcecode]

otomatis akan didekodekan sehingga kita tidak perlu risau masalah htmlentities atau yang lain.

Konfigurasi Parameter

Shortcode juga menerima berbagai macam parameter yang dikonfigurasi yang akan kita tampilkan dalam outputnya. Parameter – parameter ini bersifat opsional.

  • autolinks (true/false) — Membuat semua URL yang ada dalam kode bisa diklik. Nilai defaultnya adalah true.
  • collapse (true/false) — Jika bernilai true, maka boks kode akan hilang ketika halaman diload, sehingga visitor harus mengklik kode untuk detailnya. Cocok untuk kode yang panjang. Nilai defaultnya adalah false.
  • firstline (number) — Digunakan untuk mengubah urutan penomoran. Defaultnya bernilai 1.
  • gutter (true/false) — Jika bernilai false, maka jumlah line pada sisi kiri akan disembunyikan. Defaultnya adalah true.
  • highlight (comma-seperated list of numbers) — You can list the line numbers you want to be highlighted. For example “4,7,19″.
  • htmlscript (true/false) — If true, any HTML/XML in your code will be highlighted. This is useful when you are mixing code into HTML, such as PHP inside of HTML. Defaults to false and will only work with certain code languages.
  • light (true/false) — If true, the gutter (line numbering) and toolbar (see below) will be hidden. This is helpful when posting only one or two lines of code. Defaults to false.
  • padlinenumbers (true/false/integer) — Allows you to control the line number padding. true will result in automatic padding, false will result in no padding, and entering a number will force a specific amount of padding.
  • toolbar (true/false) — If false, the toolbar containing the helpful buttons that appears when you hover over the code will not be shown. Defaults to true.
  • wraplines (true/false) — If true, line line wrapping will be disabled. This will cause a horizontal scrollbar to appear for long lines of code.

Bagaimana penerapannya?? silakan lihat disini.

Semoga bermanfaat.

One thought on “Menuliskan Source Code pada WordPress

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s