Penggunaan kod TEMPLATEPATH dan get_template_part adalah sama iaitu mengloadkan atau menyertakan satu file php di dalam satu file php yang lain yang berada di dalam folder yang sama. Biasanya kedua-kedua kod ini digunakan di dalam sebuah theme WordPress.

Biasanya TEMPLATEPATH digunakan untuk theme option dan kurang sesuai untuk digunakan diletakkan ke dalam theme secara direct. Sebabnya TEMPLATEPATH digunakan secara force, sekiranya file php itu gagal loading maka error 404 akan dihasilkan.

Get_template_part adalah coding terbaru sejak WordPress 3.0 yang digunakan secara besar-besaran dalam Twenty Ten Theme. Salah satu kelebihannya kita mampu memanggil file php yang mengandungi conditional tag loop seperti loop.php malah kita mampu apply kod get_template_part ke dalam child theme untuk memanggil child loop.php seperti loop-index.php, loop-category.php dan sebagainya.

Bagi saya, kod get_template_part memang best. Kod ini diloadkan secara parallel atau synchronous (serentak), bagus untuk loading page. Jika file yang diload gagal dipaparkan atau gagal dipanggil oleh server, page tersebut tidak akan memaparkan error 404 sebalik jadi page kosong berwarna putih seperti kertas A4.

Nik ada bagi saya satu rujukan yang agak baik dan saya akan tunjukkan rujukan itu sebagai contoh.

Berdasarkan rujukan itu, saya simplify kod itu jadi seperti di bawah. Kod di bawah ini menggunakan kod TEMPLATEPATH.

<?php include (TEMPLATEPATH . '/sidebar1.php'); ?>
<?php include (TEMPLATEPATH . '/sidebar2.php'); ?>

Berdasarkan kod tadi, saya ubah kod tersebut mengikut kod get_template_part.

<?php get_template_part('sidebar1.php'); ?>
<?php get_template_part('sidebar2.php'); ?>

Harap dapat membantu.

Rujukan: How Does get_template_part Works In Twenty Ten Theme

Ini adalah respond kepada Madlut dari entrinya Tutorial Twenty Ten : Menjadikan Header Sebagai Link Homepage.

Coding Bahagian A

Ini adalah code yang mengandungi coding header di dalam Twenty Ten Theme.

<?php
// Check if this is a post or page, if it has a thumbnail, and if it's a big one
if ( is_singular() &&
has_post_thumbnail( $post->ID ) &&
( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
$image[1] >= HEADER_IMAGE_WIDTH ) :
// Houston, we have a new header image!
echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
else : ?>
<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
<?php endif; ?>

Perhatikan <!–?php endif ?–> . Ini adalah code fallback bagi sesuatu function dibuat. Tanpa code ini, coding akan break dan theme akan gagal berfungsi.

Ceraian Coding Bahagian A Lebih Mendalam

<?php
// Check if this is a post or page, if it has a thumbnail, and if it's a big one
if ( is_singular() &&
has_post_thumbnail( $post->ID ) &&
( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
$image[1] >= HEADER_IMAGE_WIDTH ) :
// Houston, we have a new header image!
echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );

Coding di atas ini menyatakan condition di mana gambar thumbnail (Diset melalui Featured Image ketika membuat post/entry) akan mengantikan gambar header pada homepage. Gambar thumbnail akan dipaparkan pada halaman single.php atau page.php. Coding di atas berakhir boleh diakhiri endif tetapi coding di atas diakhiri else: yang bermaksud sekiranya coding di atas ini gagal, wordpress akan memproses coding yang berada selepas else: dan coding sebelum endif. Coding di bawah ini adalah coding di antara else: dan endif:

<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />

Coding ini pula adalah coding yang memproses image header yang sering kita lihat pada setiap halaman page dalam Twenty Ten Theme. Image header dipilih melalui paparan Header Image pada panel Appearance.

Coding Bahagian B

Untuk membuat header sebagai header yang clickable yang boleh terus link ke homepage, saya akan gunakan coding yang sedia ada dalam header.php Twenty Ten Theme.

<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>

<?php bloginfo( ‘name’ ); ?> dalam Coding Bahagian B akan digantikan dengan Coding Bahagian A tetapi tidak semudah itu. Akan tetapi, kita akan gantikan dengan Ceraian Coding Bahagian A.

Untuk Coding Pertama Ceraian Bahagian A

Kita perlu berhati-hati untuk menyumbat Coding Bahagian B ke dalam Coding Pertama Ceraian Bahagian A supaya coding berfungsi. Memandangkan coding ini adalah conditional tag, kita akan letak pemula tag <a> selepas if (is_singular && …..): . Hasil akhir jadi seperti ini.

<?php
// Check if this is a post or page, if it has a thumbnail, and if it's a big one
if ( is_singular() &&
has_post_thumbnail( $post->ID ) &&
( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
$image[1] >= HEADER_IMAGE_WIDTH ) :
// Houston, we have a new header image! ?>
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<?php echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );?>
</a>

Untuk Coding Kedua Ceraian Coding A

Cara ini lebih mudah berbanding sebelum ini, cuma kita perlu berhati-hati dengan conditional tag iaitu else: dan endif. Coding berakhir seperti ini.

<?php else : ?>
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
</a>
<?php endif; ?>

Kita sudah siap edit semuanya. Kita refresh balik coding asal dan lihat hasil akhir.

Coding Sebelum Edit

<?php
// Check if this is a post or page, if it has a thumbnail, and if it's a big one
if ( is_singular() &&
has_post_thumbnail( $post->ID ) &&
( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
$image[1] >= HEADER_IMAGE_WIDTH ) :
// Houston, we have a new header image!
echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
else : ?>
<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
<?php endif; ?>

Hasil Akhir

<?php
// Check if this is a post or page, if it has a thumbnail, and if it's a big one
if ( is_singular() &&
has_post_thumbnail( $post->ID ) &&
( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
$image[1] >= HEADER_IMAGE_WIDTH ) :
// Houston, we have a new header image! ?>
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<?php echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );?>
 </a>
<?php else : ?>
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
</a>
<?php endif; ?>

Sekian sudah tutorial Membuat Header Twenty Ten Theme Sebagai Link ke Homepage. Harap maaf kalau tutorial ini terlalu panjang. Saya sudah pastikan coding ini berfungsi dan ada fungsi fallback.
Akan datang saya akan buat tutorial header dengan hover image effects.

Ada sesiapa pernah guna theme Twenty Ten Weaver atau 2010 Weaver? Sebenarnya nama theme ini sama sahaja cuma bezanya Twenty Ten Weaver dihostkan di WpWeaver.info manakala 2010 Weaver dihostkan di WordPress Theme Directory.

Bagi mereka yang tidak mengetahui Twenty Ten Weaver ini rupanya macam mana, rupa design theme ini memang sebijik macam kat WpWeaver.info. Twenty Ten Weaver theme ni tak banyak beza Twenty Ten theme dari segi design tapi dari segi function, Twenty Ten Weaver lebih advance dari Twenty Ten.

Sekarang ni, Twenty Ten Weaver telah ditukarkan nama kepada Weaver. RG rasa pun bagus gak sebab bila selalu bukak forum kat WordPress.org cari pasal Twenty Ten theme, Twenty Ten Weaver yang keluar. Satu lagi, bila Weaver dah tukar nama, hilanglah rasa salah sangka newbie yang selalu ingat Twenty Ten Weaver tu theme default WordPress.

Pros

• Weaver bagus untuk newbie dan tidak perlukan kepakaran yang tinggi.
• Function Weaver sama seperti Twenty Ten Theme malah lebih advance dari Twenty Ten Theme dari segi pemilihan sub theme.
• Banyak option seperti memasukkan nilai color, tukar jenis font, tukar layout column.
• Weaver dianggap theme yang advanced sebagai theme yang percuma.

Cons

• Weaver kurang sesuai untuk pengguna advance yang selalu inginkan modification yang canggih.
• Weaver kurang sesuai untuk optimization seperti speed optimization sebab file Weaver terlampau banyak.
• Size style.css yang agak besar iaitu 29kb kurang sesuai. Style.css kalau kurang dari 20kb lebih bagus.
• Weaver ada banyak function tetapi tiada function SEO. Agak menghampakan tetapi inilah realiti theme percuma.
• Advanced Options Page mempunyai banyak sangat teks dan agak crowded.
• Pemilihan warna secara manual memerlukan pengalaman dan penyelidikan mengenai warna supaya pemilihan warna lebih teratur dan kemas.
• Disebabkan Weaver mempunyai banyak option, database WordPress seperti WP_Options akan jadi lebih berat apabila selalu tukar nilai color dan font. Setiap perubahan nilai akan disave ke dalam table database WP_Options.

Konklusi

Twenty Ten Weaver atau 2010 Weaver telah bertukar nama kepada Weaver. Weaver didapati di WordPress Theme Directory (Weaver).

Weaver atau Twenty Ten lebih bagus? Terpulanglah pada diri masing-masing.

Atas permintaan Syahril Hafiz, aku buat tutor untuk kasi widget title ada style bold dan align center.

Buka style.css dan tambah kod di bawah.

Untuk boldkan Widget Title

.widget-title {
font-weight: bold;
}

Untuk centerkan Widget Title

.widget-title {
text-align: center;
}

Overall Widget Title siap dicustomize

.widget-title {
font-weight: bold;
text-align: center;
}

Harap dapat membantu.

Kali ni aku dah tak pakai Akismet, cuma guna GASP je. Untuk pertama kali tahun 2011, aku jumpa ayat spam dalam bahasa melayu. Ini ayatnya.

Tak pernah aku buat sebelum ni sebenarnya aku baru sahaja install plugin wordpress untuk memaparkan waktu berbuka puasa dan imsak buatan malaysia yang di hasilkan oleh .. Sebenarnya plugin ini aku dapat tahu melalui yang telah menulis berkenaan plugin ini. Bersempena bulan ramadhan yang bakal menjelma dalam beberapa hari lagi dan sebagai umat islam aku ingin mengucapkan selamat menyambut bulan ramdhan al mubarak dan plugin ini akan beroperasi selama sebulan di blog ini bagi memudahkan aku dan pengunjung blog yang berada di sekitar daerah tempat tinggal aku.Apa yang sangat dibanggakan ialah plugin ini merupakan plugin buatan anak malaysia yang paling geek istilah mr kay selalu guna dalam blog dia kalau berbicara mengenai IT.

Jadi, aku check macam biasa kat google. Ni link search google yang aku dah siap buat.

Rujukan : http://rozanighani.com/2010/07/20/cara-semak-komen-spam-guna-google-video/

Somehow I get to understand what is get_template_part codex in Twenty Ten Theme is about. I visualize how the code in the slide. Hope you have time to understand. Ciao.

Kali ini, RG akan review plugin yang telah digunakan sepanjang oleh RG sepanjang tahun 2010.

Akismet

Akismet ni korang faham-faham je la, plugin paling default oleh WordPress. Akismet ni makin merapu-merapu setelah WordPress versi 3.0. Makin banyak spam setelah WP 3.0. RG agak terkejut bila upgrade ke WP 3.0.4 sebab komen berulang dari kawan-kawan pun dah masuk automatik ke dalam spam. Dah macam spam dalam email, kena rajin check inbox spam sebelum delete. Rasanya tahun ni RG malas nak guna Akismet.

Commentluv

Commentluv adalah plugin yang paling steady dan plugin yang digunakan secara meluas. Bug dan error dari commentluv boleh kata very minimum dalam 1 atau 2 error, itu pun sebab cache error dari server. Lepas ni RG nak buat optimation pada commentluv sebab index.php pun loading commentluv. Cuba try gi Pingdom Tools – Full Page Test, paste homepage blog korang, bukannya entri korang. Nanti perasan commentluv pun loading kat homepage gak.

Top Commentator Widget

Widget commentator ini paling popular sebab gi kebanyakan blog, mesti ada widget. Tapi dari segi css, widget ni tak ada style, nampak kosong je. Kalau boleh, RG nak buat widget ada style macam Top 5 Mashable sebab nampak cool. RG dah try buat tapi RG belum dapat solve untuk buat style nombor untuk widget tu sebab widget tu ada function ol dan ul. Nombor dari Top 5 Mashable tu guna kaedah span, so kena buat span baru dan tambah kod function php seperti i + 1. Kod php ni RG masih kantoi. adess….

WordPress Importer

Plugin importer ni activate bila perlu buat backup je. Jarang guna importer ni kecuali time buat backup ketika upgrade WP.

Thank Me Later

Simple plugin untuk hantar emel kepada tukang komen. Boleh set delay untuk hantar email kepada tukang komen.

SyntaxHighlighter Evolved

Ni plugin untuk show coding tidak kira apa code pun. Plugin ni ada style mirip macam Notepad +++, so cuma tinggal adjust language yang digunakan sahaja. RG biasa dan kadang-kadang nak letak coding kat blog, so mungkin RG nak embed plugin ni ke dalam ruangan komen selepas ni. Belum fikir coding lagi untuk sumbat plugin ni dalam ruangan comment.

Datafeedr Random Ads V2

Plugin ni paling realistik yang RG pernah guna untuk buat rotating ads. Plugin rotating ads banyak RG try, yang ini paling best. Cuma nak guna plugin ni, kena guna activate widget kalau nak guna kat sidebar, kalau letak kat entri kena copy paste short code. Plugin ni bagus untuk rotate Google Adsense, affiliate dan banner kawan. Rotate benda lain pun boleh gak macam gambar, linktext dan juga youtube embedded code.

nRelate Related Content

RG baru guna plugin ni pada Disember lepas. Plugin ni merupakan alternatif kepada LinkWithin. Memandangkan bloggers makin ramai, apa salahnya pengguna WordPress beralih kepada plugin related content yang dikhususkan untuk WordPress. Plugin ni sama fungsi macam LinkWithin, tak macam LinkWithin, kita kena isi form kat LinkWithin. nRelate ni lambat sikit untuk detect gambar thumbnail dari blog korang (tak ingat berapa jam) untuk first time installation sahaja. Yang best plugin ni boleh hide atau show perkataan nRelate yang boleh diadjust pada admin option.

Link nRelate

Growmap Anti Spambot Plugin (GASP)

Plugin ni RG baru try guna 2-3 hari sebelum tahun baru. RG dah banyak review blog orang lain yang guna GASP, ada yang puji, ada yang kata GASP senang kena hack. Tapi pada asasnya, kalau commment ni relate kepada php dan database.

Kalau ada kod php eval_base64 tu biasanya code untuk shadow code yang original. Maksudnya kalau ada link spam macam <a href=”http://www.abc.com”>Abc.com</a> , dia akan jadi eval_base64 {a8ug6g3} , lebih kurang macam ni kod eval 64, tapi sebenarnya panjang lagi. Kadang-kadang, dalam functions.php pun ada benda ni, tapi payah nak edit so kena dapat nasihat pakar.

Jadi, link spam biasa bermula dari kod macam ni, biasanya datang dari theme yang “second hand” iaitu theme premium yang telah dihack, kemudiannya link spam akan meresap ke dalam mysql database. Sebenarnya link spam tidak semudah <a href bla bla…, sebenarnya lebih panjang lagi. So, solutionnya, susah RG nak ajar sebab ada risikonya.

Last not least, inilah plugin yang telah RG betul-betul gunakan. Sebenarnya, dah banyak plugin yang RG test secara trial and error secara online tapi ada kesannya pada mysql seperti wp_option , kadang plugin ni degil, plugin ni pergi buat table dan query baru kat mysql. Jadi kalau test plugin lepas ni, kena try secara localhost. Kalau plugin tu ada syarat kalau guna cara online, so guna cara online.

Hati-hati dengan plugin. Jangan sampai plugin makan korang. Wassalam.

http://wordpress.org/download/counter/

WordPress 3.0 boleh didapati di sini: http://wordpress.org/ dan boleh diinstall secara offline/localhost/ftp/fantastico. Tutorial WordPress bersepah-sepah kat mana-mana ada, cuma google sahaja. Pengguna Blogspot atau platform selain WordPress digalakkan mencuba WordPress sekurang-kurangnya daftar di wordpress.com meskipun belum mampu membeli hosting. Teruskan berusaha dan terus berjaya!

P/s: Jangan tunggu sudah 100 M download, baru nak cuba WordPress.

Bagaimana? Sudah puas menonton. Dalam video itu bukan muka saya. Berbalik kepada asal usul Custom Menu seperti yang ditunjukkan dalam video, function Custom Menu pada awalnya diasaskan oleh Woo Themes yang telah diapply ke dalam WooThemes Framework v2 sebelum kewujudan WordPress 3.0 seperti ditunjukkan dalam gambar di bawah.[1][2]

“With the custom nav, you can easily mix and match categories and pages, and even add custom menu items into the mix. You can add your own structure to the menu by arranging the menu items via our drag and drop interface, and also add dropdowns or sub-navigations to each menu point. You can have as many levels as you want although this is usually limited to 3-4 levels by CSS in the theme itself.” [1]

WooThemes Framework dipaparkan seperti video di bawah. Lihatlah perbezaan fungsi Custom Menu WooThemes yang kemudiannya diapply ke dalam WordPress 3.0.

Keseluruhannya, WooThemes satu-satunya pengeluar theme yang terkenal dengan functionality. Maka, tidak hairanlah fungsi Custom Menu keluaran WooThemes menjadi fungsi utama dalam WordPress 3.0.

“Jeff has already begun working with Ryan Boren (one of WordPress’ lead developers) on porting the WooNav into “patch form”, which will then in turn be submitted to the core of WordPress. Feature freeze for WordPress 3.0 is this week and we’re hoping to have ported the WooNav to the core ASAP, so that the community may start discussing the functionality, after which we will continue to work with the WP developers and the community on improving and finalizing the functionality for WP 3.0.

“Unfortunately” this impacts our users, since these developments mean we have to delay the integration & roll-out of the WooNav to all our themes. Whilst the implementation thereof will stay 99% the same, we don’t want to potentially duplicate work for ourselves and have decided to wrap-up the porting & development of the WooNav into core WP first, before integrating it with all of our themes.

You can however rest assured that by the time WordPress 3.0 hits your web browser, we’ll have included support for this amazing functionality in all of our themes. So this new awesomeness from the two W’s is not far off and all WooThemes will soon be able to enjoy it in all of its glory.” [2]

Citations:
[1] http://www.woothemes.com/2010/01/the-awesome-custom-woo-navigation/

[2] http://www.woothemes.com/2010/02/woonav-integrated-in-wp-30/

Pernah tak tengok perkataan WordPress selalu disalah eja bila menaip dalam entri? Biasanya huruf P dalam perkataan WordPress jadi huruf kecil bila salah eja. Ada satu plugin yang boleh buat huruf P dalam perkataan WordPress menjadi huruf besar.

Huruf WordPress seolah-olah seperti unta seperti yang dinyatakan dalam WPCamelCase. Saya illustrate sikit macam mana seperti unta di bawah.

Inilah pluginnya, Remove WordPress to WordPress filter.

http://wordpress.org/extend/plugins/remove-wordpress-to-wordpress-filter/

P/s: Plugin ini just untuk filter perkataan WordPress sahaja dari hURUFtEKAN atau setaraf menjadi HurufTekan. Saja taip perkataan selain WordPress sebab sudah on plugin ini.