Ketika menggunakan fitur upgrade built in WordPress saya menemukan pesan kesalahan yang tidak pernah muncul sebelumnya.

Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 2354671 bytes) in /public_html/wordpress/wp-includes/http.php on line 1331

Terus terang yang muncul pertama kali dalam pikiran saya adalah setting server hosting baru saya yang “tidak akomodatif”. Namun setelah berbicara dengan customer support & melakukan sedikit riset dengan bantuan Google, saya menemukan solusinya.

Pesan kesalahan tersebut muncul karena ketika melakukan upgrade blog yang menggunakan cukup banyak plugin aktif (saya menggunakan 10+ plugin). Cara pertama adalah non aktifkan plugin-plugin tersebut sebelum proses upgrade & ini pun belum pasti berhasil. Hmm sedikit merepotkan menurut saya. Cara kedua adalah dengan menaikkan memory limit PHP, sehingga ketika script untuk upgrade dijalankan tidak menghasilkan pesan fatal error. Caranya cukup sederhana:

1. Dengan program FTP (FileZilla, SmartFTP, dll.) login ke website di mana WordPress di install.
2. Download file wp-config.php ke komputer Anda sebagai backup.
3. Jika Anda menggunakan FileZilla, klik kanan file wp-config.php yang ada di website dan pilih Edit.
4. Program text editor (biasanya Notepad) akan menampilkan isi file wp-config.php, tambahkan:
   define(‘WP_MEMORY_LIMIT’, ’64M’);

   di baris baru, setelah baris define(‘DB_COLLATE’, ”).

5. Simpan file (Ctrl+S) lalu tutup program text editor. FileZilla akan memunculkan pesan seperti ini:
   
   Tandai “Finish editing..” & klik Yes. FileZilla akan mengupload secara otomatis file yang diedit.
6. Login ke halaman admin WordPress & lakukan upgrade.

Sedikit penjelasan (untuk yang ingin tahu), 64M adalah singkatan dari 64 Mega Bytes. Jadi kita mengubah besar ruang memory yang dapat digunakan oleh PHP untuk mengeksekusi sebuah script. Jika nilai ini terlalu besar, Anda bisa menggunakan nilai yang lebih kecil seperti 32M atau 16M.

Image via Wikipedia

Windows Live Writer merupakan alat bantu menulis artikel blog terbaik jika Anda menggunakan Microsoft Windows. Selain merupakan freeware/gratis, banyak sekali fitur yang ditawarkan oleh Live Writer, ditambah kemampuannya bisa terus ditingkatkan dengan menggunakan plugin. Sangat nyaman jika Anda menulis blog dengan Live Writer.

Akhir-akhir ini setiap akan melakukan publish artikel ke blog, Live Writer selalu gagal. Muncul pesan kesalahan: metaWeblog.newMediaObject method received from the blog server was invalid:  Invalid response document returned from XmlRpc server. “Waduh Live Writer kenapa lagi nih?”, kata saya dalam hati. Saya jadi teringat masalah sebelumnya yang harus dituntaskan dengan memodifikasi sebuah file PHP di WordPress.

Solusi pertama yang terpikirkan adalah mengupgrade instalasi WordPress, karena kebetulan saya belum menggunakan versi terbaru. Setelah diupgrade, walau dengan sedikit kesulitan karena blog saya tidak mau diupgrade dengan fitur Automatic Upgrade bawaan WordPress 2.8, lalu saya coba lagi publish artikel dari Live Writer. Sayangnya masih gagal.

Setelah melakukan pencarian di Google, saya mendapat saran untuk melihat log file Live Writer (Help > About > Show Log File). Setelah membuka file log tersebut dan kebingungan untuk menterjemahkan isi log tesebut kecuali melihat ada permasalahan ketika memanggil beberapa fungsi seperti “DoBeforePublishUploadWork”, saya kembali melakukan pencarian di Google. Akhirnya saya menemukan sebuah blog yang memberitahukan bahwa kemungkinan permasalah tersebut bisa jadi merupakan konflik dengan plugin Smush.it.

Smush.it, merupakan tool untuk memperkecil ukuran gambar on-the-fly (langsung, tanpa aplikasi pengolah gambar) yang sangatlah berharga bagi pemilik blog. Namun permasalahannya, akhir-akhir ini service yang diberikan secara gratis oleh Yahoo Performance Team ini tidak stabil, terutama setelah ada update terbaru bagi plugin.

“Masuk akal”, pikir saya dalam hati. “DoBeforePublishUploadWork” pasti berhubungan dengan mengunggah (upload) file ke server blog. Langsung saja masuk ke halaman admin blog dan menonaktifkan plugin Smush.it. Saya kembali ke Windows Live Writer dan coba kembali mempublish sebuah artikel, dan kali ini sukses!

Sedikit penasaran, saya mengaktifkan kembali plugin Smush.it dan upload sebuah file gambar via admin WordPress. Ketika mencoba mengecilkan ukurannya dengan Smush.it, sebuah pesan kesalahan kembali muncul seperti gambar di bawah:

Setelah kembali melakukan pencarian di Google, pesan “Failed to create a temp dir” ini terjadi di server Yahoo/Smush.it, bukan di server pengguna plugin, jadi tidak ada yang bisa kita lakukan.

Sampai Yahoo/Smush.it memperbaiki masalah ini, saya nampaknya harus terus menonaktifkan plugin Smush.it…

Image by gIadius via Flickr

Salah satu point penting ketika melakukan desain web adalah performance (performa). Performa disini bukanlah tampilan yang wah atau animasi yang keren, namun sebaliknya: bagaimana halaman web dapat ditampilkan secara cepat, mengurangi resource yang perlu digunakan dari server, meminimalisir koneksi HTTP, dan masil banyak lagi. Gambar, sebagai salah satu elemen yang paling sering digunakan dalam sebuah halaman web tentu saja tidak lepas dari point penting ini. Dan salah satu trik yang digunakan adalah optimalisasi gambar.

Optimalisasi gambar secara sederhana adalah membuat ukuran file gambar (besar file dalam bytes, bukan dimensinya) sekecil mungkin tanpa mengurangi kualitas gambar. Jika anda familiar dengan program Photoshop, ada sebuah fitur yang disebut dengan Save for Web dimana kita bisa melihat preview dari gambar setelah dioptimalisasi (hingga 3 buah gambar).

Gambar 1. Fitur Save for Web pada Photoshop dimana anda langsung dapat melihat preview 3 tingkatan kualitas gambar/besar file yang akan disimpan (gambar asli/original selalu berada di kiri atas).

Atau jika anda menggunakan program image editor yang lain, ketika akan menyimpan file kedalam format JPG sering kali anda ditanyakan mengenai kualitas gambar yang akan disimpan (biasanya dalam skala 10-100). Ini sebenarnya adalah kualitas gambar setelah proses kompresi: ketika kualitas tinggi tingkat kompresi yang digunakan rendah dan ukuran file menjadi besar. Begitu pula sebaliknya.

Sudah bingung? Atau malah bosan? Oke, saya tidak akan mengajarkan bagaimana menjadi “master optimalisasi” dalam artikel ini. Paragraf di atas adalah sekedar ilustrasi dan pengenalan mengenai optimalisasi gambar. Lalu apa keuntungannya optimalisasi image ini buat para penulis blog ?

1. Ruang hard disk yang digunakan secara otomatis lebih kecil (terutama yang memiliki paket hosting dengan space kecil).
2. Bandwith yang digunakan juga kebih kecil (terutama untuk yang menggunakan hosting dengan bandwith terbatas).
3. Resource server yang digunakan lebih kecil (karena memanggil file dengan ukuran yang lebih kecil).
4. Halaman web akan tampil lebih cepat di browser pengunjung (karena total jumlah bytes yang harus di download juga lebih kecil).

Dari semua keuntungan ini, hanya satu point minusnya: anda harus melakukan langkah ekstra mengoptimalisasi gambar sebelum di upload ke webserver. Nah disinilah Smush.it memainkan peran penting, karen proses optimalisasi dapat dilakukan secara otomatis!

Berbeda dengan aplikasi desktop, Smush.it merupakan servis online yang dikembangkan oleh Yahoo Exceptional Performance team. Smush.it menawarkan 4 cara optimalisi gambar:

1. Upload ke web Smush.it
2. Plugin Firefox
3. Bookmarklet
4. Plugin WordPress

Dalam artikel ini saya hanya akan membahas point ke 4. Plugin Smush.it dapat didownload di: http://wordpress.org/extend/plugins/wp-smushit/

Setelah aktivasi plugin, Smush.it akan secara otomatis melakukan optimalisasi gambar yang di upload. Lalu bagaimana untuk gambar yang sudah berada dalam server? Jangan takut, anda dapat melakukan optimalisasi secara manual. Caranya cukup mudah: login ke halaman Admin WordPress anda dan klik Media > Library dari menu sebelah kiri. Halaman Media Library akan muncul dan anda dapat melakukan optimalisasi gambar satu per satu.

Gambar 2. Anda dapat dengan mudah melakukan optimalisasi file gambar dari dalam Media Library dengan mengklik link Smush.it now!.

Dari gambar diatas dapat dilihat saya dapat memangkas ukuran file gambar sebesar 25.3% dengan menggunakan Smush.It. Nilai ini dapat berbeda dengan file lain, tergantung dari ukuran file asli dan sebagainya. Secara umum Smush.it dapat mengurangi besar file 10-50%.

Mudah bukan? Selamat mencoba!

Image via Wikipedia

Setiap posting artikel akhir-akhir ini saya selalu kebingungan.. Tampilan artikel di blog kacau balau! Tapi setelah saya perhatikan, semua tanda “<” & “>” yang notabene sering sekali digunakan di HTML hilang semua! Wah pantas aja tampilannya jadi ajaib begini.

Usut punya usut dan browsing + googling, akhirnya ketemu masalahnya. Ada 3 hal yang jadi penyebabya:

1. Anda menggunakan WordPress 2.7.1 (seingat saya ketika masih versi 2.7 tidak ada masalah).
2. Anda menulis dengan Windows Live Writer (WLW) yang ketika publish article memanfaatkan XML-RPC.
3. Libxml yang digunakan PHP pada sever anda adalah versi 2.7.x

Secara sederhana, permasalahan utama terletak pada bug di libxml yang digunakan oleh PHP (bahasa pemrograman yang digunakan WordPress). WLW memanfaatkan library libxml ketika mengupload artikel. Jika ada bug pada libxml, maka secara otomatis artikel yang di upload pasti jadinya salah. Saat ini diketahui bahwa libxml versi 2.7.0 hingga 2.7.3 bermasalah.

Bagaimana untuk tahu versi libxml pada server? Buat sebuah file dan berinama info.php dan isikan kode berikut:

<?php phpinfo(); ?>

Simpan file, & upload ke root directory lalu jalankan file tersebut di browser. Misalkan: www.namadomain.com/info.php

Seluruh tampilan konfigurasi PHP akan muncul pada layar. Pencet Ctrl + F untuk melakukan pencarian dan ketik “libxml” & pencet next beberapa kali jika terdapat beberapa kata libxml. Yang anda cari tampilannya akan seperti ini:

Dari tampilan di atas terlihat bahwa PHP di server saya menggunakan versi 2.7.3.

Point no. 3 ini sedikit merepotkan, apalagi jika anda menggunakan shared hosting dimana anda tidak mungkin mengubah-ubah konfigurasi server. Lalu bagaimana solusinya?

Solusi pertama: upgrade versi libxml di server ke versi yang lebih baru (namun tidak ada kepastian bahwa bug ini sudah diperbaikin) atau downgrade ke versi 2.6.32. Opsi ini tentu tidak dapat dilakukan jika anda tidak memiliki server blog anda sendiri.

Solusi kedua: jangan gunakan WLW, atau program blogging lain yang memanfaatkan libxml. Hmm.. ini sedikit repot buat saya, karena saya kadung jatuh cinta sama WLW

Solusi ketiga: patch WordPress anda! Perlu diingat bahwa ini bukan patch resmi dari WP. Ada 3 file yang perlu di patch:

1. blogger.php (direktori wpadmin/import)
2. class-IXR.php, dan
3. rss.php (keduanya di direktori wp-includes)

Pada dasarnya patch ini adalah untuk memanipulasi string “<>&” sebelum fungsi xml_parse dipanggil:

  1: //xmllib 2.7.0 -2.7.2 stripping leading angle brackets bug patch

  2: if(LIBXML_DOTTED_VERSION == '2.7.0' ||

  3: LIBXML_DOTTED_VERSION == '2.7.1' ||

  4: LIBXML_DOTTED_VERSION == '2.7.2' ||

  5: LIBXML_DOTTED_VERSION == '2.7.3'

  6: ){

  7: $xml =str_replace("<","<",$xml );

  8: $xml =str_replace(">",">",$xml );

  9: $xml =str_replace("&","&",$xml );

 10: }

 11: //end Fix

 12: xml_parse($parser, $xml);

Patch untuk blogger.php

Update fungsi parse menjadi:

  1: function parse($xml) {

  2:

  3: 	global $app_logging;

  4: 	array_unshift($this->ns_contexts, array());

  5:

  6: 	$parser = xml_parser_create_ns();

  7: 	xml_set_object($parser, $this);

  8: 	xml_set_element_handler($parser, "start_element", "end_element");

  9: 	xml_parser_set_option($parser,XML_OPTION_CASE_FOLDING,0);

 10: 	xml_parser_set_option($parser,XML_OPTION_SKIP_WHITE,0);

 11: 	xml_set_character_data_handler($parser, "cdata");

 12: 	xml_set_default_handler($parser, "_default");

 13: 	xml_set_start_namespace_decl_handler($parser, "start_ns");

 14: 	xml_set_end_namespace_decl_handler($parser, "end_ns");

 15:

 16: 	$contents = "";

 17:

 18: 	//xmllib 2.7.0 -2.7.2 stripping leading angle brackets bug patch

 19:   if(LIBXML_DOTTED_VERSION == '2.7.0' ||

 20:   LIBXML_DOTTED_VERSION == '2.7.1' ||

 21:   LIBXML_DOTTED_VERSION == '2.7.2' ||

 22:   LIBXML_DOTTED_VERSION == '2.7.3'

 23:   ){

 24:   $xml =str_replace("<","<",$xml );

 25:   $xml =str_replace(">",">",$xml );

 26:   $xml =str_replace("&","&",$xml );

 27:   }

 28:   //end Fix

 29:   xml_parse($parser, $xml);

 30:

 31: 	xml_parser_free($parser);

 32:

 33: 	return true;

 34: }

Patch untuk class-IXR.php

Update fungsi yang sama, namun kodenya sedikit berbeda:

  1: function parse() {

  2:     // first remove the XML declaration

  3:     $this->message = preg_replace('/<\?xml(.*)?\?'.'>/', '', $this->message);

  4:     if (trim($this->message) == '') {

  5:         return false;

  6:     }

  7:     $this->_parser = xml_parser_create();

  8:     // Set XML parser to take the case of tags in to account

  9:     xml_parser_set_option($this->_parser, XML_OPTION_CASE_FOLDING, false);

 10:     // Set XML parser callback functions

 11:     xml_set_object($this->_parser, $this);

 12:     xml_set_element_handler($this->_parser, 'tag_open', 'tag_close');

 13:     xml_set_character_data_handler($this->_parser, 'cdata');

 14:

 15:     //xmllib 2.7.0 -2.7.2 stripping leading angle brackets bug patch

 16:     if(LIBXML_DOTTED_VERSION == '2.7.0' ||

 17:     LIBXML_DOTTED_VERSION == '2.7.1' ||

 18:     LIBXML_DOTTED_VERSION == '2.7.2' ||

 19:     LIBXML_DOTTED_VERSION == '2.7.3'

 20:     ){

 21:     $this->message =str_replace("&lt;","&#60;",$this->message );

 22:     $this->message =str_replace("&gt;","&#62;",$this->message );

 23:     $this->message =str_replace("&amp;","&#38;",$this->message );

 24:     }

 25:

 26:     if (!xml_parse($this->_parser, $this->message)) {

 27:         /* die(sprintf('XML error: %s at line %d',

 28:             xml_error_string(xml_get_error_code($this->_parser)),

 29:             xml_get_current_line_number($this->_parser))); */

 30:         return false;

 31:     }

 32:     xml_parser_free($this->_parser);

 33:     // Grab the error messages, if any

 34:     if ($this->messageType == 'fault') {

 35:         $this->faultCode = $this->params[0]['faultCode'];

 36:         $this->faultString = $this->params[0]['faultString'];

 37:     }

 38:     return true;

 39: }

Patch untuk rss.php

Update fungsi MagpieRSS:

  1: function MagpieRSS ($source) {

  2:

  3: 	# if PHP xml isn't compiled in, die

  4: 	#

  5: 	if ( !function_exists('xml_parser_create') )

  6: 		trigger_error( "Failed to load PHP's XML Extension. http://www.php.net/manual/en/ref.xml.php" );

  7:

  8: 	$parser = @xml_parser_create();

  9:

 10: 	if ( !is_resource($parser) )

 11: 		trigger_error( "Failed to create an instance of PHP's XML parser. http://www.php.net/manual/en/ref.xml.php");

 12:

 13:

 14: 	$this->parser = $parser;

 15:

 16: 	# pass in parser, and a reference to this object

 17: 	# setup handlers

 18: 	#

 19: 	xml_set_object( $this->parser, $this );

 20: 	xml_set_element_handler($this->parser,

 21: 			'feed_start_element', 'feed_end_element' );

 22:

 23: 	xml_set_character_data_handler( $this->parser, 'feed_cdata' );

 24:

 25: 	//xmllib 2.7.0 -2.7.2 stripping leading angle brackets bug patch

 26:   if(LIBXML_DOTTED_VERSION == '2.7.0' ||

 27:   LIBXML_DOTTED_VERSION == '2.7.1' ||

 28:   LIBXML_DOTTED_VERSION == '2.7.2' ||

 29:   LIBXML_DOTTED_VERSION == '2.7.3'

 30:   ){

 31:   $source =str_replace("<","<",$source );

 32:   $source =str_replace(">",">",$source );

 33:   $source =str_replace("&","&",$source );

 34:   }

 35:

 36:   $status = xml_parse( $this->parser, $source );

 37:

 38: 	if (! $status ) {

 39: 		$errorcode = xml_get_error_code( $this->parser );

 40: 		if ( $errorcode != XML_ERROR_NONE ) {

 41: 			$xml_error = xml_error_string( $errorcode );

 42: 			$error_line = xml_get_current_line_number($this->parser);

 43: 			$error_col = xml_get_current_column_number($this->parser);

 44: 			$errormsg = "$xml_error at line $error_line, column $error_col";

 45:

 46: 			$this->error( $errormsg );

 47: 		}

 48: 	}

 49:

 50: 	xml_parser_free( $this->parser );

 51:

 52: 	$this->normalize();

 53: }

Untuk memudahkan, saya memberikan ketiga file tersebut yang telah dimodifikasi dalam bentuk zip. Cukup diekstrak & di upload dengan FTP ke root directory blog anda.

Download WordPress libxml patch: wp_libxml_pacth.zip (23.45 KB).

Referensi:

• http://josephscott.org/archives/2008/12/problems-with-libxml2-for-wordpress-xml-rpc-users/
• http://josephscott.org/archives/2009/02/update-on-libxml2-issues/
• http://blog.hoofoo.net/2009/01/14/wordpress-patch-for-problamatic-libxml2-version/

Image by teddY-riseD via Flickr

WordPress 2.7 memiliki beberapa fitur baru, seperti yang saya jelaskan pada tulisan sebelumnya. Salah satu yang menarik adalah Threaded (nested) Comment. Apakah itu? Secara singkatnya, and bisa membalas sebuah komentar langsung pada box komentar tersebut. Hal ini sangat berguna jika sebuah tulisan memiliki banyak komentar, namun anda ingin memberi balasan komentar di bagian awal atau tengah.

Dari gambar di atas (diambil dari komentar tulisan tentang Evernote), terlihat bahwa dengan Threaded Comment sangat berguna untuk memperjelas struktur dari komentar. WordPress 2.7 mendukung hingga maksimum 10 tingkat kedalaman.

Lalu apa syarat menggunakan fitur ini? Hanya ada 2:

1. Mengaktifkan Fitur Threaded Comment
2. Menggunakan Theme yang mendukung Threaded Comment

Syarat pertama cukup mudah. Anda cukup masuk ke halaman admin blog anda dan klik menu Setting > Discussion, dan beri tanda centang pada fitur ini.

Syarat kedua sedikit lebih rumit, terutama jika Theme yang anda gunakan belum mendukung Threaded Comment. Terdapat 3 pilihan untuk anda:

1. Update Theme (siapa tahu sudah ada versi baru yang mendukung Threaded Comment).
2. Mengganti Theme dengan yang sudah mendukung Threaded Comment.
3. Update theme secara manual untuk mendukung fitur ini.

Cara pertama merupakan yang paling mudah, jika si pembuat telah mengeluarkan versi terbaru dan mendukung Threaded Comment. Jika anda menggunakan Theme dari ThemeHybrid, semua theme mereka sudah diupdate untuk mendukung fitur ini. Cara kedua relatif mudah, namun menemukan Theme yang sesuai selera anda dan mendukung Threaded Comment mungkin susah-susah gampang. Kebetulan saya masuk kategori ini, dan theme Aeros yang digunakan pada blog ini sudah mendukung fitur ini.

Cara ketiga yang paling rumit, namun jika anda membuat Theme sendiri, cara ini yang harus anda tempuh. Namun jangan takut, sudah ada beberapa tutorial untuk melakukannya:

• http://www.bloggingtips.com/2008/12/07/wordpress-27-theme-enhancements-iii/
• http://ottodestruct.com/blog/2008/09/29/wordpress-27-comments-enhancements/

Selamat mencoba!