Pada artikel ini akan berbagi beberapa tips, trik dan hacks WordPress yang paling dicari yang akan membantu menggunakan WordPress seperti pro sebagai berikut :<\/p>\n
Jika konten cenderung tidak bersifat time-sensitive atau berkaitan dengan pentingnya kronologi waktu yang ada, pastikan menghindari WordPress post date stamp pada SERP (hasil pencarian atau penelusuran dari mesin sejenis Google). Tindakan ini dapat meningkatkan CTR terhadap post di website yang muncul di SERP. Copy-paste kode yang berikut pada single.php file :<\/p>\n
<?php the_time(\u2018F jS, Y\u2019) ?><\/span><\/p><\/blockquote>\n
Ganti kode ini dengan kode di bawah ini :<\/p>\n
<script language=\u201djavascript\u201d type=\u201dtext\/javascript\u201d>document.write(\u201c<?php the_time(\u2018F jS, Y\u2019) ?>\u201d);<\/script><\/span><\/p><\/blockquote>\n
2. Menambah Maximum Upload Size<\/b><\/h3>\n
Hack WordPress berikutnya adalah menambah maximum upload size. Tambahkan kode berikut ke .htaccess file maka dapat menambahkan upload limit sampai 64MB :<\/p>\n
php_value upload_max_filesize 64M<\/span><\/p>\n
php_value post_max_size 64M<\/span><\/p>\n
php_value max_execution_time 300<\/span><\/p>\n
php_value max_input_time 300<\/span><\/p><\/blockquote>\n
Bagi yang tidak ingin mengutak-atik wp-admin sendiri, ada cara alternatif yaitu mengubahnya melalui hosting :<\/p>\n
Pergi ke cPanel<\/strong> > pilih select php version<\/strong> > ubah php options<\/p>\n
3. Instalasi Child Theme<\/b><\/h3>\n
Buatlah child theme dan tambahkan kode berikut ini ke CSS file pada child theme yang telah dibuat :<\/p>\n
\/*<\/span><\/p>\n
Theme Name: Child Theme Name<\/span><\/p>\n
Template: parenttheme<\/span><\/p>\n
*\/<\/span><\/p>\n
@import url(\u201c..\/parenttheme\/style.css\u201d);<\/span><\/p><\/blockquote>\n
4. Melakukan Custom Terhadap Error Page<\/b><\/h3>\n
Buatlah error pages untuk 403, 404 and 500 errors lalu upload ke base WordPress installation. Tambahkan code snippet berikut ke .htaccess file untuk mengaktifkan error pages yang sudah diatur :<\/p>\n
# Custom error page for error 403, 404 and 500<\/span><\/p>\n
ErrorDocument 404 \/404-error.html<\/span><\/p>\n
ErrorDocument 403 \/ 403-error.html<\/span><\/p>\n
ErrorDocument 500 \/ 500-error.html<\/span><\/p><\/blockquote>\n
5. Melakukan Custom pada Content Editor<\/b><\/h3>\n
Menambahkan \u201cstyle\u201d pada editor dapat meningkatkan pengalaman menulis di WordPress editor. Dapat mencocokkan typographic style dari backend dengan front-end yang nantinya bisa memudahkan untuk melihat versi terakhir (paling mendekati versi final) pada saat menulis. Tips WordPress yang disampaikan berikut ini mampu mengurangi switching dari back hingga forth antara editor dan content output.<\/p>\n
function my_editor_styles() {<\/span><\/p>\n
add_editor_styles(\u00e9ditor-style.css\u2019);<\/span><\/p>\n
}<\/span><\/p>\n
add_action(\u2018admin_init\u2019,\u2019my_editor_styles\u2019);<\/span><\/p><\/blockquote>\n
6. Mematikan Self-Pingback<\/b><\/h3>\n
Tambahkan kode berikut ke functions.php file untuk mematikan self pingbacks :<\/p>\n
\/\/ Disable self pingbacks in WordPress<\/span><\/p>\n
function disable_self_trackback( &$links ) {<\/span>
\nforeach ( $links as $l => $link )<\/span>
\nif ( 0 === strpos( $link, get_option( \u2018home\u2019 ) ) )<\/span>
\nunset($links[$l]);<\/span>
\n}<\/span><\/p>\nadd_action( \u2018pre_ping\u2019, \u2018disable_self_trackback\u2019 );<\/span><\/p><\/blockquote>\n
Sebenarnya, untuk mematikan self-pingback, juga bisa menggunakan WP-Optimize plugin<\/strong> yang dapat melakukan fungsi flush atau remove. Silahkan pilih metode mana yang ingin digunakan.<\/p>\n
7. Melakukan Block Directories dengan Menggunakan robot.txt<\/b><\/h3>\n
Tambahkan code snippet berikut ke robot.txt file :<\/p>\n
User-agent: *<\/span>
\nDisallow: \/cgi-bin\/<\/span>
\nDisallow: \/wp-admin\/<\/span>
\nDisallow: \/wp-includes\/<\/span>
\nDisallow: \/xmlrpc.php<\/span>
\nDisallow: \/wp-content\/plugins\/<\/span>
\nDisallow: \/wp-content\/cache\/<\/span>
\nDisallow: \/wp-content\/themes\/<\/span>
\nDisallow: \/trackback\/<\/span>
\nDisallow: \/feed\/<\/span>
\nDisallow: \/comments\/<\/span>
\nDisallow: \/category\/<\/span>
\nDisallow: \/trackback\/<\/span>
\nDisallow: \/feed\/<\/span>
\nDisallow: \/comments\/<\/span>
\nDisallow: \/*?<\/span>
\nAllow: \/wp-content\/uploads\/<\/span><\/p><\/blockquote>\n8. Membuat Send-to-Twitter Button<\/b><\/h3>\n
Dengan sekali klik, pembaca dapat share blog post URL ke Twitter. Caranya sederhana, masukkan kode snippet dimanapun pada posts :<\/p>\n
<a href=\u201dhttp:\/\/twitter.com\/home?status=Currently reading <?php the_permalink(); ?>\u201d title=\u201dClick to send this page to Twitter!\u201d target=\u201d_blank\u201d>Share on Twitter<\/a><\/span><\/p><\/blockquote>\n
Dapat juga menggunakan cara alternatif lain yaitu dengan melakukan instalasi\u00a0plugin Ultimate Social Media Icon<\/strong> untuk mengaktifkan fungsi send-to-twitter button tersebut.<\/p>\n
9. Menambahkan Actionable Button Pada Published Comment<\/b><\/h3>\n
Tambahkan kode berikut ke functions.php file :<\/p>\n
function delete_comment_link($id) {<\/span>
\nif (current_user_can(\u2018edit_post\u2019)) {<\/span>
\necho \u2018| <a href=\u201d\u2018.admin_url(\u201ccomment.php?action=cdc&c=$id\u201d).’\u201d>del<\/a> \u2018;<\/span>
\necho \u2018| <a href=\u201d\u2018.admin_url(\u201ccomment.php?action=cdc&dt=spam&c=$id\u201d).’\u201d>spam<\/a>\u2019;<\/span>
\n}<\/span>
\n}<\/span><\/p><\/blockquote>\nLalu, tambahkan code snippet berikut ke comments.php file :<\/p>\n
delete_comment_link(get_comment_ID());<\/span><\/p><\/blockquote>\n
10. Mengganti Teks \u201cHowdy\u201d dari Dashboard<\/b><\/h3>\n
Tambahkan kode berikut ke functions.php file :<\/p>\n
function replace_howdy( $wp_admin_bar ) {<\/span>
\n$my_account=$wp_admin_bar->get_node(\u2018my-account\u2019);<\/span>
\n$newtitle = str_replace( \u2018Howdy,\u2019, \u2018Logged in as\u2019, $my_account->title );<\/span>
\n$wp_admin_bar->add_node( array(<\/span>
\n\u2018id\u2019 => \u2018my-account\u2019,<\/span>
\n\u2018title\u2019 => $newtitle,<\/span>
\n) );<\/span>
\n}<\/span><\/p>\nadd_filter( \u2018admin_bar_menu\u2019, \u2018replace_howdy\u2019,25 );<\/span><\/p><\/blockquote>\n
Apa yang perlu dilakukan hanyalah memasukkan pesan yang baru pada elemen kedua di dalam $newtitle\u00a0array.<\/p>\n
11. Melakukan Custom Pada CSS Untuk Individual Post<\/b><\/h3>\n
Sebenarnya pada setiap theme yang premium atau yang bagus, theme panel editor sudah tersedia pada sidebar secara otomatis. Apabila tidak, tampilkan customized sidebar content untuk individual posts dengan menggunakan custom fields. Caranya, copy-paste kode ini ke single.php, index.php dan page.php file yang ada :<\/p>\n
<?php get_sidebar(); ?><\/span><\/p>\n
Ganti dengan potongan kode itu.<\/span><\/p>\n
<?php $sidebar = get_post_meta($post->ID, \u201csidebar\u201d, true);<\/span><\/p>\n
get_sidebar($sidebar);<\/span><\/p>\n
?><\/span><\/p><\/blockquote>\n
Ketika menulis post, buatlah new custom fields bernama sidebar. Kemudian, di value section, masukkan nama dari sidebar yang ingin di display sehingga dapat membangun dua sidebar files yang berbeda (contohnya, sidebar-category.php dan sidebar-promotion.php). Kemudian, jika ingin menunjukkan sidebar-category.php, ganti key sebagai \u201csidebar\u201d dan value sebagai \u201csidebar-category\u201c.<\/p>\n
12. Menampilkan Popular Post di Sidebar<\/b><\/h3>\n
Untuk menunjukkan 5 post paling populer berdasarkan penghitungan komentar, tempatkan kode berikut di sidebar.php file :<\/p>\n
<?php $result = $wpdb->get_results(\u201cSELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 5\u2033);<\/span><\/p>\n
foreach ($result as $post) {<\/span><\/p>\n
setup_postdata($post);<\/span>
\n$postid = $post->ID;<\/span>
\n$title = $post->post_title;<\/span>
\n$commentcount = $post->comment_count;<\/span>
\nif ($commentcount != 0) { ?><\/span><\/p>\n<li><a href=\u201d<?php echo get_permalink($postid); ?>\u201d title=\u201d< ?php echo $title ?>\u201d>< ?php echo $title ?><\/a> {<?php echo $commentcount ?>}<\/li><\/span><\/p>\n
<?php } } ?><\/span><\/p><\/blockquote>\n
Cara lain untuk melakukannya tanpa memasukkan kode adalah :<\/p>\n
pergi ke wp-admin<\/strong> > klik Appearance<\/strong> > pilih Widget<\/strong> > tambahkan widget Popular Post<\/strong>.<\/p>\n
13. Menampilkan Tweet Pilihan<\/b><\/h3>\n
Jika seorang blogger yang memiliki akun twitter pribadi, mungkin ingin menunjukkan pada blog readers bagaimana tweet-tweet yang dibagikan secara aktif. Dalam beberapa kasus dapat menampilkan tweet pilihan ke blog agar dapat dibaca oleh blog readers dengan beberapa keyword tertentu atau hashtag tertentu. Ikuti langkah-langkah berikut :<\/p>\n
\n
- Temukan menu Twitter Widgets<\/strong>>> klik tombol bertuliskan “create new<\/strong>” >> klik pada “search<\/strong>” tab.<\/li>\n
- Dalam search query box, pastikan enter from:dartcreations webdesign.<\/li>\n
- Gantikan \u201cthe dartcreations\u201d dengan \u201cyour twitter handle\u201d dan \u201cwebdesign\u201d dengan \u201cyour preferred query\u201d.<\/li>\n
- Lalu simpanlah widget dan copy widget itu ke widgets section yang ada di WordPress site.<\/li>\n<\/ul>\n
Atau yang tidak ingin mengutak-atik WordPress dapat menggunakan bantuan plugin yang ada.<\/p>\n
14. Mengarahkan WordPress feeds ke FeedBurner feeds<\/b><\/h3>\n
Tambahkan kode yang kami berikan berikut ini ke .htaccess untuk mengubah WP feeds menjadi FeedBurner feeds seperti yang diinginkan :<\/p>\n
# temp redirect wordpress content feeds to feedburner<\/span><\/p>\n
<IfModule mod_rewrite.c><\/span><\/p>\n
RewriteEngine on<\/span><\/p>\n
RewriteCond %{HTTP_USER_AGENT} !FeedBurner [NC]<\/span>
\nRewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]<\/span>
\nRewriteRule ^feed\/?([_0-9a-z-]+)?\/?$ http:\/\/feeds.feedburner.com\/yourfeed [R=302,NC,L]<\/span><\/p>\n<\/IfModule><\/span><\/p><\/blockquote>\n
Pastikan bahwa kode yang telah dilakukan lewat kode di atas dengan FeedBurner tersinkronisasi sebelum disimpan.<\/p>\n
15. Menghapus Semua Pingback<\/b><\/h3>\n
Eksekusilah SQL query di bawah ini atas database yang dimiliki untuk menghapus seluruh pingback yang diterima website :<\/p>\n
DELETE FROM wp_comments WHERE comment_type = \u2018pingback\u2019;<\/span><\/p><\/blockquote>\n
16. Menambahkan Pinterest \u201cPin It\u201d Button<\/b><\/h3>\n
Tambahkan kode yang berikut pada footer.php file :<\/p>\n
<script type=\u201dtext\/javascript\u201d><\/span><\/p>\n
(function() {<\/span><\/p>\n
window.PinIt = window.PinIt || { loaded:false };<\/span><\/p>\n
if (window.PinIt.loaded) return;<\/span>
\nwindow.PinIt.loaded = true;<\/span>
\nfunction async_load(){<\/span>
\nvar s = document.createElement(\u201cscript\u201d);<\/span>
\ns.type = \u201ctext\/javascript\u201d;<\/span>
\ns.async = true;<\/span>
\ns.src = \u201chttp:\/\/assets.pinterest.com\/js\/pinit.js\u201d;<\/span>
\nvar x = document.getElementsByTagName(\u201cscript\u201d)[0];<\/span>
\nx.parentNode.insertBefore(s, x);<\/span>
\n}<\/span><\/p>\nif (window.attachEvent)<\/span>
\nwindow.attachEvent(\u201conload\u201d, async_load);<\/span>
\nelse<\/span>
\nwindow.addEventListener(\u201cload\u201d, async_load, false);<\/span><\/p>\n})();<\/span>
\n<\/script><\/span><\/p>\nLalu, masukkan potongan kode ini ke file single.php anda<\/span><\/p>\n
<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), \u2018full\u2019 ); ?><\/span><\/p>\n
<a href=\u201dhttp:\/\/pinterest.com\/pin\/create\/button\/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>\u201d class=\u201dpin-it-button\u201d count-layout=\u201dvertical\u201d>Pin It<\/a><\/span><\/p><\/blockquote>\n
17. Mengubah Excerpt Length<\/b><\/h3>\n
Sesuai dengan default setting, length of the excerpts di WordPress adalah 55 words. Ubah functions.php file dengan menambahkan kode berikut dan customize panjangnya sehingga ukurannya pas :<\/p>\n
function custom_excerpt_length( $length ) {<\/span><\/p>\n
return 20;<\/span><\/p>\n
}<\/span><\/p>\n
add_filter( \u2018excerpt_length\u2019, \u2018custom_excerpt_length\u2019, 999 );<\/span><\/p><\/blockquote>\n
18. Meningkatkan PHP Memory<\/b><\/h3>\n
Jika mengaktifkan plugin yang berat dan menemukan kendala error berbunyi, \u201cmemory exhausted\u201d tambahkan kode berikut pada wp-config.php file :<\/p>\n
define(\u2018WP_MEMORY_LIMIT\u2019, \u201964M\u2019);<\/span><\/p><\/blockquote>\n
19. Menghapus Semua Unfiltered Spam Comments Dalam Sekejap<\/b><\/h3>\n
Spam comments berhasil lolos dari spam filters dan mencapai \u2018awaiting moderation\u2019 yang ada di list. Menghapus semuanya secara manual tentu memakan waktu. Pertama, login ke PHPMyAdmin<\/strong>, pilih WordPress database<\/strong>, klik SQL. Terakhir, copy-paste kode berikut ke SQL command window:<\/p>\n
DELETE from wp_comments WHERE comment_approved = \u20180\u2019;<\/span><\/p><\/blockquote>\n
20. Menghapus Revisi Post Terakhir<\/b><\/h3>\n
Jika tidak ingin hanya mematikan fungsi otomatis dari post revision, tetapi juga menghapus semua revisi yang telah tersimpan di database, jalankan SQL query dari PHPMyAdmin dengan kode berikut :<\/p>\n
DELETE FROM wp_posts WHERE post_type = \u2018revision\u2019;<\/span><\/p><\/blockquote>\n
21. Menggunakan Normal Quotes Bukan Curly Quotes<\/b><\/h3>\n
Untuk mengubah normal quotes ke curly quotes, gunakan code berikut :<\/p>\n
remove_filter(\u2018the_content\u2019, \u2018wptexturize\u2019);<\/span><\/p><\/blockquote>\n
22. Menambahkan Customized CSS File<\/b><\/h3>\n
Tambahkan customized CSS file dengan nama \u2018custom.css\u2019 ke theme dengan menambahkan following code pada funstions.php file :<\/p>\n
function custom_style_sheet() {<\/span><\/p>\n
wp_enqueue_style( \u2018custom-styling\u2019, get_stylesheet_directory_uri() . \u2018\/custom.css\u2019 );<\/span><\/p>\n
}<\/span><\/p>\n
add_action(\u2018wp_enqueue_scripts\u2019, \u2018custom_style_sheet\u2019);<\/span><\/p><\/blockquote>\n
Pastikan lokasi CSS file berada pada directory yang sama dengan main CSS file-nya.<\/p>\n
23. Menambahkan Custom Page<\/b><\/h3>\n
Melakukan custom design pada suatu page mungkin untuk dilakukan. Dapat menggunakan simple HTML\/CSS dan melakukan instalasinya pada WordPress site. Apa yang dibutuhkan hanyalah menambahkan following code ke bagian atas custom HTML page :<\/p>\n
<?php \/* Template Name: Squeeze *\/ ?><\/span><\/p><\/blockquote>\n
Setelah menambahkan kodenya, simpan page sebagai squeeze.php dan upload page itu ke current theme folder (..\/wp-content\/themes\/your-theme-name). Setelah file telah sukses di-upload, buatlah new page dan pilih template Squeeze di bawah \u201cPage Attributes\u201d. Terakhir, publish page itu untuk melihatnya secara langsung.<\/p>\n
24. Menambahkan Featured Image Support ke Theme<\/b><\/h3>\n
Tambahkan kode berikut ke functions.php file di theme :<\/p>\n
add_theme_support( \u2018post-thumbnails\u2019 );<\/span><\/p><\/blockquote>\n
25. Melakukan Custom Pada Login Page<\/b><\/h3>\n
Menambahkan beberapa perubahan pada function.php file dapat memungkinkan melakukan customize pada login page. Ada beberapa tahap yang bisa dilakukan. Pertama, pada current theme directory (..\/wp-content\/themes\/your-theme-name), tambahkan folder dengan nama \u201clogin\u201d. Buatlah CSS file didalam login folder tersebut dan namai dengan custom-login-styles.css Tahap berikutnya, tambahkan following code pada functions.php file :<\/p>\n
function my_custom_login() {<\/span><\/p>\n
echo \u2018<link rel=\u201dstylesheet\u201d type=\u201dtext\/css\u201d href=\u201d\u2018 . get_bloginfo(\u2018stylesheet_directory\u2019) . \u2018\/login\/custom-login-styles.css\u201d \/>\u2019;<\/span><\/p>\n
}<\/span><\/p>\n
add_action(\u2018login_head\u2019, \u2018my_custom_login\u2019);<\/span><\/p><\/blockquote>\n
26. Menambahkan Infinite Scroll<\/b><\/h3>\n
Load new content secara otomatis ketika pembaca melakukan scroll down dan dan sampai pada bottom page. Sebenarnya infinite scroll ini adalah Jetpack plugin feature. Jika menggunakan well-coded theme semacam default WordPress theme yang telah ada, theme berarti telah support infinite scroll. Lakukan instalasi pada Jetpack plugin, aktifkan infinite scroll feature dan tambahkan following code ke functions.php file :<\/p>\n
add_theme_support( \u2018infinite-scroll\u2019, array(<\/span><\/p>\n
\u2018container\u2019 => \u2018content\u2019,<\/span><\/p>\n
\u2018footer\u2019 => \u2018page\u2019,<\/span><\/p>\n
) );<\/span><\/p><\/blockquote>\n
27. Menampilkan Random Image Header<\/b><\/h3>\n
Jika ingin menampilkan random image headers di blog, trick ini wajib dilakukan. Namai image 1.jpg, 2.jpg, 3.jpg, dan seterusnya. Upload semua image tersebut ke dalam folder di theme directory. Lalu copy-paste kode di bawah ini ke header.php file :<\/p>\n
<img src=\u201dhttp:\/\/Path_to_image_folder\/<?php echo(rand(1,10)); ?>.jpg\u201d width=\u201dimage_width\u201d height=\u201dimage_height\u201d alt=\u201dimage_alt_text\u201d \/><\/span><\/p><\/blockquote>\n
Pastikan mengganti the Path_to_image_folder dengan path yang benar.<\/p>\n
28. Menambahkan Featured Box Dalam Konten<\/b><\/h3>\n
Tambahkan kode berikut di functions.php file pada theme :<\/p>\n