WordPress 3.5 dan Theme Twenty Twelve

WordPress 3.5 dan Theme Twenty Twelve

Tahukah bahwa Theme Twenty Twelve sudah siap untuk jadi theme default di versi WordPress 3.5 ( namanya belum ditentukan, masih‚xxxxx 😀 )? Saya cek di‚http://codex.wordpress.org/Version_3.5‚juga belum ada penjelasan disana. Namun Developer dari‚Theme Twenty Twelve‚yaitu TheThemeFoundry.com‚telah memperkenalkannya.

Berikut sketsa awal dari theme Twenty Eleven tersebut dari bulan April 2012.

WordPress 3.5 dan Theme Twenty Twelve

WordPress 3.5 dan Theme Twenty Twelve, sumber : http://thethemefoundry.com/blog/twenty-twelve-first-sketches/

Styling dari theme Twenty Twelve‚secara major sudah selesai. Desain yang ditawarkan adalah clean, minimalis, dan responsive dengan kekuatan typography‚dan readability. Demo dari theme Twenty Twelve ini seperti gambar di bawah ini, klik gambarnya untuk melihat preview demonya.

WordPress 3.5 dan Theme Twenty Twelve

WordPress 3.5 dan Theme Twenty Twelve, Klik Gambar untuk demo

Tertarik untuk icip-icip theme ini? Bisa ke‚https://github.com/thethemefoundry/twentytwelve. Saran saya coba dulu aja di localhost karena theme ini didesain khusus untuk WP 3.5.

WordPress 3.5 dan Theme Twenty Twelve

Menambah Author Bio di Akhir Posting Blog

Menambah Author Bio di Akhir Posting Blog

Menulis di blog menjadi kesenangan tersendiri. Apalagi konten yang ditulis sesuai dengan minat dan passion penulis. Ada penulis yang ingin menunjukkan jati dirinya, ada pula yang menutupinya. Bagi yang getol dengan‚personal branding‚menulis di blog dengan menampilkan biografi dirinya adalah hal yang utama untuk ditonjolkan.

Menampilkan biografi /‚author bio‚di akhir postingan bisa menjadi pilihan sebagian blogger untuk memperkenalkan siapa di balik tulisan tersebut.

Untuk menampilkan‚author bio‚di blog khususnya wordpress bisa dilakukan dengan menambahkan kode-kode di akhir kode post-entry. Namun bagi yang ingin lebih praktis bisa memanfaatkan plugin yaitu menggunakan plugin‚Fancier Author Box.

Dengan menginstal plugin tersebut maka di akhir posting blog wordpress Anda akan muncul‚author bio‚seperti pada gambar di bawah ini.

Menambah Author Bio di Akhir Posting Blog

Tampilan Author Bio

Untuk versi free ini, akan muncul 2 tab yaitu tab Bio dan Tab Latest Post.

Namun jika Anda, mengupgrade menjadi premium maka tampilannya dapat dicustom menjadi beberapa tab, contohnya dapat menambah tab untuk Twitter, Facebook, Google+ lengkap dengan link profil dan status terakhir.

Bagaimana tertarik untuk mencoba plugin‚Fancier Author Box‚ini?

Image Credit :

  • http://cdn.wplift.com/wp-content/uploads/2012/06/314.png
  • http://cdn.wplift.com/wp-content/uploads/2012/06/413.png
  • http://cdn.wplift.com/wp-content/uploads/2012/06/59.png

Top 100 Plugin WordPress Terbaik 2012

Top 100 Plugin WordPress Terbaik 2012

Top 100 Plugin WordPress Terbaik 2012

Top 100 Plugin WordPress Terbaik 2012

Plugin memang keunggulan di WordPress yang memanjakan penggunanya lebih mudah dalam beraktivitas bloggingnya. Namun kita juga harus lebih bijak dalam menggunakannya. Jangan menggunakan plugin yang berlebihan tanpa melihat kekuatan hosting dan server yang kita sewa. Tidak bijak bila kita terlalu memberatkan server dan mengganggu client lain.

Berikut saya tampilkan‚Top 100 Plugin WordPress Terbaik 2012 versi WPMU.

# Plugin Name Author Last Updated
1 Google XML Sitemaps Arne Brachhold 19/09/2011
2 W3 Total Cache Frederick Townes 26/08/2011
3 NextGEN Gallery Alex Rabe 26/02/2012
4 Contact Form 7 Takayuki Miyoshi 22/02/2012
5 WordPress SEO by Yoast Joost de Valk 25/01/2012
6 WP Super Cache Donncha O Caoimh 30/01/2012
7 All in One SEO Pack Michael Torbert 10/12/2011
8 Fast Secure Contact Form Mike Challis 25/02/2012
9 Sociable Blogplay 16/02/2012
10 Google Analytics for WordPress Joost de Valk 12/10/2011
11 Share Buttons by Lockerz / AddToAny Lockerz 18/02/2012
12 WordPress.com Stats Automattic 15/09/2011
13 Akismet Automattic 11/01/2012
14 GRAND FlAGallery ¢‚¬€œ Best Photo Gallery Rattus 23/02/2012
15 Add Link to Facebook Marcel Bokhorst 29/02/2012
16 WP e-Commerce Instinct Entertainment 25/01/2012
17 qTranslate Qian Qin 10/01/2012
18 WP-PageNavi Lester ¢‚¬œGaMerZ¢‚¬„¢ Chan & scribu 11/02/2012
19 WPtouch BraveNewCode Inc 23/01/2012
20 TinyMCE Advanced Andrew Ozz 19/02/2012
21 Simple Tags Amaury BALMER 15/08/2011
22 Booking Calendar wpdevelop 17/07/2011
23 Redirection John Godley 04/10/2011
24 Widget Logic Alan Trewartha 28/12/2011
25 WP-Polls Lester ¢‚¬œGaMerZ¢‚¬„¢ Chan 06/02/2012
26 Yet Another Related Posts Plugin mitcho (Michael Yoshitaka Erlewine) 19/12/2011
27 BuddyPress The BuddyPress Community 10/01/2012
28 SI CAPTCHA Anti-Spam Mike Challis 13/12/2011
29 Broken Link Checker Janis Elsts 11/12/2011
30 WP-Table Reloaded Tobias Bƒthge 05/01/2012
31 Jetpack by WordPress.com Automattic 05/12/2011
32 Share and Follow Andy Killen 21/02/2012
33 Google Analyticator Ronald Heft 09/07/2011
34 Smart YouTube PRO Vladimir Prelovac 30/01/2012
35 WP Security Scan WebsiteDefender 19/12/2011
36 MapPress Easy Google Maps Chris Richardson 23/08/2011
37 WordPress Download Monitor Mike Jolley 06/09/2011
38 Custom Contact Forms Taylor Lovett 16/01/2012
39 GD Star Rating Milan Petrovic 26/12/2011
40 Visitor Maps and Who¢‚¬„¢s Online Mike Challis 22/02/2012
41 Page Links To Mark Jaquith 05/01/2012
42 Theme My Login Jeff Farthing 28/06/2011
43 Custom Field Template Hiroaki Miyashita 17/11/2011
44 WP-PostRatings Lester ¢‚¬œGaMerZ¢‚¬„¢ Chan 04/02/2012
45 Viper¢‚¬„¢s Video Quicktags Viper007Bond 10/12/2011
46 Exclude Pages Simon Wheatley 04/12/2011
47 WP Greet Box Thaya Kareeson 04/09/2011
48 Advanced Custom Fields Elliot Condon 12/02/2012
49 Subscribe To Comments Reloaded cam 31/08/2011
50 Events Manager Marcus Sykes 22/02/2012
51 WP-DBManager Lester ¢‚¬œGaMerZ¢‚¬„¢ Chan 20/08/2011
52 Events Calendar Luke Howell 07/09/2011
53 WordPress Popular Posts Hƒctor Cabrera 05/12/2011
54 Search Everything Dan Cameron of Sprout Venture 17/02/2012
55 eShop Rich Pedley 25/02/2012
56 WP-Syntax Steven A. Zahm 24/07/2011
57 ShareThis ShareThis, Manu Mukerji 24/08/2011
58 The Events Calendar Modern Tribe, Inc. 23/02/2012
59 BackWPup Daniel Hƒsken 26/02/2012
60 Regenerate Thumbnails Viper007Bond 17/11/2011
61 Video Playlist & Gallery Plugin Cincopa 27/02/2012
62 AddThis The AddThis Team 01/02/2012
63 Sidebar Login Mike Jolley 22/12/2011
64 Members Justin Tadlock 13/06/2011
65 FancyBox for WordPress Josƒ Pardilla 18/12/2011
66 FeedWordPress Charles Johnson 19/10/2011
67 WassUp Michele Marcucci, Helene Duncker 05/09/2011
68 All-in-One Event Calendar The Seed Studio 15/02/2012
69 Twitter Widget Pro Aaron D. Campbell 23/12/2011
70 Subscribe2 Matthew Robinson 01/02/2012
71 Portfolio Slideshow Dalton Rooney 30/11/2011
72 Efficient Related Posts Aaron D. Campbell 03/03/2011
73 Adminimize Frank Bƒltge 10/02/2012
74 WP Mail SMTP Callum Macdonald 10/07/2011
75 Simple Facebook Connect Otto 19/02/2012
76 WordPress Importer wordpressdotorg 13/02/2012
77 Ajax Event Calendar Eran Miller 11/10/2011
78 Front-end Editor scribu 25/01/2012
79 Codestyling Localization Heiko Rabe 13/11/2011
80 Lightbox Plus Dan Zappone 01/01/2012
81 More Fields Henrik Melin, Kal Strƒm 02/09/2011
82 WP to Twitter Joseph Dolson 20/02/2012
83 Breadcrumb NavXT John Havlik 17/02/2012
84 podPress Dan Kuykendall (Seek3r) 01/02/2012
85 User Access Manager Alexander Schneider 11/10/2011
86 WordPress MU Domain Mapping Donncha O Caoimh 19/07/2011
87 List category posts Fernando Briano 06/02/2012
88 MailPress Andre Renaut 13/01/2012
89 Secure WordPress WebsiteDefender 19/12/2011
90 oQey Gallery oqeysites.com 16/01/2012
91 WP SlimStat Camu 22/02/2012
92 SyntaxHighlighter Evolved Viper007Bond 17/11/2011
93 WP No Category Base iDope 24/06/2011
94 s2Member‚ Framework s2Member‚ / WebSharks, Inc. 19/02/2012
95 SEO Ultimate SEO Design Solutions 31/12/2011
96 Contact Form 7 to Database Extension Michael Simpson 21/12/2011
97 CMS Tree Page View Pƒr Thernstrƒm 14/10/2011
98 Quick Cache PriMoThemes.com / WebSharks, Inc. 04/12/2011
99 Relevanssi ¢‚¬€œ A Better Search Mikko Saari 11/02/2012
100 WP-Stats-Dashboard Dave Ligthart 23/02/2012

Semoga bermanfaat

Top 100 Plugin WordPress Terbaik 2012

Menambahkan Fitur Penghitung Karakter di Kotak Excerpt

Posting kali ini saya ingin menulis tutorial singkat saja. Bagi yang memakai theme yang auto excerpt yaitu tulisan pembuka pada halaman depan (kadang disebut auto read more) biasanya memberikan batas maksimal karakter yang ditampilkan (biasanya 250 karakter). Jika theme belum support fitur ini bisa menggunakan plugin Auto Excerpt atau coding sendiri. Nah, di wordpress sendiri ada fitur‚Excerpt Box dimana excerpt otomatis akan tergantikan dengan teks yang kita masukkan di box tersebut.

Namun kendala saat kita memanfaatkan fitur ini adalah tidak adanya counter / penghitung jumlah karakter yang telah kita ketikkan. Hal ini akan membantu kita dalam menyusun kalimat excerpt sesuai jumlah yang diharapkan serta efektif bisa membuat pembaca untuk membukanya.

Menambahkan Fitur Penambah Karakter di Kotak Excerpt

Menambahkan Fitur Penambah Karakter di Kotak Excerpt

Menambahkan Fitur Penghitung / Counter Karakter di Kotak Excerpt

Untuk menampilkannya kita bisa menggunakan trik menambah beberapa kode di file functions.php. Tambahkan kode berikut di barisan paling bawah. Kode ini karya Kevin Chard di‚wpsnipp.com.

function excerpt_count_js(){
      echo '<script>jQuery(document).ready(function(){
jQuery("#postexcerpt .handlediv").after("<div style=\"position:absolute;top:0px;right:5px;color:#666;\"><small>Excerpt length: </small><input type=\"text\" value=\"0\" maxlength=\"3\" size=\"3\" id=\"excerpt_counter\" readonly=\"\" style=\"background:#fff;\"> <small>character(s).</small></div>");
     jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
     jQuery("#excerpt").keyup( function() {
     jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
   });
});</script>';
}
add_action( 'admin_head-post.php', 'excerpt_count_js');
add_action( 'admin_head-post-new.php', 'excerpt_count_js');

Backup

Jangan lupa untuk backup dulu file functions.php sebelum Anda mengubahnya. Penting untuk menghindari jika terjadi crash.

Putih Biru Museo 500 #GantiBaju Squirrel

Setelah subuh pagi tadi saya menyempatkan untuk online, kebetulan hari sabtu kantor libur. Spontanitas saja tadi langsung saya ingin sekali merubah penampilan blog kesayangan saya ini. Saya memang sangat menyukai theme dengan dominan putih bersih berbalut biru, oleh karenanya saya kemarin memakai theme Basically milik mas Satrya.

Motivasi

Tak ada konsep baru yang saya usung di tampilan baru blog ini. Karena akhir-akhir ini saya‚memang jarang update di blog ini karena kesibukan pekerjaan offline, maka ada keinginan untuk ingin menampilkan sisi personal saya di blog ini.

Beranda

Bagian beranda, saya menampilkan beberapa sisi personal saya mulai dari Foto, perkenalan blog, pendidikan dasar, pengalaman kerja dan akan terus saya explore lagi. Mengingat saya kurang mengonsep untuk memperkenalkan siapa diri saya. Ini adalah bentuk rasa ingin keterbukaan saya kepada dunia luar agar saya terus bisa mengeksplorasi diri. Terbuka untuk menerima kritik dan saran yang membangun.

Museo 500

Tambahan lainnya adalah saya memakai font Museo 500, font yang memang sangat saya sukai dan pernah saya pakai juga di theme sebelum Basically, yaitu memakai theme Sport News.

Theme Squirrel

Pilihan saya kali ini tertuju ke Theme Squirrel besutan InkThemes.com. Theme ini telah memenuhi kriteria theme yang saya banget. Saya masih mempelajari struktur-struktur theme ini agar nantinya bisa disesuaikan dengan keinginan saya.

Putih Biru Museo 500 #GantiBaju Squirrel Dani Setiyawan

Putih Biru Museo 500 #GantiBaju Squirrel

Semoga dengan #GantiBaju Squirrel ini semakin menambah kenyamanan pembaca untuk menelusuri halaman-halaman coretan saya ini. Hal yang paling penting tentunya adalah konsisten update konten, mengingat pekerjaan offline membutuhkan konsentrasi lebih juga. Semoga ini akan menambah semangat saya untuk terus ngeblog dengan konten-konten yang semakin baik.

#NB : Mohon maaf jika ada halaman-halaman rusak/broken. Saya masih terus melakukan editing sana-sini. Mohon diinformasikan jika menemui halaman yang eror tersebut melalui komentar blog ini atau melalui form Kontak.

Salam Sakses

Celah Keamanan WordPress di File TimThumb

Celah Keamanan WordPress

Menggunakan WordPress self hosting memang cukup mengasyikkan. WordPress adalah platform yang paling banyak digunakan oleh webmaster seluruh dunia setelah CMS lain. Sewaktu-waktu pihak developer WordPress melakukan upgrade versi baik upgrade minor maupun upgrade mayor. Proses upgrade ini dilakukan untuk menutup beberapa celah yang ditemukan di root wordpress. Saran saya jika telah mendapat notifikasi versi terbaru WordPress, segera lakukan update untuk menghindari hal-hal yang tidak diinginkan seperti rawan penyusup masuk, deface, dsb.

Celah Keamanan WordPress di File TimThumb

Celah keamanan wordpress tidak hanya terletak di core wordpressnya, namun file-file lain juga bisa dimanfaatkan oleh para hacker untuk dijadikan pintu masuk. Salah satunya adalah file timthimb.php atau thumb.php. Beberapa theme menggunakan file ini untuk menampilkan gambar berupa thumbnail-thumbnail yang akan ditampilkan baik di home, page, post, sidebar maupun di footer.

Ada beberapa laporan rekan saya yang blognya telah di deface oleh hacker yang masuk melalui file timthumb.php. Bulan kemarin saya juga mendapatkan notifikasi dari penyedia hosting tempat ngehost web kantor saya, ada beberapa file yang rawan sebagai jalan masuk hacker, file tersebut tak lain adalah timthumb.php.

Cara Mengatasi‚Celah Keamanan WordPress di File TimThumb

Untuk mengatasi temuan tersebut, kita tidak perlu bersusah-susah mencari filenya. Ada sebuah plugin khusus yang fungsinya melakukan upgrade file timthumb.php dan thumb.php ini, sekaligus secara realtime memberi notifikasi jika suatu saat file tersebut telah diupdate ke versi terbaru.

Plugin tersebut bernama TimThumb Vurnerability Scanner.

Silahkan instal dan aktifkan plugin tersebut. Jika sudah aktif, halaman setting plugin ini terdapat di bagian Tools – TimThumb Scanner.

Celah Keamanan WordPress di File TimThumb

Celah Keamanan WordPress di File TimThumb

Pilih tombol scan, maka proses scanning file timthumb.php dan thumb.php dilakukan. Setelah ditemukan maka akan ada laporan apakah file tersebut Up to Date atau Out of Date. Jika Out of Date, centanglah kemudian pilih tombol Upgrade Selected Files. File timthumb atau thumb Anda telah tergantikan dengan versi terbaru, sehingga terhindar dari hacker.

Semoga artikel Celah Keamanan WordPress di File TimThumb ini bermanfaat.