Pertamax! WordPress theme Gratis pertama dari Tookangweb

Sudah lama saya ingin mengikuti jejak kesuksesan teman-teman web desainer Indonesia dengan membuat theme WordPress, daripada hanya berangan-angan lebih baik lakukan saja sebelum terlambat, ini pertama kalinya saya punya domain dotcom (biasanya langgganan web.id). meskipun saya belum expert dengan WordPress tetapi saya berniat untuk membuat apa yang saya bisa.

WordPress theme gratis pertama yang saya bagi bernama Pertamax!, theme organik dibuat dari framework sandbox, demonya bisa dilihat, dan filenya juga sudah bisa diunduh, semoga bisa diterima :)

Penyelenggara WordCampID 2010, Valent Mustamin mengundang tim iCreativeLabs sebagai salah satu pembicara di acara ini. Sebenarnya pengalaman tim iCreativeLabs masih baru dengan WordPress, karena 70% lebih project iCreativeLabs masih menggunakan CMS buatan sendiri. Namun, sejak me-launching Free & Premium WordPress theme (Majalahku & AppCloud) iCreativeLabs mulai membangun branding sebagai WordPress Ninja.

Setyagus Sucipto mewakili tim iCreativeLabs dan menyiapkan materi sebagai salah satu pembicara di acara WordCampID 2010. Sementara itu, semua anggota tim iCreativeLabs juga berangkat ke acara tersebut, kecuali momo dari Solo yang belum bisa ikut. Sehari sebelum acara, tim iCreativeLabs telah menginap di rumah Anggi Krisna / Deon di daerah Bintaro. Sedangkan Agus berangkat sendiri dari Bandung.

Di acara WordCampID 2010 kami bertemu banyak teman-teman yang lebih berpengalaman di bidang WordPress: Kaspito Gabriel Hutagalung adik dari Michael Jubel Hutagalung dengan ColorLabs Project-nya, Jauhari dengan segudang Free WP themes-nya, Andrayogi dengan ThemeWarrior-nya, Daus dan Armono yang pernah masuk dalam 10 besar di ajang WooContest – Woothemes, Fikri Rasyid dan Japestinho dengan Bloggingly, Pitra dengan MediaIde, Brian Fauzan dengan DheZign-nya, ada pula GagasImaji, dan Simonlim dari WPDesignStudio (Malaysia) juga masih banyak teman-teman hebat yang tidak bisa disebutkan satu-persatu.

Presentasi dari iCreativeLabs kebagian no 2 dari yang terakhir, dalam satu hari acara yang cukup padat dengan materi yang berbeda. Meski acara diselingi dengan break makan siang serta sajian musik jazz, audience masih terlihat kurang semangat. Mungkin sudah merasa “jenuh/bosan” dengan beberapa presentasi yang padat. Hal ini terbukti dari banyaknya peserta yang pulang sebelum acara selesai.

Penampilan Setyagus Sucipto dengan pakaian sangat santai *paling santai dibanding pembicara lain saat itu* (kaos oblong gantibaju, celana jeans, jaket agak lusuh *terpaksa pakai karena AC sangat dingin*, sepatu sport, sampai tas pinggang) awalnya membuat saya khawatir, tapi saya pikir hal ini malah memecah suasana acara yang sangat terkesan “formal” sejak pagi. Justru penampilan Agus dengan materi WordPress sebagai CMS, cukup membuat respon audience memperhatikan lebih serius :)

Hal yang cukup darurat saat itu adalah, Setyagus Sucipto terpaksa memberi contoh sebuah live site salah satu project iCreativeLabs: Heart-Break. Web Heart-Break sendiri sudah mengalami proses redesain dan recoding beberapa kali sejak pertama dikerjakan, dan masih belum final. Tetapi apa boleh buat contoh tersebut untuk menjawab salah satu permintaan audience. dan sukurlah audience bisa menerima.

Beberapa poin setelah presentasi Setyagus Sucipto (iCreativeLabs) di acara WordCampID 2010 antara lain:

• Themes AppCloud versi premium banyak yang pesan dan download, kebetulan themes tersebut dibagi-bagi gratis sejak selesai presentasi.
• Pelanggan RSS blog iCreativeLabs terus bertambah cukup banyak
• Follower twitter @iCreativeLabs terus bertambah cukup banyak
• Ada beberapa peserta WordCampID 2010 yang memesan slide presentasi
• Launching WordPress themes Kelontong, mendapat respon positif baik dari dalam negeri maupun luar negeri (dalam 2 hari sudah 100 lebih di-download)
• Selain WordPress themes Kelontong, nanti akan di launching Themes DangDoot, dan themes lain yang saat ini masih disiapkan.

Dan berikut beberapa artikel mengenai WordCampID di blog lainnya:

• WordCamp Indonesia, 2010
• WordCamp Indonesia 2010, From Bandung with Kick-Ass WordPress Ninjas!
• WordCamp Indonesia 2010
• Oleh Oleh #WordCampID 2010
• Review Wordcamp Indonesia 2010
• WordCamp Indonesia 2010
• Laporan Wordcamp Indonesia 2010
• WordCamp Indonesia 2010

Awalnya mockup AppCloud tersimpan cukup lama di hardisk. Source PSD file tersebut selesai dikerjakan pada bulan Juli 2009 selanjutnya di slicing XHTML/CSS versi dummy. File PSD-nya juga di bagi-bagikan gratis disini. Integrasi AppCloud menjadi WordPress eCommerce Theme baru selesai dalam tiga bulan kemudian.

iCreativeLabs (ki-ka): momo, zam, sule, agus, anggi, donny, dianara, ibnu, budi

Sejak dirilis pada bulan Oktober 2009, AppCloud mendapatkan apresiasi yang cukup mengejutkan dari banyak website ternama. Beberapa list AppCloud antara lain bisa dilihat di:

1. smashingmagazine
2. loreleiwebdesign
3. speckyboy
4. visionwidget
5. arthack
6. adbuzeedo
7. theroxor
8. Instinct (WordPress eCommerce)
9. dan masih ada beberapa website lain

Dari banyak respon tersebut telah membuat tim iCreativeLabs lebih serius dan fokus dalam mengembangkan themes termasuk plugin-plugin WordPress untuk projek ke depan.  Sebelumnya iCreativeLabs membuat FREE maupun Premium Bundle template non-CMS, baik PSD maupun XHTML/CSS.

AppCloud versi Holiday

Setelah merilis AppCloud versi FREE, iCreativeLabs juga merilis versi Premium dan 2 themes tambahan untuk edisi holiday.  Bisa dikatakan di iCreativeLabs, AppCloud telah menjadi sebuah pilot project dalam pengembangan WordPress themes, dan iCreativeLabs sekarang masih “menggodok” beberapa themes baru untuk di rilis dalam waktu dekat ini.

Di Indonesia, AppCloud juga mendapat tanggapan positif dari beberapa rekan, Valent Mustamin (penyelenggara acara WordCamp Indonesia) telah mempercayai dan mengundang kami sebagai salah satu pembicara di acara tersebut.  Acara yang akan diselenggarakan pada hari Sabtu tanggal 30 Januari 2010 besok akan menjadi momen yang sangat berarti.

Apakah teman-teman datang di acara WordCamp Indonesia? sampai jumpa disana.

Tapi sebenarnya theme ini bukan buatan saya loh :) kok bisa? Tampilan baru blog ini tidak mengintegrasi WordPress dari nol tapi menggunakan WordPress Frameworks, Nama theme dasarnya Hybird buatan Justin Tadlock. Jadi saya cuma membuat child themes dengan menambahkan kode CSS di file style.css dan modifikasi XHTML / PHP secukupnya di file lainnya. tentu saja semua ini mengacu pada draft Mockup PNG/PSD yang sudah saya siapkan.

theme zam.web.id baru

Konsep dasar theme ini adalah satu sidebar, ukurannya cukup lebar (300px) karena saya ingin menampilkan widget dari facebook page, sayangnya widget ini ternyata tidak valid XHTML di W3C :(. header tanpa grafis hanya text besar (140 karakter) mengambil dari update status twitter. logo standart typo Serifa, menu di kanan atas agar terasa lebih usable, rich footer seperti trend blog masa kini, lebar area konten tidak terlalu lebar (460 px) sebuah trik agar postingan sedikit bisa terlihat banyak :D.

Poin utamanya adalah status twitter dan facebook page yang menempati area utama. sengaja saya buat begitu supaya web ini terkesan update terus meskipun seandainya nanti jarang update blog :)

Mengenai pemakaian background itu hanya karena untuk mengisi space kosong yg cukup banyak karena area blog ini tidak lebih dari 820px (biasanya pakai standart 960px), meski awalnya bingung cari-cari background yang cocok, dan rencananya nanti background itu akan saya ganti-ganti jika sudah bosan, hehe seperti di twitter :D

oh iya mohon masukan, kritik dan saran yah dari teman-teman, thanks

tampilan asli hybird theme

theme zam.web.id lama

Beberapa lama kemudian melalui jejaring sosial saya bisa mengenal dia lebih dekat, saya baru tau ternyata usia dia masih muda (lebih muda 3tahun dari saya), sungguh anak muda yang punya talenta istimewa dengan karya-karyanya yang begitu Awesome :D

Salah Satu Karya Richard Fang di DesignbyHumans

Akhir Mei 2009 ada email masuk ke inbox dari Richard Fang dengan pesan sebagai berikut:

mau nanya boleh kan hehehe klo dari PSD to WP bisa ga? mau ganti nih untuk blog gue :P n kira2 biayanya berapa? psd nya dari gue. cheers, – Richard

Saya pikir ini kesempatan baik, saya diberi kepercayaan untuk redesign WordPress meski sejujurnya selama ini saya hanya integrasi PSD ke XHTML/CSS saja tidak pernah sampai integrasi WordPress Theme, permintaan dia nekad saya sanggupi. Karena berdasarkan pengalaman: belajar paling efektif adalah dengan mengerjakan project yang belum pernah kita kerjakan “Learning by Doing”. tentu dengan pengantar ke dia sebelumnya bahwa ini saya masih belajar tapi saya usahakan :D

Akhirnya satu bulan lebih saya baru bisa menyelesaikan ini, karena saya harus mengatur waktu disela-sela pekerjaan utama bersama tim iCreativeLabs. Integrasi dari PSD ke XHTML/CSS lancar, tetapi untuk integrasi ke WordPress Theme saya butuh waktu :D banyak, butuh keberanian, mood, harus download cheat sheet sebanyak2nya, acak-acak codex, browsing kesana-kemari mencari tutorial how to untuk newbie seperti saya. dan lain-lain

Redesain Blog Richard Fang

Blog Richard Fang sekilas terlihat sederhana, tetapi tidak sesederhana pengerjaannya, coba diperhatikan lebih teliti bagaimana style title di sidebar, pemakaian ajax tabs jQuery, pengaturan avatar dan komentar, style “Lanjutkan” di bagian content, pemakain thumb tiap posting, typografi untuk prolog, dan lain-lain. Design blog ini memang minimalis tetapi begitu to the point, unik, dan menantang, banyak plugin2 baru yang harus diinstal (saya masih blank soal PHP).

Saya ucapkan terimakasih untuk Richard Fang atas kepercayaan yang telah diberikan, dan terimasih juga untuk mas Jauhari yang mau menjawab pertanyan saya saat menemukan kesulitan dalam mengerjakan ini. Semoga postingan ini tidak berlebihan :)

by Francesc Esteve

Fasilitas penyedia micro-blog berkembang semakin ramai, misalnya seperti twitter, plurk, jaiku, koprol, tumblelog/tumblr, dll bahkan hampir seluruh situs jejaring sosial/jaringan pertemanan kini menyediakan layanan ini lewat label “status update” misalnya seperti di facebook, friendster, friendfeed, linkedin, myspace, multiply, hi5, plaxo, flickr dll (pasti bingung jika menyebutkan satu-satu). Kemampuannya berintegrasi dengan berbagai social networking inilah yag menjadi pembeda jelas antara micro-blog dengan blog. Lalu apakah bisa microblog untuk personal branding? berikut beberapa tips/catatan yang mungkin bisa jadikan sedikit pertimbangan:

1. buat postingan yang menunjukkan apa pekerjaan/aktifitas kita, hal ini menjadi salah satu bentuk pengenalan kita kepada publik. misalnya:
   

   Telah report file ke 51, sebuah massive project XHTML/CSS dari total sekitar 69 page frontend dan 38 page backend, fiuh!

2. ajak pembaca untuk terlibat dalam setiap proses pekerjaan kita. misalnya:
   

   Lagi meet’n dg manajemen Bakpo Telo Lawang (Doddy Wirawan)

3. kadang harus menyempatkan membalas beberapa komentar, supaya tidak dikira sombong
4. berusaha rutin untuk membalas postingan microblog teman-teman seprofesi agar selalu terjalin kontak dalam jaringan pekerjaan yang sama
5. sekali waktu memberikan perlakuan khusus untuk para pembaca loyal terhadap tulisan kita, misalnya dengan menulis di dindingnya (facebook)
6. usahakan memiliki akun yang banyak di berbagai layanan micro-blog / social network, minimal pilih yang popular, karena setiap layanan memiliki komunitasnya sendiri.
7. menghemat waktu dengan sekali posting langsung ke berbagai layanan micro-blog tanpa harus login satu-persatu misalnya bisa menggunakan ping.fm atau helloTXT
8. jangan terlalu sering update status, karena kadang pembaca akan mengabaikan status yang terlalu sering berlalu, sehingga mereka tidak bisa membedakan mana postingan yang penting dan yang tidak (junk/spam)
9. ikutilah apa tema yang ramai dibicarakan di internet sekarang, lalu tulislah, misalnya:
   

   Detikinet: Pembuat grup ‘Say No To Mega’ di jejaring sosial Facebook bisa diancam penjara 1 tahun dan denda Rp 24 juta. Pembuat grup ini bisa dijerat pasal 270 Undang Undang (UU) Pemilu

10. jika kita sedang mengikuti event (seminar, pertunjukan musik dll) tidak ada salahnya untuk berbagi dengan teman-teman dengan mempostingnya secara live di microblog (via HP atau semacamnya) misalnya:
    

    seru juga ternyata, penonton #javajazz dari anak sd sampai nenek2 (ndorokakung)

11. kadang kita akan menulis beberapa postingan dalam satu tema yang sama. Saat seperti inilah kita memerlukan blog konvensional untuk merangkai berbagai peristiwa di micro-blog menjadi sebuah artikel beberapa paragraf.

Beberapa tips/catatan di atas mungkin tidak secara langsung berhubungan dengan personal branding, namun beberapa poin yang perlu ditekankan adalah perbanyak postingan yang mengenalkan pada pembaca: apa pekerjaan kita, dimana spesialisasi kita, bagaimana proses pekerjaan kita, selain itu kita masih perlu memposting hal-hal di luar pekerjaan, misalnya yang sedang ramai dibicarakan, untuk memperbanyak rate pembaca. semoga bermanfaat!

by: jared @ flickr

Pasti tidak asing dengan istilah “avatar”, karena hari ini hampir di semua situs jejaring sosial (facebook, twitter, plurk, koprol, multiply, wordpress, blogspot, ym, friendster, dll) apapun jenisnya selalu menampilkan profil picture untuk pemilik account, yah di wikipedia secara sederhana avatar bisa didefinisikan sebagai representasi grafik dari pengguna Internet. Berikut adalah beberapa catatan tentang pentingnya avatar untuk personal branding:

1. media online adalah media komunikasi dimana pesan didominasi oleh text dan gambar, dengan text dan gambarlah kita bisa berkomunikasi, kita bisa dikenal oleh orang lain.
2. untuk orang yg belum pernah bertemu kita secara langsung, mereka memiliki image tentang kita dari avatar kita, jika 10 kali kita berganti avatar maka 10 kali pula orang merubah image nya tentang kita.
3. kita pasti sulit register username yang sama di berbagai situs jejaring sosial, namun kita bisa pasang avatar yang sama diberbagai situs tersebut.
4. semakin lama kita memakai avatar yang sama, maka semakin kuat image orang lain tentang kita melalui avatar tersebut.
5. kita bisa memakai foto kita jika ingin melakukan personal branding, atau bisa juga memakai logo buatan sendiri untuk membranding usaha/jasa kita (jualan).
6. pilihlah karakter yang khas, unik, beda agar mudah diingat
7. untuk orang sudah mengenal kita tapi sudah lama tidak pernah bertemu (misalnya teman SD) dengan adanya avatar lebi memudahkan mengenal kita, tanpa harus membaca detail profil atau galeri foto
8. untuk yang suka gonta-ganti avatar, sebaiknya memiliki 1-2 avatar utama yang dijadikan sebagai avatar default, dan sebaiknya dipakai lebih sering
9. setidaknya siapkan avatar yg sama dengan beberapa ukuran standart misalnya 16×16 pixel (untuk favicon), 32×32 pixel, 64×64 pixel, 128×128 pixel, dan 256×256 pixel.