Planet Bloggerian » Aban

Attending Wordcamp Indonesia 2011 has given me a lot of knowledge. Moch. Zamroni from WP Charity who was the speaker on that event, had opened my eyes that there is smart way to modify wordpress themes. Child theming method gives benefits to a wordpress site developer just like me. So, when I have my part on Friday IT (My office’s Internal Upgrading Class), I decide to share it. Here’s presentation I made for that event…

Child Theming: An Introduction to WordPress Theme Development with WordPress Child Themes View more presentations from Aban Nesta

As it confirmed before that Matt Mullenweg is unfortunately not coming to Wordcamp Indonesia 2011, I honestly little bit disappointed, but then I realize that meeting Matt is not the main reason for attending Wordcamp Indonesia. I’m still maintaining my excitement though (not to mention that I designed the logo :p)

So, tomorrow we’ll meet at Wordcamp Indonesia 2011 which is held in Bandung. I’m looking forward to seeing many wordpress users, advanced users, developers and Karim Osman. Karim? Who?

Well, Karim Osman is…

A dancer, a teacher, a writer, the Dutch-Egyptian-Chinese living in the Netherlands has found that he?s in love deeply with web development. He is currently joining Automattic as a Happiness Engineer. That means, by the time you meet him, you can learn a lot about communication and relationship between developers and users, courses in web
development many WordPress developers may have found to be difficult to deal with. Discussing what?s happening in and what?s coming to WordPress may also interest you. ~Wordcamp Indonesia

Karim will present a keynote there and Jeffikus from Woo Themes has stated that Karim is such a great guy since he met him at Wordcamp Spain.

So, what can I say? See you there….

30 Januari lalu, Wordcamp Indonesia 2010 digelar. Banyak hal yang didapat dari perhelatan rutin tahunan tersebut. Tunggu, what the hell is Wordcamp?

WordCamp is a conference that focuses on everything WordPress. WordCamps are informal, community-organized events that are put together by WordPress users like you. Everyone from casual users to core developers participate, share ideas, and get to know each other. WordCamps are open to WordPress.com and WordPress.org users alike.
wordcamp.org

Intinya adalah, Wordcamp adalah gathering akbar para pengguna WordPress, entah itu wordpress.com ataupun wordpress.org dan sudah digelar di berbagai belahan penjuru dunia.
Di Indonesia sendiri, Wordcamp sudah diadakan 2 kali (2009 dan 2010), dan tanggal 29-30 Januari 2011 mendatang (di Bumi Kahyangan Jatinangor, Bandung) adalah pelaksanaan yang ketiga.

Pada Wordcamp Indonesia 2011 kali ini, saya mencoba peruntungan dalam kontes desain logonya dan masuk 4 besar nominator.

Alhamdulillah, logo buatan saya dipilih sebagai logo resmi di Wordcamp Indonesia 2011 nanti.

Makna filosofis pada logo yang saya buat:

• Logo WordPress dilekatkan dengan mata kujang melambangkan Host Wordcampid yang akan diselenggarakan di tatar parahyangan (Kujang merupakan identitas parahyangan).
• Mata kujang memiliki 3 lingkaran (yang biasa terdapat dalam sebilah kujang) melambangkan wordcamp yang sudah ketiga kalinya diselenggarakan di Indonesia.
• Tulisan dengan huruf sunda yang terdapat dalam mata kujang bertuliskan “Wordcamp Indonesia 2011?.
• Sekilas, logo ini seperti acungan jempol yang melambangkan arti positif dari keikutsertaan pada Wordcamp Indonesia.
• Mengenai warna, saya mengambil warna yang di-state WordPress sebagai warna official mereka:
  Blue
Pantone 7468
CMYK 97, 44, 26, 3
Hex #21759b
RGB 33, 117, 155
  dan
  Orange
Pantone 1665
CMYK 6, 86, 100, 1
Hex #d54e21
RGB 213, 78, 33

So, I’m looking forward to seeing you at Wordcamp Indonesia 2011!!!

I’m looking forward to seeing you at Pesta Blogger 2010, Saturday, October 30th, 2010.

Location:
Epicentrum Walk
Rasuna Epicentrum
Jl. H R Rasuna Said kav. C22
Kuningan, Jakarta Selatan INDONESIA

Note:
For those who hasn’t been registered, Online Registration has been closed. So, you better be there earlier to get the ticket on site (First come, first served…)

Bagi mereka yang banyak berinteraksi melalui internet, email tentu menjadi hal yang tidak bisa lepas dari aktivitas sehari-hari. Terkadang ketika jumlah email yang masuk mencapai puluhan atau bahkan ratusan per harinya bisa membuat kita melewatkan satu atau beberapa email penting (saya pribadi sih paling gatel kalo ada unread message di inbox saya :p)

Hal ini tidak luput dari perhatian tim pengembang Google yang merilis Gmail Priority Inbox beta. Ini adalah fitur baru dari gmail/google apps,

Fitur ini mengklasifikasikan message menjadi “Important and Unread”, “Starred” dan “Everything Else” secara berurutan. Tentu jika kita tidak berkenan dengan perlakuan tersebut, kita bisa kembali ke urutan semula dengan mengklik “Inbox”

Bagaimana Gmail melakukannya?

Server Gmail akan mengidentifikasi pesan email mana yang dikategorikan penting, bisa dari history alamat email yang pernah kita kirim, chat yang paling sering dan seberapa sering kita berkomunikasi via email dan juga beberapa kata kunci yang sering disebut dalam email yang kita baca.

Baca selengkapnya di sini

Di era web 2.0 sekarang, memunculkan pesan kepada pengguna setelah melakukan satu eksekusi adalah satu hal yang diperlukan. Para developer wordpress plugin juga semestinya melakukan hal ini terhadap plugin yang dikembangkannya.

Di dasbor wordpress sering kita jumpai informasi yang muncul di atas halaman (contohnya: informasi mengenai adanya wordpress versi terbaru). Bagi para developer, hal ini berguna untuk meng-generate error atau pesan lainnya tanpa perlu membuat style tambahan.

Output untuk message box pada wordpress di-generate sebagai berikut:

<div id="message" class="updated">
  <p>
    Output
  </p>
</div>

Message yang di-generate untuk keperluan (misalnya) plugin, tentu memuat informasi yang berbeda. Untuk itu, wordpress sendiri memiliki beberapa class stylesheet untuk message box tersebut. Berikut adalah beberapa class yang bisa digunakan…

<div id="message" class="updated">...</div>

<div id="message" class="error">...</div>

<div id="message" class="updated highlight">...</div>

<div id="message" class="updated below-h2">...</div>

Catatan:
Sebaiknya tidak menggunakan format sendiri, karena secara psikologis, dengan menggunakan format yang terintegarsi dengan wordpress akan membuat plugin yang dikembangkan menjadi lebih “terpercaya”.

Sumber: wpengineer

Ketika kita menggunakan wordpress untuk proyek-proyek pembangunan website, terkadang kita menjumpai klien (yang notabene “awam”) yang begitu “kreatif” mengeksplorasi halaman wordpress admin, sehingga tanpa sengaja mengganti/switch theme menjadi theme default tanpa dia sadari.

Untuk mencegah kasus seperti itu, sedikit tips dari soulsizzle.com bisa menjadi alternatif pemecahannya.

Tambahkan kode berikut pada file functions.php anda:

add_action('admin_init', 'remove_theme_menus');
function remove_theme_menus() {
	global $submenu;	

	unset($submenu['themes.php'][5]);
	unset($submenu['themes.php'][15]);
}

Tempo hari, saya pernah membahas mengenai PNG Transparan untuk Windows IE 5.5 dan 6. Di situ saya menggunakan jquery.pngFix.js untuk mengatasi permasalahan transparansi file PNG untuk IE 6 ke bawah. Namun ternyata, siasat tersebut terbentur ketika kita menggunakan file png untuk background repeat.
Setelah saya coba cari lagi, saya menemukan solusi yang terbaik (saat ini) untuk mengatasi permasalahan png transparan pada IE 6 ke bawah ini, yaitu unitpngfix.
Berikut adalah beberapa fakta, mengapa saya merekomendasikan unitpngfix ini:

• Javascript yang dipakai terbilang ringan (kurang dari 2kb!).
• Menyelesaikan masalah yang diakibatkan oleh atribut filter IE.
• Bisa diimplementasikan untuk objek img dan background-
• image.
• Berjalan secara otomatis sebelum halaman di-load untuk semua elemen atau elemen tertentu.
• Bisa dipakai untuk elemen auto width dan auto height.
• Mudah dalam hal deployment atau teknis pemakaiannya.

Demo

Petunjuk Pemakaian

1. Unduh file unigpngfix.zip di sini.
2. Sisipkan tag berikut pada header (antara tag <head> dan </head>)

   <!--[if lt IE 7]>
           <script type="text/javascript" src="unitpngfix.js"></script>
   <![endif]-->
   

3. Unggah file clear.gif ke folder images Anda. Bukalah unitpngfix.js lalu sesuaikan path dengan directory tempat file clear.gif diunggah.
4. Secara default, unigpngfix akan bekerja pada semua gambar PNG di halaman situs Anda, namun jika dibutuhkan untuk beberapa elemen tertentu, Anda cukup menambahkan class="unitPng" pada elemen yang dibutuhkan. Penambahan class tersebut akan membuat unigpngfix hanya bekerja pada elemen yang memiliki class tersebut.

That’s it! Mulai sekarang Anda tidak akan menganggap Internet Explorer “hanya” sebagai tool untuk mengunduh Mozilla Firefox saja :p

Note:
Bagi pengguna wordpress, Unit PNG Fix ini sudah bisa digunakan dalam bentuk plugin (Unduh di sini).

Bagi mereka yang bosan sama tampilan navigasi default wordpress yang hanya menampilkan Older Entries dan Newer Entries, sudah tentu mereka bakal menambahkan plugin WP-PageNavi yang membuat tampilan navigasi paging menjadi lebih variatif dan user-friendly.

Tampilan PageNavi default tersebut bisa dimodifikasi agar lebih atraktif dengan cara mengedit file pagenavi-css.css sesuai keinginan kita. Saya pun mencoba memodifikasinya, terinspirasi oleh navigasi paging yang ada di halaman eRepublik (game online berbasis web yang aktif saya mainkan 2 tahun terakhir).

Pertama-tama, Anda membutuhkan 4 file gambar untuk first, last, previous dan next link-nya.

Unggahlah keempat gambar tadi ke server hosting Anda.

Selanjutnya, ubahlah setting plugin PageNavi yang bisa diakses dari Settings > PageNavi. Ubahlah value yang ada pada Text For First Page, Text For Last Page, Text For Previous Page dan Text For Next Page dengan kode html untuk memanggil gambar. Misalnya, untuk mengganti value yang ada pada Text For First Page, gunakan tag berikut:

<img src="http://domainanda.com/images/first.png" />

Note: Sesuaikan url gambar dengan tempat directory kemana kita mengunggah gambar-gambar tadi.

Terakhir, Sesuaikan tampilan dengan sedikit memodifikasi file pagenavi-css.css dan jadilah tampilan navigasi paging yang kita inginkan.

Ketika pengunjung blog melakukan pencarian melalui search form, kemungkinan besar apa yang mereka cari adalah postingan blog, bukan content static page. Modul pencarian WordPress secara otomatis akan meng-query keduanya, baik postingan maupun static page.

Untuk membuat hasil pencarian hanya berlaku terhadap postingan saja, Anda bisa menambahkan sedikit code pada file functions.php Anda.

function SearchFilter($query) {
    if ($query->is_search) {
        $query->set('post_type', 'post');
    }
    return $query;
}

add_filter('pre_get_posts','SearchFilter');

Dengan tambahan code di atas, maka engine akan melakukan pencarian untuk postingan (post_type) saja. Jika Anda membutuhkan hal yang sebaliknya, Anda hanya perlu mengubah post_type menjadi page.

Sumber:
bavotasan