Assalamualaikum dan Salam 1 Malaysia.
Dah nampak sedikit perubahan yang aku lakukan terhadap themes blog ini. Berperingkat la nampak gayanya dimana banyak benda nak kena godek lagi. Dan yang pasti, Sitelink mesti goodbye untuk kali ke-3 =( . Alhamdulillah, Twenty Ten makin menarik jika kita edit themes blog dengan serba sedikit tutorial yang dapat di Google.
Untuk kali ni, aku nak kongsi 25 perkara dimana menjadikan WordPress lebih menarik bak kata orang putih awesome! Jadi pengenalan untuk tajuk kali ini dimana, pengguna WordPress mempunyai banyak kelebihan untuk makeover blog diorang dengan erti kata lain sedap mata memandang.
Antara 25 perkara tersebut adalah :
1. Tunjukkan copyright date di blog.
Ini salah satu cara untuk menyampaikan kepada pembaca yang usia blog tersebut.
Copyright © 200x-<?php echo date('Y'); ?> Contoh.com
2. Tunjukkan kebenaran HTML Tags
Kenapa ini perlu? Sebabnya pengomen boleh komen melalui HTML tags. Jadi guna ini
You may use: <?php echo allowed_tags(); ?>.
3. Tunjukkan Entri berkaitan di entri (tag)
Korang boleh install plugin ini seperti diatas. Contoh plugin WordPress Related Post
4. Tunjukkan Entri berkaitan di entri (kategori)
Boleh pilih samaada nak tag atau kategori di bahagian entri korang.
5. Tutup komen selepas satu bulan
Ini aku pernah nampak di JomLinux, tapi tak kisahlah, semua itu atas kehendak admin menentukan entri yang lepas kekal atau sementara. Boleh tambah kod ini di bahagian functions.php(nota- tukar tarikh yang korang nak, 30 seperti dibawah)
<?php function close_comments( $posts ) { if ( !is_single() ) { return $posts; } if ( time() - strtotime( $posts[0]->post_date_gmt ) > ( 30 * 24 * 60 * 60 ) ) { $posts[0]->comment_status = 'closed'; $posts[0]->ping_status = 'closed'; } return $posts; } add_filter( 'the_posts', 'close_comments' ); ?>
6. Letakkan “Edit” di entri
Penggunaan ini seperti edit segera, dimana memudahkan admin menukar kandungan yang patut ditokok tambah.
<?php edit_post_link('Edit', ''); ?>
7. 404 Page error
Ini penting kerana sesetengah entri berkaitan tidak dijumpai. Masih menunggu tutorial dari blogger Anarm mengenai 404 Page yang ada pada blog beliau. :o: . Korang boleh tambah ini
<?php endwhile; ?> <?php else : ?> <404 TEXT HERE> <?php endif; ?>
Tukar else kepada
<?php include('404.php');?>
8. Widget entri paling popular disidebar
Amat berguna untuk pelawat yang mencari artikel berkaitan dan kemungkinan menunjukkan entri tersebut paling hangat daripada biasa.
9. Tunjukkan “Tweet This” link
Boleh guna plugin seperti DiggDigg ataupun tambah kod ini
<a href="http://twitter.com/home?status=I just read <?php the_permalink(); ?>" title="Send this page to Twitter!" target="_blank">Tweet This!</a>
10. SHARE atau LIKE button Facebook
Sharing is caring right? Jadi jangan menghampakan pembaca blog korang yang betul-betul berminat untuk berkongsi entri di Facebook beliau. Boleh tambah kod ini
<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" target="blank">Share on Facebook</a>
11. Kemaskan bahagian sidebar blog
Widget memainkan peranan penting dalam sesuatu blog. Jangan abaikannya dan widgettize sidebar korang. Boleh tambah kod ini di functions.php
/*For Sidebar Widget*/ if ( function_exists('register_sidebar') ) register_sidebar(array( 'name' => 'sidebar', 'before_widget' => '<div>', 'after_widget' => '</div><!--.box-->', 'before_title' => '<h3>', 'after_title' => '</h3>', ));</p> <p style="text-align: left;">/*End of For Sidebar Widget*/
dan kemudian untuk widget itu muncul, tambah ini
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else: ?> <?php endif; ?>
12. Bio mengenai penulis blog
Twenty Ten menyedia satu ruangan dimana boleh menambah bio mengenai diri anda. Jadi melalui admin panel boleh masukkan pengenalan tentang diri korang ye :[ . Edit disini
<?php the_author_description(); ?>
13. Tambah print button di entri
Perlu ke? Bagi sesetengah blog yang berkongsi tentang info dan sebagainya. Button ini penting kerana mudahkan pembaca print terus tanpa copy and paste. Tambah ini dia single.php
<a href="javascript:window.print()">Print this Article</a>
14. Tunjukkan Schedule Post
Seperti kita tahu masa itu emas. Jadi korang boleh tambah kod ini single.php
<?php $my_query = new WP_Query('post_status=future&order=DESC&showposts=5'); if ($my_query->have_posts()) { while ($my_query->have_posts()) : $my_query->the_post(); ?> <?php the_title(); ?> <?php endwhile; } ?>
15. Bagaimana untuk exclude subpages dari navi
Sesetengahnya, korang boleh exclude subpage bila page nav ke WP themes
<?php wp_list_pages (array ( 'depth' => 1, 'title_li' => _ _('')))?>
16. Tunjukkan Komen Terkini
Boleh pasang plugin untuk Recent Comment ini ataupun tambah kod ini di functions.php
<?php function recent_comments($src_count=10, $src_length=60, $pre_HTML='<ul>', $post_HTML='</ul>') { global $wpdb; $sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type, SUBSTRING(comment_content,1,$src_length) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = '1' AND comment_type = '' AND post_password = '' ORDER BY comment_date_gmt DESC LIMIT $src_count"; $comments = $wpdb->get_results($sql); $output = $pre_HTML; foreach ($comments as $comment) { $output .= "<li><a href=\"" . get_permalink($comment->ID) . "#comment-" . $comment->comment_ID . "\" title=\"on " . $comment->post_title . "\">" . strip_tags($comment->com_excerpt) ."...</a></li>"; } $output .= $post_HTML; echo $output; } ?>
Kemudian korang boleh tambah kod ini dimana-mana dalam themes
<?php recent_comments(); ?>
17. Buang Curly Quotes dari artikel
Untuk tambah kod ini, korang masuk function.php
<?php remove_filter('the_content', 'wptexturize'); ?>
18. Widget Kategori sebagai Dropdown
Seperti kita tahu, kategori memainkan peranan penting dalam menyelaraskan entri yang berkaitan. Ini memudahkan pembaca untuk mencari. Boleh tambah kod ini dalam themes
<?php wp_dropdown_categories( ); ?>
19. Tunjuk Login/Logout link
Bagi yang membuka blog tersebut kepada umum untuk dikongsi bersama. Korang patut tambah widget ini.
<?php wp_loginout(); ?>
20. Tunjuk Admin Panel/Register link
Sama seperti diatas, tunjuk user login untuk memudahkan sebarang kemaskini terhadap blog kongsi.
<?php wp_register(); ?>
21. Ceriakan dengan sebarang iklan di entri lama
Seperti kita sedia ketahui, post lama selalunya berkekalan, jadi target korang boleh tambah iklan di post lama tersebut. Tambah kod ini di functions.php
function is_old_post($post_id=null){ $days = 30; global $wp_query; if(is_single() || is_page()) { if(!$post_id) { $post_id = $wp_query->post->ID; } $current_date = time(); $offset = $days *60*60*24; $post_id = get_post($post_id); $post_date = mysql2date('U',$post_id->post_date); $cunning_math = $post_date + $offset; $test = $current_date - $cunning_math; if($test > 0){ $return = true; }else{ $return = false; } }else{ $return = false; } return $return; }
Kemudian, tambah kod ini di single.php
<?php if(is_old_post()){ ?> INSERT AD CODE HERE <?php } ?>
22. Tunjukkan jumlah entri
Kalau nak showoff, korang boleh cuba dengan menambah kod dibawah
<?php $numposts = $wpdb->get_var("SELECT count(*) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post'"); if (0 < $numposts) $numposts = number_format($numposts); echo $numposts.' posts.'; ?>
23. Tunjuk iklan di atas entri
Sama seperti blog ini dibahagian atas, korang boleh tambah kod dibawah di index.php
<?php if ($loopcounter <= 1) { include (TEMPLATEPATH . '/ad.php'); } ?>
24. Tunjukkan entri berkaitan
Entri berkaitan amatlah penting untuk mengekalkan bounce rate dalam blog. Korang boleh memasang plugin Linkwithin untuk Thumbnail Post atau WordPress Related Post
Atau tambah kod ini di themes korang
<?php query_posts('cat=2&showposts=5'); ?> <ul> <?php while (have_posts()) : the_post(); ?> <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li> <?php endwhile;?> </ul>
[box type=”note”] Number selepas “cat=” sepatutnya diubah mengikut ID dalam kategori. [/box]
25. Kecualikan sesetengah entri yang tak berkaitan
Kalau korang tak nak entri berkaitan di tunjuk kat point 24 tadi, boleh tambah kod dibawah
<?php query_posts('cat=-YOUR CATEGORY ID NUMBER'); ?> <?php while (have_posts()) : the_post(); ?> //the loop here <?php endwhile;?>
[box type=”note”] #Seperti sedia maklum, entri ini telah diolah dari website NetCake untuk dikongsikan bersama. Untuk kefahaman bersama, saya sertakan link untuk maklumat selanjutnya di @net-cake. Selamat mencuba~ 🙂 [/box]
cantik…
terbaiklah…lengkap 25 tips…
kali ni, aku nak tahu yg no 8 tu…menarik tertarik pulak…widget utk artikel paling popular tuh…camne ek?
terima kasih 😀
banyak gile codenya..pergh..best2
adeh, aku pun 2 3 je sumbat dalam blog ni..hehe
pergh…otai theme…semua nak paste tang mana aku sendiri dah lupa…skg pakai thesis semua kena paste dalam custom_functions.php jerk…damn
alamak, tak pandai la pulak dalam thesis ni
try and error tengok bro.;P
orang pakai Thesis..memang best la..:P
Nice..
Follow you..Follow me back aa
waahh.. terbaik ahh entri ni.. bagus2.. bleh aku buat rujukan nanti kot2 ade bende yg tertinggal..
entri page 404 tu aku akan publish pagi ni.. dah siap dh.. hehee~
info ini sangat menarik. TQ 🙂
Salam bro,
Terima kasih kerana berkongsi artikel di atas.Cumanya saya rasa perlu detailkan lagi dekat mana nak letakkan kod-kod di atas tu.
kalau pasal detail tu,
kena buat untuk entri seterusnya la kot..
cer cer citer kat mana yang harus dibuat..;D
Tips yang sangat berguna walaupun byk dan memeningkan…tapi mesti cuba..
yup.
harus dicuba dan diamalkan selalu 😉
nice info.. 🙂
Nice.. lepas ni kena ambik penyapu, check semua blog.. bersihkan apa yg patut.. hi hi
yea..sapu semua bagi smooth nak load..hehe
daripada kesemua yang ada dalam list tu.. banyak juga yang aku x simpan.. lepas ni mungkin boleh tambah mana yang perlu..
sama lah kita bro
banyak sangat yang miss.
sedangkan benda ni keperluan untuk reader
Wow, menarik tidak perlu lagi bersusah payah hendak Google semua ada didalam entri ini. Terima kasih bro 🙂
sama2.
sama-sama lah kita pratik benda ni.
perghh .Php code terer Hafiz..theme twenty ten nih pun dah ubah jadi gempaq jer..hehe..cayalah bro… 8)
hehe, terima kasih bro
ingat nak bagi lagi baik punya
tapi need a time to dush it..;D
banyak lagi aku tak buat… menarik2..
bagus ni
kadang-kadang ada benda yang kita terlepas pandang
jadi kene sentiasa alert demi kebaikan blog
terima kasih bro..memang menarik entri ni..aku baru nak belajar..hoho
kebenaran HTML Tags tu penting.
sebab mana nak Cintakomen ada
masalah.boleh tinggal backlink
guna HTML Tags.
tetapi awak.jangan lebih dari satu
pautan.nanti aku padam komen jenis ni.
usia blog aku tak tercatit
pada bahagian hakcipta.
nak tahu tanya aku sendiri. 😎
semua aku suka! nanti hang buat tutorial macam mana nak bulatkan bucu theme ni bro. comel la. siap boh bayang2 lagi. aku suka theme hang.. awww.. 😀
dah ada bro..
cuba search cara nak buat bucu tu kat blog ni
code bucu bulat tu kalau tak silap aku pkai border-radius.. https://syahrilhafiz.com/blog/edit-themes-blog-anda-lebih-kemas-dan-menarik.html
no 26, sila guna plugin syntaxhighlighter evolution (aku tak pasti ejaan) untuk paparkan code.
kalau tak, jadi bersepah cam kat atas. hehe
hehe. betol-betol.setuju. =)
guna syntaxhighlighter evolved buatan wordpress developer, viper007bond. cun highlighter tu.
hehe, aku dah guna la
maybe load tak habis la tuh
NICE SH. ni yang terase nak pakai twenty ten ni. hee 🙂
yeaa!!
jom la tukar sekali..
2010 best weh..hehe
saya masih menggunakan blogspot.
adakah ini juga boleh diguna di blogspot?
penulisan terbaru saya: letak link blog anda di sini
tutorial hebat: tips blogger terhebat yang saya tak pernah dengar mana-mana otai sebut setakat ini
boleh aje..
untuk sesetengah dari tu boleh masukkan dalam BS
nice.nice
terbaek. thank you. =)
ada masa aku nak juga godek coding blog. 🙂
welcome hanis
hopely like it..
terima kasih…. tips menarik dan saya bookmark entry ini 😀
sama2..
pratik selalu 😉