Tombol Insert Media yang Hilang di WordPress Editor

2 hari kemarin saya agak “kelimpungan” melakukan update blog Zeze Vavai. Blognya sudah saya update ke WordPress versi 2.7.1 namun entah mengapa, tidak ada tombol insert media yang biasanya ada pada TinyMCE blog editor untuk posting artikel. Tombol ini meliputi tombol-tombol insert image, video, audio dan media.

Lihat gambar berikut, tombol insert image dan media lainnya nggak ada :-) (Klik untuk memperbesar)

Missing Insert Media Button

Jika saya klik tombol “Toggle Full Screen Mode”, terlihat bahwa tombol insert media masih ada namun statusnya disable.

Full-Screen-Mode

Saya beberapa kali menggunakan add-on Firefox, yaitu Scribefire sebagai blog editor dan dapat melakukan insert image secara manual, namun dalam banyak hal saya lebih prefer WordPress blog editor karena saya bisa sekaligus mengecek statistik di StatPress Reloaded saya.

Ketiadaan tombol insert media ini sangat mengganggu karena saya sering menggunakannya pada blog Zeze Vavai. Saya sempat mengganti TinyMCE dengan FCKEditor namun bagi saya fasilitas insert image dari FCEditor kurang intuitif seperti yang dimiliki oleh TinyMCE.

FCKEditor

Awalnya saya pikir masalah ada pada proses upgrade yang kurang mulus. Saya melakukan instalasi melalui Fantastico namun melakukan upgrade secara manual. Saya melakukan update file 2X dari WordPress yang saya download ulang namun hasilnya sama saja. Saya melakukan upgrade Fantastico, hasilnya juga sama saja.

Saya mencoba mengecek dan mengubah permission wp-content/upload supaya berstatus 775 atau 777 (hak baca dan tulis folder) namun tetap sama saja. Ada sekian banyak workaround yang saya coba namun tetap sama.

Solusi bisa saya dapatkan setelah melakukan proses non-aktif semua plugin (kecuali akismet) dan mengaktifkannya  satu persatu. Baru ketahuan ada plugin berbasis Java Script yang tabrakan dengan Javascript yang digunakan oleh TinyMCE Editor.

Plugin tersebut adalah plugin  “Another Flickr” yang menampilkan foto-foto di Flickr mengunakan feature AJAX yang dinamis.

Jika anda mengalami hal yang sama, berikut adalah beberapa workaround yang bisa ditempuh untuk mengatasinya :

  1. Non aktif semua plugin. Biasanya saya menonaktifkan semua plugin kecuali Akismet. Jika diperlukan, non aktifkan akismet juga. Kemudian testing dengan melakukan aktivasi plugin satu per satu dan melakukan ujicoba tampilan blog editor
  2. Melakukan re-upload seluruh file yang ada pada WordPress. Lakukan backup data penting terlebih dahulu. Lakukan juga update file pada root folder dari blog karena ada kemungkinan proses upgrade kurang mulus. Jika ada pesan “Call to undefined function”, kemungkinan besar ada file yang tidak konsisten. Upload semua file, jangan timpa jika file tersebut lebih baru. Jika perlu, hapus folder wp-admin dan wp-includes. Download file zip atau tar.gz WordPress yang baru dan gunakan folder wp-admin dan wp-include yang masih fresh ini untuk diupload menggantikan folder wp-admin dan wp-include yang dihapus.
  3. Jika pada proses Save/Publish Post ada blink saat diklik, kemungkinan ada file di root folder blog yang belum terupdate, terutama file wp-settings.php. Update file-file tersebut dari hasil ekstrak file zip WordPress.
  4. Clear cache browser. Lakukan ini 2x. Jik aperlu, test dengan browser lain. Jika pada browser lain berjalan normal, kemungkinan masalah ada pada browser yang kita pakai, misalnya java scriptnya kita non aktif tak sengaja.
  5. Hapus isi folder /wp-content/uploads/js_cache jika langkah diatas masih belum menyelesaikan masalah
  6. Update  Adobe Flash ke versi terakhir, terutama jika menggunakan sistem Linux. Jika menggunakan Flash 10, gunakan WordPress 2.7 atau versi update. WordPress versi 2.7 kebawah tidak compatible dengan Flash 10
  7. Setting mod_security pada Apache juga bisa berpengaruh. Non aktifkan module ini melalui file .htaccess. Caranya, buat file .htaccess didalam folder wp-admin dan masukkan isi berikut : 
    <IfModule mod_security.c>
SecFilterEngine Off
SecFilterScanPOST Off
</IfModule>

    Tambahan file .htaccess diatas akan melakukan disable module  mod_security yang mungkin menghalangi proses update file.

  8. Periksa status permission folder dari wp-content/cache dan wp-content/uploads. Statusnya harus 755 atau 775 atau 777 agar folder tersebut bisa diisi file baru
  9. Pastikan setting pada halaman admin | setting | miscellaneous. Jangan gunakan tanda / diakhir nama folder, misalnya, ketiklah t (http://vavai.com/wp-content/uploads, bukan http://vavai.com/wp-content/uploads/

Mudah-mudaha  salah satu dari langkah-langkah diatas mampu menjadi clue bagi rekan-rekan yang mengalami hal yang mirip dengan apa yang saya alami.

Posted by vavai on Apr 30th, 2009 and is filed under Blog. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

3 Responses to “Tombol Insert Media yang Hilang di WordPress Editor”

  1. nomercy May 1st, 2009, 5:37 pm

    wah hampir mirip seperti saya sewaktu upgrade bulan lalu, tetaapi malah halaman editor menampilkan halaman putih saja … ternyata dikarenakan plugin tinymce-nya gak ikut diupgrade.. setelah diupgrade beres masalahnya …

  2. HPK Articles May 7th, 2009, 3:12 pm

    blogku terbaru juga punya masalah gara2 plugin. setelah folder wp-content diubah jadi 777 beres dah masalahnya

  3. champ pride January 22nd, 2012, 11:33 pm

    Bisa jadi juga karena ada plugin disable media. blog-ku juga mengalami masalah sama, tapi setelah tak cek, ternyata di installed plugin, ada plugin disable media yg blm pnah aq instal. Setelah plugin tsb dihapus, beres sudah masalah….

Leave a Reply