Akhir Mei 2009, saya dimintai tolong Fany untuk membuatkan desain situs pernikahannya dia ama Yudis. Karena waktunya mepet banget, saya cuma mengkonversi konsep undangan cetak ke web.

Situs ini dibuat pake WordPress. Dengan hanya berbekal theme khusus, kita bisa membuat WordPress tidak lagi menjadi mesin blog namun lebih ke sebuah CMS yang fleksibel dan lengkap.

Saya akan mencoba berbagi tips saat mengerjakan desain ini. Berbekal sebuah gambar hasil kerjaan Goenrock dan Yudis, saya mulai mengolahnya di Photoshop.

Gambar dari desain undangan saya potong-potong dan disusun ulang dengan mengkoding langsung ke HTML. Saya memang lebih suka melakukan koding langsung menggunakan text editor. Dengan pengaturan melalui CSS, saya merasa saya bisa lebih “presisi” dalam meletakkan elemen-elemen HTML tersebut.

Setelah mockup desain HTML selesai, baru saya konversikan ke format theme WordPress. Kita tentu harus mengetahui aturan pembuatan theme WordPress.

Karena simple banget, saya hanya membutuhkan satu file induk index.php saja untuk menangani seluruh konten dengan bertumpu pada statemen if-else.

Fany meminta tampilan utama tidak mengarah ke artikel blog, namun ke sebuah halaman statis. Ini bisa diatur melalui menu Settings ⟶ Reading. Kemudian pada opsi Front page displays dipilih ke static page dan pilih halaman mana yang akan ditampilkan sebagai default.

Untuk Gallery, saya ndak menggunakan plugin apa pun. Saya hanya memanfaatkan fitur Gallery yang ada pada WordPress.

Album dibuat dengan menggunakan posting artikel dan kategorinya diset “gallery”. Halaman Gallery akan memanggil semua postingan alias album yang memiliki kategori “gallery”.

Untuk Guestbook juga hampir sama caranya. Guestbook ini sebenernya hanya memanfaatkan fitur komentar. Komentar hanya diaktifkan pada halaman Guestbook ini saja.

Untuk halaman Blog, prinsipnya hanya memanggil postingan-postingan yang memiliki kategori “blog”. Mudah banget, kan?

Secara konten, wedding site Fany berbeda dengan yan lain. Selain menonjolkan diri si pengantin, situs ini cukup informatif. Di menu blog, Fany memberikan informasi tentang cara menuju ke lokasi, moda transportasi yang bisa digunakan, hingga info penginapan.

Nah, ternyata membuat sebuah wedding site dengan menggunakan WordPress itu gampang banget. Ada yang mau saya bikinkan juga?

Selamat ya, Fan! Semoga langgeng dan bahagia!

Yay! Saya datang ke acara WordCamp Indonesia! Hehe. Ya, ya. Saya memang kemlinthi, kemaki, sombong, takabur, atau apa pun lah! Yang penting saya ketemu dan foto bareng sama Matt Mullenweg, Tuhannya WordPress!

Yak! Postingan ini cuman mo pamer foto ajah. Matt Mullenweg ketemu dengan Jengjeng Matriphe! Sama-sama “mat”. Hayo tebak, yang mana yang Matt Mullenweg?

La saya juga ndak begitu paham dengan materinya. Daripada ngantuk, mending cekakak cekikik di belakang, sambli nyobain internet dari UniNet.

Yang pasti acara ini emang keren banget! Nggak menyesal datang ke acara ini.

Tahun baru telah tiba. Kini saatnya berganti layout baru setelah lama sekali saya ndak ganti layout.

Sengaja saya pas-paskan sama tahun baru, biar kelihatan pas saja.

Ya, di tahun baru ini, selain desain yang baru, saya juga mencoba mengubah konsep blog saya dengan konsep yang baru.

Seperti slogan blog ini, saya pengen sekali jalan-jalan dan makan-makan, yang kemudian saya dokumentasikan di blog.

Semenjak mengubah konsep blog ini menjadi blog JengJeng, banyak yang mengira saya ini ahli dan punya banyak pengalaman dalam hal petualangan, traveling, dan kuliner.

Padahal jujur saja, saya membuat blog JengJeng ini karena saya ini kuper dan ndak tau apa-apa. Saya hanya mendokumentasikan perjalanan saya dalam mencari tau banyak hal ke dalam blog ini.

Berhubung kesempatan saya untuk menjelajah berbagai tempat sangat terbatas, maka mohon maaf kalo ternyata pengetahuan saya cuma segini saja.

Saya cuma bisa mengeksplorasi apa yang ada di sekitar saya saja. Tentu saja, ndak semua yang saya tuliskan di blog ini cocok dan layak diikuti. Toh semua ini menurut selera saya, yang mungkin berbeda selera dengan anda-anda.

Tentu feedback melalui komentar, informasi tempat menarik, atau koreksi bila ada postingan saya yang salah, sangat saya hargai.

Baiklah, sekarang mari kita bicarakan soal desain.

Perubahan yang mencolok adalah soal warna. Dulu saya pake warna dominan hitam, abu-abu, dan oranye dalam desain, tapi sekarang saya menggunakan warna dominan hijau, oranye, dan kuning.

Hijau menggambarkan alam, lingkungan, kehidupan, pertumbuhan, stabil, santai, kesuburan, dan harapan. Jelas, saya suka banget liat hijaunya alam!

Oranye memiliki makna kehangatan, bersemangat, ceria, keseimbangan, musim gugur, menimbulkan getaran. Siapa tau ada cewek yang tergetar dan naksir saya setelah liat blog ini..

Sedangkan warna kuning melambangkan sinar matahari, emas, kekayaan, keberuntungan, dan juga kehidupan. Semoga kehidupan saya di tahun 2008 ini penuh kemenangan dan keberuntungan, amin..

Soal warna, sudah pernah saya tulis di blog jaman pra-sejarah saya yang lalu.

Ukuran blog juga saya rubah. Jika dulu saya menggunakan ukuran lebar 600 pixel, kini saya menggunakan ukuran lebar 950 pixel.

Mohon maaf bagi pengguna resolusi 800×600 karena saya rasa resolusi ini sudah masuk era jahiliyah dan ndak layak pake.

Konsep satu kolom saya rubah menjadi konsep 3 kolom. Tujuannya agar dapat memuat banyak postingan, tanpa memberi kesan ruwet. Semoga..

Di layout ini, saya menumpukan kekuatan pada postingan. Aksesoris blog macam blogroll dan sebagainya sengaja saya hilangkan, seperti pada konsep yang dulu, satu kolom.

Beberapa postingan jaman dulu yang saya kira mungkin bisa bermanfaat, saya tampilkan kembali secara acak di halaman depan. Postingan-postingan tersebut adalah postingan yang berhubungan dengan candi, kulineran, dan hal-hal yang saya rasa unik.

Saya akan mencoba menuliskan postingan dengan lebih obyektif dan mengurangi kenarsisan saya.

Judul blog yang semula bernama “jengjeng (dot) matriphe.com” saya ganti menjadi “jengjeng matriphe!” saja, supaya lebih mudah diingat.

Oiya, desain ini juga saya bikin untuk mendukung program Visit Indonesia 2008, yang situsnya sempet menghebohkan itu.

La daripada saya cuma menghujat mendingan saya mengambil langkah dengan mendukungnya saja. Toh, saya cinta Indonesia, (khususnya Jogja) sebobrok apa pun negara ini.

Engine WordPress yang saya pake menggunakan WordPress versi 2.3.2 yang dirilis tanggal 29 Desember 2007 lalu.

Semoga ndak ada yang error.

Oiya, kripik dan sambal tetep saya harapkan dan bila ada yang kurang berkenan saya mohon maaf.

Sekali lagi, Selamat Tahun Baru 2008!

Mungkin terkait: Slogan Pariwisata Indonesia?

Setelah lama ndak ngerusak soskot WP, di sela-sela penyiksaan kerjaan, saya menyempatkan diri untuk ngilik template itung-itung sebagai intermezo dari rutinitas. Sebenernya sih karena ancaman simbok Venus untuk merombak template lamanya.

Walau sebenernya hasil pengrusakan saya ini belum kelar-kelar bener, tapi rasa sombong dan takabur membuat saya ingin buru-buru pamer. Yah, bisa dibilang semacam soft launching gitu lah..

Sekilas memang ndak banyak berubah, karena saya cuma nambah beberapa aksesoris sebagai ajang sok-sokan saja dan biar dibilang heker yang keminter.

Beberapa perubahan kecil saya lakukan, terutama di tampilan muka pada bagian header. Perubahan-perubahan itu adalah penghilangan galeri foto narsis bin nggilani saya, merubah dikit tulisan perkenalan, penambahan informasi cuaca, dan pemasangan twitter. Selain itu saya nambahi fitur tema pada postingan tertentu.

Pertama, galeri foto saya hilangkan. Alasannya? Ada laporan seorang pembaca blog tewas dengan pose merangsang setelah melihat-lihat galeri tersebut. Ya karena space hosting saya udah mintip-mintip. La saya kan mengunggah foto-foto tersebut ke hostingan saya.

La kenapa ndak pake layanan penyedia foto macam Flikr? Yah, karena saat itu saya make plugin fGallery yang fitur lightbox-nya membuat saya nggumun terkagum-kagum.

Akhirnya semua foto najis tersebut saya hapus dengan sebelumnya memindahkannya ke Multiply. Kini saya pun mulai memberdayakan Multiply saya sebagai sarana penyimpan benda-benda multimedia.

Berhubung status saya yang sudah dipecat dari kampus tapi masih sering bergentayangan di kampus untuk mencari mangsa mahasiswi baru yang polos dan manis karena di sinilah saya mencari calon istri segepok rupiah, saya pun mendapat gelar baru. Bukan, bukan Sarjana Suka iseng S.Si. itu, tapi mahasiswa-coret.

Terus inilah fitur yang bisa membuat saya berhak sombong dan takabur. Saya terinsipirasi sama header blognya bung Thomas yang bisa ganti-ganti sesuai dengan cuaca di Jogja. Ternyata bung Thomas menggunakan informasi dari Weather.Com yang kemudian dikonversi menjadi header yang cantik itu.

Saya pun mencoba meniru. We la dalah, kok susah? Data dari Weather.Com membuat saya mrongos dan misuh-misuh ketika mencoba membacanya. Eh, la kok ternyata Yahoo! Weather menyediakan informasi cuaca juga, walau Yahoo! Weather tetep ngambil datanya dari Weather.Com.

Berbekal informasi dari Yahoo! Weather yang lebih manusiawi dan pencerahan secukupnya, saya pun mengambil data cuaca tersebut untuk kemudian diolah.

Caranya? Kalo ente ngira saya memparsing data XML yang nangudubilah itu lalu mengekstraknya, ente salah. Saya cuma pake regex dengan pola kriting njengking-njengking untuk membaca dan mengambil data seperlunya lalu mengubahnya menjadi header yang sekarang ini.

Sejak dulu, saya itu pengen banget bisa melakukan yang namanya mobile blogging alias ngeblog dari dalam mobil. Ndak, mosok ndak tau mobile blogging? Itu loh, kita bisa ngeblog dengan cepat dan singkat walau kita sedang ndak pegang internet.

Ah, itu sih basbang. Pan bisa pake hape? La iya, kalo hapenya bisa ji-pi-er-es atau nyang lebih canggih pake tri-ji. La hape saya kan hape klasik nan eksotik yang selain buat es-em-es-an dan nelpon, juga bisa buat ngelempar anjing tetangga sebelah kalo pas lagi horny trus cerewet nggonggong ndak jelas. *bletak!*

Layanan dari twitter saya gunakan untuk ini. Dengan twitter, kita bisa ngeposting via IM-nya Gmail, lewat halaman khusus ketika login di webnya, dan ini yang paling saya sukai, pake SMS! Manteb, pan? Cuma ngabisin ongkos SMS 500 perak karena ngirim SMS-nya ke nomer +44-sekian-sekian alias nomer telpon UK.

Lagi-lagi saya menggunakan regex untuk ngambil postingan-postingan di twitter saya meskipun sebenernya sudah disediakan API-nya. Otak yang terlalu bebal untuk membaca dan mengerti dokumentasi API-nya adalah alasannya kenapa saya milih pake regex.

Satu lagi. Pada postingan dengan tema tertentu akan muncul informasi tema yang sedang diangkat beserta postingan-postingan lain yang temanya sama. Tujuannya sih, kalo ada yang tertarik dengan tema yang diangkat bisa menjelajahi postingan lain yang temanya masih berhubungan.

Saya menggunakan fitur Custom Fields yang saya yakin jarang kita pake. Caranya dengan mengisikan informasi meta pada tiap postingan dengan kata kunci yang sama. Misalnya pada postingan bertema “Wisata Candi”, maka pada postingan yang bertema tersebut saya isi “candi” dengan key “tema”, misalnya. Nah, informasi meta inilah yang kemudian kita utak-atik biar bisa nongol di postingan.

Saya kira cukup segini dulu fitur-fitur baru yang saya tambahkan di blog ini. Mungkin ke depannya akan ada penambahan atau pengurangan lagi. Semoga saja bisa berguna.

Tetep, kritik, saran, bahkan cacian akan saya terima dengan senang hati, kecuali yang mencaci akan saya balas dengan doa semoga cepat dipanggil Yang Maha Kuasa..

Ada sebuah buku yang seharusnya saya baca dan review beberapa abad yang lalu. Namun karena alasan kesibukan, akhirnya baru sekarang saya sempet melakukannya.

Seorang seleblog mengancam meminta saya untuk membaca bukunya. Sebuah buku yang mungkin berguna untuk temen-temen yang pengen ngeblog, tapi ndak tau gimana cara untuk memulainya.

Karena saya bukan orang yang ahli masalah beginian, saya mencoba sebisa saya. Otak yang bebal ini saya setting sedemikian rupa agar supaya bisa mengikuti apa yang ditulis di dalam buku.

Begitu menerima buku ini, saya langsung terkejut oleh covernya. Cover berwarna ngejreng gambreng berwarna orange ini membuat saya sedikit merasa “kurang sreg”. Selain warnanya, tipografi dan kombinasi warna fontnya kok saya rasa kurang nyaman. Ilustrasinya juga wagu.

Memang, ada pepatah bilang, “don’t judge a book by its cover”. Tapi akan lebih baik kalo covernya bisa tampil lebih elegan.

Oke, berlanjut ke isinya. Saya suka membaca Kata Pengantar dalam sebuah buku, bagian yang kadang dilupakan ini cukup menarik buat saya. Saya suka membaca bagian Kata Pengantar karena dari situlah saya bisa mengetahui apa yang ada di pikiran si penulis buku ketika dia berniat menulis buku. Dari Kata Pengantar itu pula kadang saya bisa mengetahui kira-kira apa isi buku itu secara keseluruhan.

Kemudian dari Daftar Isi, kita bisa mengetahui materi apa yang akan dibahas di buku ini. Tentu ini memudahkan bagi kita yang mungkin cuma ingin mengambil materi-materi tertentu saja.

Materi pertama tentu saja pengenalan tentang apa itu blog engine dan WordPress. Materi yang sepertinya sepele tapi sering ditanyakan oleh user-user pemula.

Bagian selanjutnya membahas tentang hal-hal teknis yang biasanya menjadi kendala bagi pemula. Di bagian ini merupakan bagian favorit saya, karena di bagian ini banyak sekali penjelasan mendetil dan penuh dengan skrinsut. Jadi kita seperti bener-bener dituntun langkah per langkah. Ini sangat membantu untuk pemula yang bener-bener blank soal hal teknis.

Di bagian teknis itu, dijelaskan pula tentang apa itu hosting, domain, FTP, cara mengelola akun hosting, dan juga penggunaan tools XAMPP sehingga user bisa mencoba tanpa perlu mempunyai hosting terlebih dulu. Bener-bener informasi yang sangat membantu.

Setelah user berhasil menginstall WP, materi selanjutnya adalah bagaimana menggunakannya. Lagi-lagi di sini terdapat penjelasan mendetil dan mengumbar skrinsut. Walau ndak semua bagian WP dibahas, tetapi penjelasan dasar tentang pengoperasian WP mulai dari menyetting, posting, hingga manajemen posting dirasa cukup.

Oiya, ada bagian yang cukup penting tapi tak tercantum di bagian penjelasan ini, yaitu bagian untuk mengelola profile. Kenapa ini penting, karena biasanya setelah instalasi WP selesai, kita mendapatkan password acak. Nah, tentu setelah instalasi WP selesai, jangan lupa kita mengubah password standar tadi di bagian profile. Mungkin di edisi berikutnya bisa ditampilkan.

Setelah pengelolaan dasar, materi selanjutnya adalah tentang bagaimana cara mengubah tampilan dan penambahan plugin. Di sini dijelaskan bagimana cara dari mendapatkan, mengupload, hingga mengaktifkan template dan plugin.

Cara yang dijelaskan di sini adalah dengan menggunakan FTP, tetapi menurut saya cara ini kurang praktis karena kita harus mendownload, mengekstrak, lalu mengupload lewat FTP. Cara ini dipilih karena dirasa lebih aman. Kalo koneksinya bagus, ini ndak masalah. Tapi bagaimana kalo koneksinya acak kadut sehingga bisa jadi ketika mengupload file-file yang cukup banyak tiba-tiba putus?

Kalo saya biasanya sih menggunakan cara seperti ini. File yang akan diupload itu kita zip dulu. Biasanya template dan plugin sudah tersedia dalam bentuk zip. Kemudian file zip ini kita upload, bisa menggunakan FTP atau fasilitas Cpanel, lalu dari Cpanel file zip ini kita ekstrak. Lebih cepet dan praktis, apalagi kalo file yang kita upload kecil-kecil dan banyak.

Atau kalo mau lebih praktis bisa menggunakan plugin WP Plugin Uploader dan WP Theme Uploader and Extractor bikinan Ahlul. Tentu direktori plugin dan template harus memiliki akses tulis (chmod 777) yang mungkin dapat mempengaruhi keamanan sistem.

Selain plugin, saya rasa perlu juga ditambahkan tentang penggunaan Widgets. Dengan Widgets, kita bisa dengan mudah mengatur tampilan dari blog kita. Kita bisa dengan mudah dapat melakukan pengaturan tampilan hanya dengan klik-n-drag. Memang tidak semua template mendukung fasilitas Widgets ini.

Untuk plugin antispam, di buku ini dijelaskan tentang penggunaan Spam Karma. Padahal bawaan WP sudah ada fasilitas antispam Akismet. Tentunya akan lebih baik kalo penggunaan fasilitas Akismet ini dijelaskan pula.

Di bagian terakhir, dijelaskan pula tentang penggunaan WP untuk situs-situs komunitas. WP yang mendukung multiple user bisa digunakan untuk media publikasi dari komunitas tertentu. Tentu ini lebih praktis daripada menginstal engine portal yang kompleks.

Nah, sebagai penutup, saya iseng-iseng merombak cover dari buku ini. Saya terinspirasi dari acara MTV Pimp My Ride. La saya gregetan sama cover buku ini yang culun banget. Welcome to MTP Pimp My Book!

Saya pake warna ijo karena kesan ijo ini begitu melekat sejak pertama saya kenal Fany melalui blognya yang warnanya juga ijo ini. Nah, untuk detilnya bisa liat gambar di bawah ini. Silakan diklik untuk ukuran yang lebih besar.

Siapa tau cover bikinan saya ini dipake untuk buku edisi keduanya?

Yes. It’s May 1st. This is the time I proudly introduce the new CSS on this blog. Not only this blog, but many blogs out there are doing the same. We’re the participants of Spring 2007 CSSReboot event.

So, what is it all about?

The CSS Reboot is a community event for web professionals and enthusiasts. Every November 1st and May 1st at 18:00 GMT, Rebooters from all over the world launch their standards based website redesigns simultaneously; bringing traffic, interest and a little respect to their sites. There are no prizes or arbitrary winners, just great exposure and the knowledge that we all participated in something great.

Like I told you yesterday, I had many things to do in this month. The S thing was sucking all my resources. So I was running out resources for doing this work. This is not my best work but I’ve done all my best. I hope you like it.

Of course I didn’t rewrite all the code. That is real web developer’s job! Since I’m just a dummy and lamer, I just modified the old template. The other reason is I still like the old template. The colors are comfortable in my eyes.

There are some minor changes I’ve made. They are:

• A resized random picture from gallery was moved from bottom to top under the header
• Menu bar was moved to upper place
• Miniblog plugin was (half) implemented, it will be activated if needed
• The tagline from “Dijamin Capek! Bacanya” was changed to “Blog tentang jalan-jalan, kuliner, traveling, kisah hidup, dan lain-lain“
• A small statistic information was added in bottom of the page
• Search form was moved to top

It supposed to be launched tomorrow. But why did I launch it just now?

The event was started in May 1st at 18:00 GMT. The purpose was getting all participants launched the design at the same time. Because we’re living in Indonesia, we differ 7 hours to GMT. After counting the time, May 1st at 18:00 GMT is equal to May 2nd at 01:00 WIB.

I don’t want to get online at 01:00 o’clock in the morning! So, I used the Indonesian time. May 1st at 18:00 WIB!

Doing this things were refreshing my mind after couple nights doing the fuckin S thing. And I think it is interesting and useful for a lamer and dummy like me to learn something called web standards.

Please enjoy it. And of course, your feedbacks are welcome!

Kembali ke pohon desktop..

May is coming. I have many things to do in this month. Damn thing called S thing (Hi, Cya!) must have been done in next month. It took all my resources, physically and mentally. What a sucks!

I need a refreshing moment. Need REBOOT. I’m a dummy. But I take a risk to join.

See you on May, 1st!

Hasrat narsis, sepertinya menjadi hal yang lumrah di kalangan blogger. Tak jarang terdengar ungkapan, bloggers are narsis. Hasrat narsis biasanya terungkap melalui foto, postingan, atau bermacam hal. Dan yang paling banyak terjadi adalah narsis melalui foto!

Nah, untuk menyalurkan hasrat narsis tersebut, sekaligus sharing foto-foto yang semakin banyak memenuhi hardisk, saya pun memutuskan memasang plugin fGallery bikinan Fredrik Fahlstad yang tentunya sudah saya acak-acak agar sesuai dengan theme.

Kenapa ndak pake Flickr, Friendster, atau Multiply saja? Ah, saya lebih suka make tempat sendiri. Lagian fasilitas yang ditawarkan di tempat-tempat itu kurang bisa “diacak-acak”.

Foto-foto yang termuat di galeri narsis tersebut adalah foto-foto dokumentasi per-jeng-jeng-an saya yang ndak sempet termuat dalam postingan. Saya yakin ndak semua orang mau menjelajahi galeri saya itu. Tapi yang pasti, galeri itu saya pasang untuk dokumentasi pribadi.

Kalo sampeyan kurang kerjaan dan kelebihan bandwidth, sumonggo jelajah galeri narsis saya tersebut. Jangan lupa siapkan wadah untuk tempat muntah!