Barusan nyoba ngebenerin Plugins CU3ER untuk wordpress, dari pada saya lupa mending saya coba tulis siapa tau ada yang mengalami kejadian yang serupa. CU3ER adalah Free Image Slide Show yang dibuat dari Flash dan berbentuk 3D, program ini dibuat oleh progressivered.com. Dengan animasi yang unik karena mirip seperti kubik, dengan menggeser bagian-bagian balok untuk meload tampilan baru. Sedangkan Plugins CU3ER dibuat oleh 18elements.com untuk wordpress. Plugins ini berjalan baik di WordPress 3.0 dan bagi yang hendak mencoba plugins ini, silakan download di sini.

Ok langsung ke pokok bahasan saya akan menjelaskan cara menginstall dan masalah yang terjadi ketika menginstall pada live website (website yang di hosting).

Pertama saya akan menjelaskan cara menginstall plugins CU3ER pada wordpress.

1. Setelah mendownload plugins `cu3er-posts-elements`, upload / copy plugins kemudian ekstrak pada direktori `/wp-content/plugins/`.
2. Aktifkan plugins pada Plugins menu.
3. Kemudian konfigurasi plugins pada Settings > Cu3er Settings menu.
4. Terakhir masukkan script `<?php if ( function_exists(‘install_cu3er’) ) { install_cu3er(); } ?>` pada file template misalnya index.php.

Saat pertama kali menjalankan di localhost (bkn di hosting) plugins tersebut berjalan dengan baik tetapi terjadi error saat melakukan upload di hosting. Gambar pada slide show tidak berhasil diload, dari tengah malam di ubah-ubah mungkin ada kesalahan di link dari localhost ke domain tetap saja gambar tidak berhasil diload. Seharusnya ya jalan kaya gni nih plugins

Akhirnya barusan saya mencoba meload file xml generatornya ternyata terjadi akses error saat cek di cpanel error log ternyata ada tulisan.

Mon Jul 05 09:45:39 2010] [error] [client 125.166.180.5] SoftException in Application.cpp:256: File “/home/kreatifr/public_html/labs/fsi/wp-content/plugins/cu3er-post-elements/config.php” is writeable by group, referer: http://**.**/fsi/wp-content/plugins/cu3er-post-elements/

Berarti group tidak boleh dapat membaca file tersebut, mudah saja solusinya ubah saja hak akses untuk folder plugins dan file-file di dalamnya menjadi 755. Ternyata slide masih belum jalan aduh mana besok mau ngasih ke client :hammer coba cek XML untuk ngegenerate XML untuk komponen CU3ER, ternyata file XML generatornya belum bisa diakses terjadi

XML Parsing Error: no element found Location: http://**.**/fsi/wp-content/plugins/cu3er-post-elements/config.php Line Number 1, Column 1:

Wow ternyata ini toh biang kerok yang bikin gambar tidak dapat diload dikarenakan XML filenya tidak berhasil untuk diload dengan baik. Ok ada caranya untuk memperbaiki file tersebut, buka file config.php (file untuk membuat XML dari postingan di wordpress untuk CU3ER) di folder /wp-content/plugins/cu3er-post-elements. Kemudian tambahkan script pada

Line 3 : <– tambahkan charset=utf-8 sehingga menjadi header(‘Content-type: text/xml; charset=utf-8′);
Line 17 : <– ganti dengan format $xml .= ‘xml version=”1.0″ standalone=”yes”‘;

[php]
<?php
header(‘Content-type: text/xml;’); <– tambahkan charset=utf-8 sehingga menjadi header(‘Content-type: text/xml; charset=utf-8′);
require_once( ‘../../../wp-config.php’ );
require_once( dirname(__FILE__) . ‘/cu3er-post-elements.php’ );
$slice_value = array("horizontal","vertical"); $rand_slice_keys = array_rand($slice_value, 2);
$direction_value = array("left","right","up","down"); $rand_direction_keys = array_rand($direction_value, 4);
//posts
//$cu3erOptions = Cu3erElements::cu3er_elements_set_default_options(false);
$num_posts = get_option(‘cu3er_numof_posts’);
$portfolio_id = get_option(‘cu3er_portfolio_id’);
$main_color = get_option(‘cu3er_main_color’);
……
……
$excerpt_time = get_option(‘cu3er_excerpt_time’);
$xml .= ‘<?xml version="1.0" encoding="utf-8" ?>’; <– ganti dengan format $xml .= ‘<?xml version="1.0" standalone="yes"?>’;
$xml .= ‘<cu3er>’;
$xml .= ‘<settings>’;
$xml .= ‘<auto_play>’;
$xml .= ‘<defaults symbol="circular" time="’ . $autoplay_time . ‘" />’;
….
….
$xml .= ‘</slide>’;
$xml .= ‘<transition num="’ . rand(2, 5) . ‘" slicing="’ . $slice_value[$rand_slice_keys[rand(0, 1)]] . ‘" direction="’ . $direction_value[$rand_direction_keys[rand(0, 3)]] . ‘" shader="phong" delay="0.05" z_multiplier="4" />’;
endwhile; endif;
$xml .= ‘</slides>’;
$xml .= ‘</cu3er>’;
echo $xml;
?>
[/php]

[update]
Ada satu lagi untuk open link ternyata ada bug, jadi selalu open new tab / new window, nah caranya untuk mengakali biar open pada window yang sama

Asal nya
[php]
$xml .= ‘<heading>’ . $post->post_title . ‘</heading>’;
if( $m[ 1 ] ) $xml .= ‘<url>’ . $m[ 1 ][ 0 ] . ‘</url>’;
$xml .= ‘<description>’;
$xml .= "<link target=’_self’>" . $post->guid . "</link>";
$xml .= ‘<heading>’ . $post->post_title . ‘</heading>’;
$xml .= ‘<paragraph>’ . $post->post_excerpt . ‘</paragraph>’;
$xml .= ‘</description>’;
$xml .= ‘</slide>’;
[/php]

tag link di keluarkan disimpan diluar description.
[php]
$xml .= ‘<heading>’ . $post->post_title . ‘</heading>’;
if( $m[ 1 ] ) $xml .= ‘<url>’ . $m[ 1 ][ 0 ] . ‘</url>’;
$xml .= "<link target=’_self’>" . $post->guid . "</link>";
$xml .= ‘<description>’;
$xml .= ‘<heading>’ . $post->post_title . ‘</heading>’;
$xml .= ‘<paragraph>’ . $post->post_excerpt . ‘</paragraph>’;
$xml .= ‘</description>’;
$xml .= ‘</slide>’;
[/php]

Dengan melakukan penambahan sederhana dengan cara diatas, maka plugins tersebut dapat berjalan normal pada website, dan masalah beres . PR berkurang satu, menuju Pr2 berikutnya. Kalau ada yang terselesaikan dengan solusi yang saya tulis jangan lupa cendolnya gan.