Pernah tak bila kita masuk satu website, rasa macam “Wah, clean gila… tenang je tengok.” Tapi ada juga website yang kita baru buka dua saat terus tekan butang ‘X’. Bezanya bukan pada warna semata-mata, bukan juga sebab font dia lawa. Tapi layout. Susunan. Aliran mata. Tenaga visual yang buat kita nak terus scroll sampai habis.
Dalam WordPress, seni hasilkan layout bukan lagi sekadar seret lepas tu lepas tangan. Nak hasilkan laman yang betul-betul engage dan kemas, kena tahu beberapa benda yang nampak kecil — tapi bila digabungkan, dia boleh jadi masterpiece.
Yang pertama, kita kena jadi ‘mesra’ dengan Container block. Ini bukan sekadar kotak kosong, tapi dia ibarat ‘rumah’ untuk segala isi kandungan laman web kita. Bila kita pandai main dengan Container, kita boleh kawal semua benda — dari jarak antara elemen, susunan layout ikut skrin, sampai ke warna latar belakang yang smooth gila. Dan dalam dunia visual, susunan ni penting. Orang suka benda yang tersusun. Hati pun jadi tenang bila tengok laman tu tak serabut.
Tapi seni sebenar bermula bila kita mula letak Container dalam Container. Ha, ini dia — layer dalam layer. Bayangkan kita buat satu bahagian khas untuk testimoni. Dalam testimoni tu pula, ada gambar orang tu, ada nama, jawatan dia, ada komen dia dan mungkin bintang rating sekali. Semua tu boleh dibahagi-bahagi guna Container kecil dalam Container besar. Bila susunan kita kemas, mesej yang kita sampaikan pun jadi jelas. Website bukan lagi sekadar paparan info, tapi jadi pengalaman. Bila orang rasa seronok scroll, dia lebih cenderung untuk percaya dan beli.
Satu lagi kegunaan best bila kita main Container dalam Container — ialah bila kita nak kawal luas background. Kadang kita nak satu section ada background warna lain, tapi kita tak nak semua isi kandungan melimpah ke tepi skrin. Kita nak background tu lebar, tapi konten tetap dalam ruang tengah. Dengan teknik nesting ni, kita boleh buat satu Container luar yang pegang background, dan satu Container dalam yang pegang konten. Jadi background nampak penuh, tapi teks tetap kemas dalam ruang baca. Balance. Inilah beza laman yang nampak pro dengan laman yang macam belum siap.
Nak lagi power? Kita kena kenal dua benda ni — Flexbox dan Grid. Dua-dua ni macam sistem tulang belakang dalam susunan elemen. Flexbox ni macam barisan. Semua benda dalam satu line, tersusun kiri ke kanan, atas ke bawah. Sesuai sangat untuk baris ikon, butang, atau kotak-kotak perkhidmatan. Grid pula macam papan catur. Kita boleh susun dalam bentuk baris dan kolum sekaligus. Nak letak 3 produk dalam 2 baris? Gunalah Grid. Nak buat galeri gambar yang responsive? Grid juga jawapannya.
Bila kita tahu bila nak guna Flex, bila nak guna Grid — kita sebenarnya dah ada kuasa untuk bentuk apa saja rupa laman yang kita nak. Tak payah lagi ikut template orang. Tak perlu lagi tengok laman lain sebagai ‘rujukan’. Sebab sekarang, kita dah tahu cara nak bina dari kosong. Dan kosong itu… ada potensinya bila kita tahu cara isi.
Akhirnya, seni reka bentuk laman web ni bukan tentang siapa paling banyak elemen, atau paling fancy animasi. Ia tentang intention — niat kita waktu susun elemen tu. Adakah kita susun sebab nak tunjuk cantik, atau sebab nak bantu pengunjung faham mesej dengan lebih mudah?
Kalau kita jujur dalam niat reka bentuk, dan kita gabungkan ilmu teknikal dengan sentuhan estetik… laman yang kita bina akan jadi lebih dari sekadar laman. Ia boleh jadi pengalaman. Dan pengalaman itulah yang buat orang datang, dan kekal.
