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! 🙂
Comments
52 responses to “JanjiHati.Com: Situs Pernikahan Fany & Yudis”
huwaaa … teganya dirimu meninggalkanku. Selamat ya mbak fany, saya diundang gak ??
Zam, matur tengkyu buanget lho ya.. ^:)^
*balik ke hutan*
HAH? Saya lagi di Ambon? 😮
thank you for saving me.. *lebay*
:d/
lhooo.. kok aku di surakarta.. =))
ndak disangka Mas Zam bisa juga desain web, hehehe, bagus mas desainnya. Terutama saya suka text-editornya, buat web pake notepad, nyamm!
bikin bukunya zam!
gejayan ki masuk bantul ya?
woh keren mas, bayaran=makan²
ijo ijo buat zam
situsmu akan dinamai apa zam? bantingan.com, syahkodap.com ?? :-“
Iki le nggawe karo nangis gero2?
*ngakak moco komen antok* :))
kilas balik 2 thn lalu yaaa
Maknyos..
Baru tau juga ada fasilitas galeri built-in di WordPress.. 😀
*ngakak moco nek arya kui indo*
Lucu foto mantennya itu… 🙂
Desainnya simple dan tepat sasaran ^^v
Bisa jadi bahan referensi nih :d
ajarin saya, mas !! :((
ngantri yo kang…
4 tahun meneh aq digawekke ^^v
Bisa nih.. Aku juga ya… wkwk…
wah mantep, kapan bikin buat diri sendiri om? :-“
iki kado dari mu untuk kedua mempelai Zam?
Tak dinyana, dibalik jenggot terdapat romantisme yang tak berujung…
:-“
kamu kapan bikin weblog untuk mu sendiri Zam?
3:-o
*nyungsep sebelum disambit*
weh *menjura*
Mantap Kang 😉
wah, six banget moment pernikahan diabadikan dalam bentuk website gitu… jadi gimana gitu…
bisa jadi berbagi kebahagian buat yang gak diundang dalam acara pernikahan.. hehe ;D
mas tukangkopi mau nikah..
weleh weleh.. kapan tuh, paman?
aduh saya belum ngasi selamat nih.. hehe..
wah
kebetulan
lagi siap2 nikah neh
🙂
Semoga langgeng dan bahagia buat Fany and Yudis.
Om Zam., saya mau juga donk dibuatin klo dah mo nikah tar 😉
gk nyangka dibalik jenggot dan Syakodaaaap ada sisi romantis :-“
baru tau klo condong catur itu masuk ke Mega., Indonesia 😮
woohhhh wis rame iki
pesta yang ditanti para blogger selaen pesta blogger 2009 :d/
ga percoyo aku nang nuyok iki :drunk
‘nggolek pasport’
“ada yang mau saya bikinkan juga?”
zaaam zaaam janjimu dari jaman kapan mau ngeditin blogkuuuu
cintamu palsu!
huh!
Berarti nanti bisa terima pesanan ya Zam?
pengen…..mesen…*kapan yah?*:-“
Ehhhh, warnanya nice banget nih mas.. Kalo mau kawin.. aku ama mas zam deh.. eeeehh maksudnya lirik2 mas zam deh.. eeeeh salah lagi, maksudnya mau konsultasi sama mas zam ttg buat website2 kawinan, hehehehe..
^:)^ mangstab, jadi terinspirasi 😀
sebuah bakat lain dari kang zam….^^v
Wah, matursuwun tutorialnya.. ringkes tapi berguna… Aku penasaran dengan WP dan sepertinya pengen belajar ke arah situ meski ada godaan juga untuk pake Agile on Rails…
wew keren juga desainnya,sayangnya dirikubelum bisa wordpress:”>
buatin juga Janji Syakodap…bisa ?
pesen nggo taun ngarep Zam..
mantabs *two thumbs up* , mau donk diajarin cara bikin theme-nya, mas
manteb kang 😡
mantabs.
Kok ra tau diapdet… wah lhe duwe keset kie 🙂
keren euy zam web janjihati itu…
lalu kapan dirimu buat untuk dirimu sendiri… :d/
keyen bro !
itu pesta nikah kayak pre pesta blogger aja..
besok nikahanku kamu jadi EO nya ya..
saya suka dengan website anda karna bermanfaat .. RAHASIA dapat uang 10 juta per bulan dengan garansi 12 bulan/ 1 tahun , gagal uang kembali 3 kali lipat. klw kalian seriuz itu gampang banget.! SAYA BUTUH WAKTU ANDA 1 MENIT SAJA di sini, di http://www.RahasiaWebsitePemula.com/?id=kongsi!!
saya jamin anda akan puas dengan hasil nya!! buktiin aja!! Terimaksih
Wagh…kalo saia tulung dicariin ajah..hjahajja
menurut saya tempat yang lebih baik menyelenggarakan pernikahan adalah bali kerena bali memiliki panorama yang cukup baik contohnya,persawahan yang bertingkat-tingkat yang memiliki nilai seni .jika ingin kunjungi .bali wedding party