Blog

Sebenarnya, Apakah Itu Kod Pendek?

Jika anda perasan, salah satu prinsip utama WordPress adalah untuk sentiasa, sentiasa memudahkan segalanya untuk semua orang– pengguna baharu mahupun pembangun yang berpengalaman. Salah satu cara mereka mencapai matlamat ini adalah melalui penggunaan kod pendek (shortcodes).

Halaman Sokongan WordPress.com mentakrifkannya seperti berikut:

Kedengaran agak mudah. Sekarang, jika anda belum pernah mendengar tentang kod pendek sebelum artikel ini, dan anda tidak tahu rupa bentuknya, ia adalah teks seakan kod kuno yang diletakkan di dalam kurungan siku.

Berbanding dengan kod biasa, yang biasanya kelihatan seperti ini:

(Erm. Apa?)

Kod pendek secara amnya kelihatan seperti ini:

(Mudah sahaja.)

…dan jika anda seorang pembangun (malah, sesiapa sahaja yang pernah menggunakan komputer sekurang-kurangnya dua kali), anda pasti bersetuju bahawa perbuatan menaip dan mengklik semata-mata untuk menyiapkan satu tugasan kecil boleh memakan banyak masa anda. Atas sebab yang sama kita mempunyai pintasan papan kekunci, kod pendek wujud untuk memudahkan urusan kita semua, agar kita dapat menjimatkan masa demi melakukan dan menghasilkan perkara yang lebih baik; ia sangat menyerupai kekunci pintas kerana ia mempunyai tujuan yang sama.

Sekarang mari kita kembali kepada contoh kod pendek khusus ini, sama seperti di atas:

Yang khusus ini dinamakan embed shortcode dan terbina secara lalai di dalam WordPress. Ia membenamkan video daripada URL tersebut terus ke dalam kandungan anda. Jika anda sedang berada di WordPress sekarang, anda boleh menyalin dan menampal kod pendek di atas ke dalam tapak web anda sekiranya ingin mencubanya.

Walau bagaimanapun, kod pendek bukanlah penyelesaian mutlak untuk menjimatkan masa. Dalam artikel terdahulu kami, kami mengupas dengan lebih mendalam tentang kelemahan kod pendek yang tersendiri, serta apa yang sedang dirancang oleh Pasukan Sandwich untuk menanganinya.

Buat masa ini, anda boleh mencuba menggunakan kod pendek dan lihat sendiri perkara yang boleh dilakukannya untuk anda.

Selamat Membina Laman Web!

Oktober 2, 2026
Masalah Kod Pendek yang Tidak Diperkatakan

Kod pendek adalah salah satu kemuncak WordPress. Kod pendek menjadi jambatan antara pembangun dan pencipta laman, membolehkan pengguna meletakkan kandungan yang terperinci di hampir mana-mana sahaja yang mereka inginkan. Pencipta pemalam menyukai kod pendek kerana ini memberikan lebih banyak fleksibiliti tentang bagaimana dan di mana pengguna mereka memaparkan kandungan mereka.

Sekiranya anda tidak tahu apa itu kod pendek dan bagaimana rupanya, ia adalah teks seakan-akan kod kuno yang dibungkus dalam kurungan siku. Rupanya lebih kurang seperti ini:

Kod pendek khusus ini dipanggil kod pendek embed dan terbina secara lalai dalam WordPress. Kod khusus ini membenamkan video daripada URL tersebut ke dalam kandungan anda. Cuma salin dan tampal kod pendek di atas ke dalam laman web anda jika anda mahu mencubanya.

Di sebalik tabir, apa yang berlaku ialah apabila WordPress menemui kod pendek dalam kandungan anda, ia diproses dan ditukar menjadi sesuatu yang lain. Dalam kes kita di atas, setiap kali

kod pendek dikesan, WordPress mengambil URL dalam kod pendek tersebut dan menyemaknya dengan beberapa penyedia kandungan yang disokongnya. Apabila ia menemuinya, ia kemudian mendapatkan kod benam iframe yang sesuai dan memaparkannya sebagai ganti.

Jadi apakah masalahnya di sini? Ia kedengaran cukup mudah, anda hanya perlu memasukkan teks pendek dengan tanda kurung dan selesai.

Muncul pula API Kod Pendek…

Lambakan Kod Pendek

API Kod Pendek membuka ruang penciptaan kod pendek kepada para pembangun. Disebabkan ini, para pembangun boleh menambah kod pendek mereka yang tersendiri di dalam pemalam mereka.

Ini hebat, kini dengan hanya keratan pendek seakan kod (maka wujudlah nama “shortcode”), pengguna baharu dan lanjutan sama-sama boleh meletakkan hampir apa jua jenis kandungan yang mereka inginkan di mana-mana sahaja.

Secara lalai, WordPress hanya mempunyai segelintir kod pendek. Mudah untuk menaipnya berdasarkan ingatan kerana bilangannya sangat sedikit. Namun, jika anda memasang beberapa pemalam, jumlah kod pendek akan meningkat dengan pantas kepada sedozen atau lebih, dan dalam sesetengah kes melebihi seratus. Setiap kod pendek mempunyai set atribut dan arahan penggunaannya yang tersendiri. Setiap pemalam berkemungkinan besar mempunyai dokumentasi tersendiri tentang bagaimana semua kod pendek mereka berfungsi dan menyenaraikan semua parameter yang tersedia untuk setiap satunya. Tetapi anda pasti tidak siuman jika cuba menghafal semua kod pendek dan atributnya.

Masalahnya ialah tiada ruang berpusat di mana anda boleh mencari semua kod pendek yang tersedia di laman web anda dan bagaimana untuk menggunakannya.

Ada yang Cuba Menyelesaikan Masalah Ini

Beberapa pemalam cuba menyelesaikan masalah ini dengan mempersembahkan semua kod pendek mereka sendiri dalam menu lungsur yang mudah diakses. Kemudian, mengklik pada salah satunya akan mengeluarkan kod pendek tersebut, lengkap dengan semua atribut yang mungkin untuknya. Anda tidak perlu lagi menghafalnya, dan ini merupakan perkara yang bagus.

Ada juga yang melangkah lebih jauh dan menambah borang timbul tetapan yang mempunyai kotak pilihan dan pemilih warna untuk mengisi atribut kod pendek tersebut.

Penyelesaian ini boleh dikatakan berkesan. Walau bagaimanapun, setiap pemalam hanya menyenaraikan kod pendek mereka sendiri. Jadi jika setiap pemalam mencipta bentuk pemilih kod pendek mereka tersendiri, anda pasti akan mengalami keadaan di mana terdapat beberapa pemilih kod pendek pada skrin anda (Perkara ini pernah berlaku kepada saya sebelum ini).

Dengan kata lain, setiap pemalam membuat hal masing-masing dan melaksanakan penyelesaian mereka sendiri untuk kod pendek mereka. Sesetengah pemalam menambah butang baharu di sebelah butang “Add Media”, atau butang baharu di dalam TinyMCE.

Jadi sekarang anda mungkin terfikir, “Mengapa tidak kumpulkan juga kod pendek pemalam lain dan masukkannya ke dalam menu lungsur / pemilih kod pendek anda juga?” Nah, itulah sebenarnya yang saya fikirkan. Namun, ini lebih mudah diucapkan daripada dilakukan. Saya akan jelaskan sebabnya sebentar lagi, tetapi mari kita lihat dahulu bagaimana rupa penyelesaian yang ideal.

Penyelesaian Ideal

Rancangan yang sempurna adalah dengan mencipta pemalam yang mengumpulkan semua kod pendek yang tersedia di laman web anda, kemudian memaparkan senarai tersebut kepada anda dan turut membantu anda mengisi semua atribut. Setiap kali anda memasang pemalam baharu, semua kod pendek yang baru diperkenalkan itu juga akan dipaparkan kepada anda.

Bayangkan satu tempat berpusat di mana semua kod pendek anda diletakkan untuk memudahkan akses. Setiap kod pendek akan menerangkan apa fungsinya dan pemalam mana miliknya. Kemudian bagi setiap atribut yang tersedia, bayangkan setiap satunya mempunyai label, cara yang betul untuk memilih nilai bagi mereka dan penerangan. Anda akan dipaparkan menu lungsur, pemilih warna, butang radio, suis togol dan sebagainya.

Perkara seperti ini akan menjadikan kehidupan kita sebagai pencipta laman web dan kandungan lebih mudah. Tiada lagi keperluan menyemak pelbagai dokumentasi, atau bahagian yang berlainan pada ruangan pentadbir anda hanya untuk menyalin kod pendek yang dijana bagi gelangsar (slider) yang ingin anda gunakan.

Kaveat

Malangnya, agak sukar untuk melakukan perkara seperti itu buat masa ini. Tiada cara pasti untuk mengetahui semua butiran kod pendek. Anda boleh mendapatkan senarai semua kod pendek, tetapi hanya tag/nama sebenar mereka, anda tidak boleh mendapatkan sebarang butiran tambahan mengenainya seperti senarai atribut, fungsi dan jenisnya – seperti rentetan, warna atau nombor. Anda juga tidak boleh mendapatkan sebarang bentuk penerangan bagi setiap atribut.

Nota kepada para pembangun di luar sana: ya, terdapat argumen ketiga yang baru ditambah untuk fungsi shortcode_atts, tetapi ia bukanlah argumen yang wajib. Jadi melainkan setiap pembangun pemalam di dunia melaksanakannya, kita masih tidak mempunyai cara pasti untuk menentukan semua atribut sesuatu kod pendek.

API Kod Pendek tidak menyediakan sebarang kemudahan untuk menambah penerangan kod pendek, atribut penghantaran jenis (type casting) atau penerangan atribut. Dan melainkan WordPress sendiri menambah kawasan berpusat untuk mengakses kod pendek, saya ragu kemudahan ini akan dicipta.

Kesimpulan

Buat masa ini, tugas menyusun kod pendek diserahkan kepada setiap pembangun. Melainkan kaedah berpusat dibangunkan dalam WordPress, bersedialah untuk terus melihat beberapa butang “Add Shortcode” dalam bahagian belakang (backend) anda. Sama ada perkara seperti ini patut ditambah ke dalam Teras WordPress atau tidak adalah perbincangan besar yang lain sama sekali.

Satu Alternatif

Terdapat pemalam pembina halaman yang menangani perkara ini secara berbeza. Daripada mengesan kod pendek secara terprogram, mereka mempunyai pemeta kod pendek di mana pengguna boleh memasukkan setiap butiran kod pendek secara manual. Setelah selesai, ia kemudian akan tersedia dalam pembina halaman. Walaupun ini berfungsi, ia hanya tersedia di laman web anda sendiri.

Kami di sini di Page Builder Sandwich sedang mencipta sesuatu yang diharapkan dapat menyelesaikan teka-teki kod pendek ini. Langgan surat berita kami di bawah untuk mendapatkan pemberitahuan tentang perkembangan kami.

Oktober 2, 2026
Menambah Peta Bergaya ke Halaman Anda Ialah Pengalaman Interaktif
Anda kini boleh meletakkan peta dalam reka bentuk halaman anda menggunakan Page Builder Sandwich!

Ia agak pelik untuk berasa teruja tentang peta. Anda ambil URL Google Map kemudian benamkannya. Atau mungkin ambil pemalam peta dalam talian dan masukkan kod pendek. Atau mungkin pembina halaman anda yang lain sudah memilikinya dan anda boleh menambahkannya pada bila-bila masa yang anda mahu. Tetapi sebab mengapa kami teruja ialah kami telah membawa penambahan peta ke tahap yang baharu sepenuhnya.

Berikut ialah pratonton:

Cara Lama yang Membosankan untuk Menambah Peta

Berikut ialah cara anda menambah peta dengan pembina halaman biasa anda:
1. Anda seret elemen peta baharu,
2. Anda masukkan latitud dan longitud dalam medan,
3. Anda masukkan nilai lain dalam medan seperti ketinggian peta, lebar peta, tandakan kotak pilihan gaya jalan, dll.,
4. Tekan pratonton dan semak rupanya serta putuskan bahawa anda perlu menukar sesuatu untuk menjadikannya kelihatan lebih hebat,
5. Kembali ke pembina halaman dan tukar nilai tersebut, kemudian ulangi langkah 4 di atas.
Cara Page Builder Sandwich Menambah Peta

Peta dalam laman web adalah interaktif – anda boleh menggeser ke sekeliling, mengezum masuk dan keluar peta. Jadi kami fikir, mengapa tidak singkirkan semua tekaan dan benarkan orang ramai berinteraksi dengan peta secara langsung semasa membina halaman anda?

Berikut ialah cara anda menambah peta dengan Page Builder Sandwich:
1. Anda tambah elemen peta,
2. Anda taipkan latitud dan longitud atau alamat di mana anda mahu peta dipusatkan,
3. Anda gerakkan peta ke sekeliling dan zum masuk atau keluar untuk mendapatkan rupa yang anda inginkan,
4. Tambah beberapa warna menarik pada peta anda mengikut gaya anda,
5. Tekan simpan.
Cara kami jauh lebih menyeronokkan dan intuitif. Anda pada asasnya berinteraksi dengan peta seperti yang anda lakukan dengan Google Map biasa.

Peta Berwarna atau Gayakannya dengan SnazzyMaps

Ciri hebat yang telah kami sediakan ialah keupayaan untuk memberi warna dan mewarnakan peta anda, dan ia sangat mudah dilakukan. (Ini untuk versi premium sahaja). Jika anda ingin mewarnakan peta anda, cuma klik pada pemilih warna kami dan pilih warna, dan peta anda akan berubah dengan serta-merta.

Berikut ialah satu yang telah kami warnakan merah jambu:

Page Builder Sandwich juga menyokong skema warna yang lebih terperinci melalui SnazzyMaps. Mereka mempunyai senarai besar skema warna yang disumbangkan oleh pengguna, dan mereka membenarkan anda mencipta skema anda sendiri jika anda mahukan lebih kawalan ke atas warna.

Hanya cari skema warna yang anda suka, kemudian ambil kod dan tampal ke dalam Page Builder Sandwich. Skema warna tersebut akan digunakan pada peta anda dengan serta-merta.

Berikut ialah skema warna menarik yang dipanggil papuportal dark daripada SnazzyMaps:

Letakkan Peta di Mana-mana yang Anda Suka

Terdapat banyak lagi perkara menarik yang boleh anda lakukan dengan peta – seperti menambahkannya dalam baris lebar penuh untuk kesan yang lebih dramatik. Anda juga boleh menambahkannya di dalam karusel jika anda suka, atau di dalam tab (ciri yang akan datang).

Jika anda belum mempunyai Page Builder Sandwich, anda boleh mencuba versi premium dengan mengklik pada pautan “Live Demo” di atas.
Oktober 2, 2026
5 Sebab Mengapa Ruang Putih Penting

Pada dasarnya, ruang putih, mengikut takrifan paling asasnya, ialah ruang di sekeliling dan antara semua elemen gubahan yang dibiarkan kosong. Ia bukan sekadar pembaziran ruang skrin, seperti yang difikirkan oleh kebanyakan pemilik laman web. Apabila digunakan dengan baik, ruang putih sebenarnya boleh memberi manfaat untuk mempromosikan sesuatu produk dengan lebih baik. Ia merupakan kunci penting untuk mencipta reka bentuk yang baik dan menjadikan laman web lebih baik dalam setiap aspek.

Walaupun nama ruang putih membayangkan bahawa ruang tersebut berwarna putih, ia tidak semestinya benar-benar berwarna putih. Ruang putih sebenarnya boleh terdiri daripada sebarang warna—Malah ia boleh mempunyai corak atau tekstur yang halus. Ia merupakan kawasan yang anda tidak mahu mata fokuskan. Sebagai alternatif, ia dipanggil ruang negatif.

Jadi, mengapakah ruang putih penting?

Sumber Imej: News Feed

Sebab #1: Meningkatkan kebolehbacaan

Ruang putih antara garis dasar dan perenggan sebenarnya membantu orang membaca semua kandungan di laman web dengan selesa. Menyelaraskan perincian kecil laman web anda (seperti jarak baris/leading atau jarak huruf) boleh membawa perbezaan yang besar dalam memudahkan pembacaan.

Matlamatnya adalah untuk membuatkan orang mahu terus membaca dengan mereka bentuk reka letak yang menyenangkan pandangan mata.

Sumber Imej: HP Magic Words

Sebab #2: Mempercepatkan interaksi

Sejujurnya: kebanyakan pelawat anda tidak mempunyai kesabaran yang cukup untuk melihat dengan teliti semasa melayari laman web. Apabila laman web kelihatan berselerak, ia mengganggu pengguna daripada mencari apa yang mereka inginkan.

Ruang putih sepatutnya membantu membimbing pandangan pelawat di sekitar halaman. Elemen yang lebih sedikit bersaing untuk mendapatkan perhatian ditambah dengan penggunaan ruang putih yang betul dapat mengelakkan gangguan yang melambatkan pelawat.

Sumber Imej: Google

Sebab #3: Menarik perhatian kepada elemen yang betul

Ruang putih boleh memberikan petunjuk visual kepada pengguna tentang bahagian yang patut mereka lihat. Apabila digunakan dengan cara yang betul, ruang putih membantu menekankan maklumat dan menarik perhatian kepada kawasan tertentu di laman web anda.

Ingat, jika segala-galanya menonjol, tiada apa-apa yang akan menonjol.

Sumber Imej: Pocket Penguins

Sebab #4: Tanggapan pertama amat penting

Rupa dan rasa laman web ialah kunci utama kepada tanggapan pertama yang baik. Tanggapan pertama yang baik sering membawa kepada tempoh lawatan yang lebih lama. Ruang putih yang terlalu sedikit boleh menjadikan laman web anda kelihatan murah dan tidak boleh dipercayai. Pelawat tidak akan menganggap laman web atau jenama tersebut boleh dipercayai melainkan ia kelihatan menarik. Mempunyai jumlah ruang putih yang mencukupi membantu mencipta nada yang sesuai untuk laman web anda. Ruang putih boleh menjadi cara untuk menyampaikan daya cipta, kesegaran, dan kadangkala, keanggunan.

Petua: Ini idea tentang cara menjadikan reka bentuk web anda mudah dan biasa dilihat.

Sumber Imej: Flock Knitwear

Sebab #5: Membantu mencipta ruang bernafas dan keseimbangan

Reka bentuk yang seimbang tidak semestinya simetri. Elemen reka bentuk yang besar boleh diimbangi oleh beberapa elemen yang lebih kecil. Menambah ruang putih ialah cara terbaik untuk mengimbangi elemen reka bentuk yang berbeza saiz pada halaman anda. Cipta aliran supaya mata pengguna tidak melilau ke merata tempat. Reka bentuk yang baik sepatutnya dapat membimbing pengguna dari satu titik ke titik yang lain tanpa mengelirukan pelawat.

Kesimpulan

Lain kali anda melawat laman web dan mendapati diri anda meluangkan masa seketika di situ, fikirkan perkara yang membuatkan anda kekal dan membaca. Adakah anda berpendapat jarak baris menjadikan artikel lebih mudah dibaca? Adakah pengalaman itu membuatkan anda ingin terus kembali lagi? Adakah anda sukar mencari navigasi?

Ambil perhatian terhadap penggunaan ruang putih yang baik di laman web tersebut. Jika anda rasa ia juga boleh berfungsi di laman web anda, belajarlah untuk mengaplikasikan dan mengurus jumlah ruang yang perlu anda peruntukkan pada elemen anda sehingga anda rasa anda telah menyampaikan nada dan kebolehbacaan yang tepat tanpa mengorbankan “aliran” yang anda inginkan untuk laman web anda.

Matlamat utama mana-mana laman web adalah komunikasi. Daya tarikan visual seiring dengan kejayaan laman web anda.

Oktober 2, 2026

WordPress.com VS WordPress.org

Jika anda agak baru dalam membina laman web, kemungkinan besarnya, anda mungkin tidak biasa dengan perdebatan hebat antara WordPress.com vs WordPress.org. Anda mungkin tidak tahu pun bahawa salah satu daripadanya wujud, serta pelbagai kebaikan dan keburukan masing-masing. Jadi apakah sebenarnya perdebatan hebat antara menggunakan WordPress.com dan WordPress.org ini? Adakah salah satunya sekadar tiruan murah yang menunggu masa untuk disaman?

Sebenarnya, tidak.

Perdebatan ini, secara ringkasnya, adalah mengenai mana satu daripada dua perkhidmatan WordPress ini yang lebih sesuai untuk laman web yang ingin anda bina. Tiada satu pun daripadanya yang meniru antara satu sama lain, dan kedua-dua laman ini dimiliki oleh WordPress; cuma salah satunya (.com) merupakan versi yang lebih mesra bukan pembangun berbanding yang satu lagi, manakala .org mempunyai kekangan yang jauh lebih sedikit dalam pembinaan laman berbanding .com.

“Namun, bagaimana saya hendak tahu mana satu yang saya perlukan?”

Jawapan bagi soalan ini semuanya bergantung pada keperluan laman web anda pada masa hadapan. Tiada satu entiti WordPress yang secara objektifnya merupakan versi yang “lebih baik” atau malah “terbaik” untuk digunakan. Kedua-duanya mempunyai ciri unik tersendiri, dan kebaikan serta keburukan yang seimbang.

WordPress.com: Mengapa dan Bila Patut Saya Menggunakannya?

WordPress.com menguruskan keperluan asas untuk anda, membolehkan anda memberi lebih tumpuan kepada kandungan laman anda. Ia merupakan pembina laman yang dikendalikan dan dihoskan sepenuhnya oleh sekumpulan syarikat yang dikenali sebagai Automattic. Anda mendapat pengehosan premium, sandaran, keselamatan, dan sebagainya. Ini bermakna anda boleh memberi tumpuan kepada kandungan laman anda dengan lebih mudah, berbanding perlu menghabiskan masa berjam-jam membinanya dari awal.

Namun perlu diingat bahawa WordPress.com juga mempunyai kekangannya yang tersendiri. Walaupun anda mungkin tidak perlu begitu risau tentang penyelenggaraan bahagian dalaman laman web anda, anda perlu ingat bahawa anda mungkin tidak akan mempunyai kebebasan sebanyak yang anda inginkan. Walaupun menyesuaikan antara muka laman web anda mungkin bukan satu masalah (WordPress.com didatangkan dengan banyak tema, misalnya), penambahan ciri dan elemen tertentu dalam bentuk pemalam mungkin menjadi masalah, terutamanya jika laman web anda memerlukan ciri khusus yang tidak tersedia di WordPress.com.

Cara menyelenggara laman web adalah perkara yang sama sekali berbeza. Ia sangat bergantung pada 1.) anda bukan pembangun WordPress 2.) anda tidak berhasrat untuk belajar mengekod, atau 3.) mempunyai masa yang terhad atau tiada masa langsung untuknya.

WordPress.org: Bila Masa Sesuai untuk Dipertimbangkan?

Satu panduan asas apabila mempertimbangkan WordPress.org adalah apabila anda sekurang-kurangnya sedikit mahir dengan cara kerja kod, atau bersedia meluangkan masa untuk mempelajarinya. Memandangkan WordPress.org ialah versi WordPress yang dihoskan sendiri, anda boleh menyelami dan mencubanya sedalam yang anda mahu. Tambahan pula, anda mempunyai kebebasan untuk mengutak-atiknya sebanyak atau sedikit yang anda inginkan. Anda akan bertanggungjawab mencari hos sendiri, menyediakan sandaran keselamatan sendiri, dan menyelenggara laman web secara keseluruhan oleh anda sendiri– dan yang lebih penting, mengikut kehendak anda sendiri.

“Tetapi tunggu, mengapa saya inginkan perkara itu? Bukankah tujuan WordPress adalah untuk memudahkan pembinaan laman web?”

…Tidak semestinya. Fikirkan begini: The Daily Post menghasilkan analogi yang sangat baik antara WordPress.org dan WordPress.com, dengan cara yang membolehkan mereka yang paling baru bermula sekalipun (seperti saya) memahami intipatinya serta-merta.

Menurut mereka, anda perlu menganggap WordPress.com sebagai sesuatu yang anda tidak miliki sepenuhnya. Contohnya, bayangkan diri anda semasa berumur 15 tahun dan masih tinggal bersama ibu bapa. Jika anda ingin mengecat bilik tidur anda, anda perlu meminta kebenaran ibu bapa anda terlebih dahulu (yang sudah tentu memiliki hak milik penuh ke atas rumah tersebut, termasuk bilik anda). Dari segi teknikalnya, bilik itu milik anda, tetapi hakikatnya, tidaklah begitu sepenuhnya.

Oleh itu, jika anda perlu atau ingin membuat sebarang perubahan drastik (seperti mengecat dinding, atau membesarkan bilik), anda masih perlu berbincang dan/atau mencapai kompromi dengan pemilik sebenar rumah tersebut, iaitu ibu bapa anda. Namun kelebihannya ialah, apabila fius di ruangan bawah tanah terbakar, atau penyaman udara rosak, ibu bapa anda yang akan menguruskannya, dan anda tidak perlu risau tentang apa-apa.

Sebaliknya, WordPress.org ialah sesuatu yang boleh anda sesuaikan dan utak-atik secara bebas mengikut kehendak anda sendiri. Ini boleh dibandingkan dengan saat anda akhirnya berpindah keluar pada usia 18 tahun dan memiliki pangsapuri anda sendiri. Memandangkan anda mempunyai pemilikan penuh ke atas kediaman anda, anda tidak perlu berkompromi dengan sesiapa untuk mengecat dinding dengan warna yang sering ditakuti ibu anda; anda mempunyai kebebasan untuk membuat keputusan, dan/atau mengupah seseorang yang menepati piawaian anda untuk melakukannya untuk anda. Di samping itu, anda juga mempunyai kebebasan untuk memilih dengan tepat unit penyaman udara yang anda inginkan untuk ruang tamu anda. Cuma jika ia rosak, anda perlu mengupah juruteknik untuk membaikinya, atau mencari punca kerosakan dan membaikinya sendiri (yang tidaklah begitu buruk, kerana ini satu pengajaran, dan belajar itu bagus).

Kini, diharapkan anda telah mendapat gambaran yang lebih jelas tentang perbezaan ketara antara WordPress.com dan WordPress.org. Namun secara ringkasnya:

pasang seberapa banyak atau sedikit yang anda mahu tema hanya terhad kepada tema WordPress, anda perlu membayar yuran tertentu untuk membuang iklan.Anda mempunyai kawalan hampir penuh ke atas laman web anda; anda boleh menambah, menyesuaikan, atau bahkan membina tema anda sendiri.

Kawalan kandungan adalah terhad;

WordPress.com	WordPress.org
Dihoskan sepenuhnya oleh WordPress; semua keperluan asas diliputi.	Dihoskan sendiri; pilih keperluan asas anda sendiri, atau pilih yang lebih baik.
Ciri-ciri terhad kepada apa yang ditawarkan oleh WordPress.com	Ribuan ciri dalam bentuk pemalam;

Ini adalah beberapa perbandingan yang hadir semasa meneliti perbezaan antara kedua-duanya. Pilihan antara kedua-duanya akhirnya bergantung kepada tahap kebebasan yang anda inginkan dalam mencipta laman web anda, dan berapa banyak sumber (masa, usaha, wang, dsb.) yang sanggup anda korbankan untuknya. Ingat bahawa kedua-duanya adalah pilihan yang sangat penting untuk dipertimbangkan sebelum anda memutuskan platform WordPress mana yang paling sesuai untuk anda. Jadi, jangan tergesa-gesa dalam membuat keputusan!

Selamat Membina Laman Web!

Oktober 2, 2026

Mengapa WordPress?

Satu perkara penting untuk dipertimbangkan semasa membina tapak web pertama anda– sama ada anda sebuah perniagaan, pekerja bebas, atau sesiapa dan apa sahaja, sebenarnya– ialah bukan semua orang mahir dalam bahasa kod dan pembangunan perisian. Anda mungkin, contohnya, seorang chef yang ingin menerbitkan resipi secara dalam talian. Anda juga mungkin seorang mahasiswa Seni Halus yang memerlukan portfolio yang kelihatan profesional, atau perniagaan pemula yang memerlukan laman web mereka sendiri. Sama ada salah satu daripadanya atau apa sahaja di antaranya, hakikatnya tetap bahawa walaupun sesetengah daripada kita mungkin biasa dengan asas kod, kita bukanlah semua pembangun sepenuh masa, dan bukan semua orang yang memerlukan atau mahukan tapak web tahu cara membuatnya dari bawah. Di sinilah WordPress mungkin berguna. Timbullah persoalan: “Mengapa WordPress?”

SEBAB #1

WordPress ialah Sistem Pengurusan Kandungan, Menjadikannya Sangat Mesra Pengguna.

Perkara pertama yang anda perlu tahu ialah WordPress merupakan Sistem Pengurusan Kandungan (atau CMS). Secara lebih mudah, ini bermakna WordPress membolehkan penggunanya mencipta tapak web tanpa perlu membina kod dari awal. Ia mempunyai antara muka yang sistematik dan teratur yang membolehkan anda sentiasa menyemak dan mengawal keadaan tanpa perlu mengutak-atik kod setiap masa.

Berbanding membina tapak web dari awal, yang biasanya bermula seperti ini:

Dengan Sistem Pengurusan Kandungan, anda boleh bermula dengan sesuatu seperti ini:

Antara muka bahagian belakang WordPress. Mengurus dan mencipta tapak web menjadi lebih mudah dengan CMS.

Anda mungkin bertanya kepada diri sendiri: “WordPress kelihatan hebat, tetapi bagaimana jika ia tidak mempunyai ciri yang saya inginkan untuk laman web saya?”, atau “bagaimana jika saya mahukan peta, pemain muzik, atau enjin caching, atau sistem keselamatan yang lebih andal?”

…Secara teknikalnya, WordPress berkemungkinan besar mempunyai ciri yang anda inginkan, dan ia akan hadir dalam bentuk Pemalam WordPress.

SEBAB #2

Pemalam: Pelengkap Terbaik untuk Kek WordPress

Jika anda bimbang bahawa WordPress tidak menyertakan ciri khusus yang anda inginkan di tapak web anda, jangan risau: ia berkemungkinan besar ada.

Pemalam ialah “ciri sambungan” yang wujud untuk meningkatkan fungsi laman web WordPress anda. Jika anda seorang usahawan yang memerlukan borang hubungan untuk tapak web anda, anda mungkin perlu mengambil perhatian bahawa WordPress sendiri tidak mempunyai ciri tersebut, tetapi terdapat banyak pemalam yang memilikinya. Dan memandangkan WordPress adalah sumber terbuka—bermakna sesiapa sahaja boleh menyumbang kepada pembangunannya—pemalam baharu dicipta secara kerap. Anda boleh mendapatkan borang hubungan yang anda inginkan, dan banyak lagi. Anda mendapat kebebasan untuk menambah pemalam lain merangkumi butang perkongsian sosial, sehinggalah peta, dan juga langkah keselamatan tambahan untuk laman web anda, di samping pelbagai lagi ciri dan sambungan lain. Sekarang beritahu saya bahawa ia tidak kedengaran hebat.

Setakat ini, WordPress mempunyai sekitar beribu-ribu pemalam ini—dan sesetengah daripadanya malah tersedia secara percuma dan/atau mempunyai versi percuma, termasuk PBS.

SEBAB #3

Sumber Terbuka: Komuniti WordPress

WordPress ialah Sumber Terbuka. Ini bermakna sesiapa sahaja bebas untuk menyumbang kepada pembangunannya, dan sesiapa sahaja terbuka untuk mempelajari kod terasnya bagi mengetahui lebih lanjut tentang pembangunan perisian, dan juga WordPress itu sendiri. Malah terdapat perniagaan yang didedikasikan sepenuhnya untuk mencipta dan membangunkan produk berkaitan WordPress, seperti pemalam dan tema (seperti kami!)

Oleh kerana WordPress adalah sumber terbuka, terdapat ramai pengguna, pembangun, dan juga pereka bentuk yang sentiasa bekerjasama serta saling membantu menyelesaikan masalah berkaitan WordPress. Dengan cara ini, anda mendapat bantuan sebenar daripada orang sebenar, dan pada masa yang sama, belajar antara satu sama lain. Ini adalah sesuatu yang jarang sekali dapat dilakukan oleh perkhidmatan perhubungan pelanggan biasa anda.

SEBAB #4

WordPress adalah Sahih dan Berwibawa.

CNN, The Official Star Wars Blog, Time Magazine, dan juga (TERPERANJAT!) Beyonce semuanya mempunyai laman web yang dikuasakan oleh WordPress, antara ramai lagi. Nama-nama besar ini bukan satu-satunya perkara yang menyokong kesahihan WordPress– menurut Treehouse.com, kira-kira 25% daripada semua tapak web di web dikendalikan oleh WordPress. Memandangkan betapa berjuta-juta dan beribu-ribu tapak web yang wujud… ya, 25% adalah angka yang cukup besar.

SEBAB #5

Banyak Pilihan Penyesuaian!

WordPress mempunyai banyak tema yang tersedia untuk anda dan tapak web anda. Anda bebas memilih daripada versi percuma, versi premium, atau membina sendiri (atau mengupah seseorang untuk membinanya untuk anda!).

SEBAB #6:

Ia Percuma.

Ya, anda membacanya dengan betul. Melalui Pembangunan Tempatan, WordPress adalah percuma sepenuhnya, dan anda boleh memasangnya dalam komputer anda hanya dengan satu klik butang. Begitu juga, daripada mengupah pembangun, anda boleh menggunakan apa sahaja pengetahuan yang anda ada tentang kod untuk mempelajari lebih lanjut tentang cara WordPress berfungsi (dan hey, belajar sentiasa bagus).

…apatah lagi jika ada kemungkinan anda tidak mempunyai masa untuk mendalami WordPress dan pembinaan laman secara terperinci, anda sentiasa boleh mendapatkan pemalam pembina halaman yang hebat dan mencuba pemalam kami.

Ingat bahawa terdapat kemungkinan yang tidak berkesudahan dengan WordPress, dan tidak perlu menjadi seorang genius untuk memahami cara semuanya berfungsi!

Menggunakan WordPress boleh menjimatkan banyak masa, wang dan usaha anda. Dan pada masa sumber-sumber tersebut sangat terhad, ingatlah bahawa laman WordPress, pemalamnya (seperti PBS!), temanya, dan terutamanya komunitinya, benar-benar boleh membantu anda dan menjadikan segala-galanya lebih mudah untuk anda.

Selamat Membina Laman Web!

Oktober 2, 2026
Pemetaan Kod Pendek: Bagaimana PBS Akan Menyokong 800+ Pemalam & 2,000+ Kod Pendek
When I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy, convenient.

Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.

I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.

I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.

I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.

Sejak beberapa minggu lalu, pasukan PBS telah menambah elemen peta, dan juga elemen tab.

Kini, ia kelihatan seperti rutin yang agak mudah dan biasa bagi kami untuk terus menambah elemen baharu setiap beberapa hari.

But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.

And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”

I know what you’re thinking: “How the heck can you support that much shortcodes? Is that even possible?”

Well, the simple answer is yes. Yes it is.

And we’ve managed to achieve this feat through shortcode mapping.

What is Shortcode Mapping?

Shortcode mapping makes building shortcodes more friendly.

Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

Kelebihan sistem seperti ini agak besar:

1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.

2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!

3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.

4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.

5.) Overall faster page building time!

Pemetaan kod pendek bukanlah perkara baharu, dan banyak pembina halaman sudah memilikinya. Namun, apakah yang membezakan milik kami?

Bagaimana Pemetaan Kod Pendek Berfungsi dalam Pembina Halaman Lain

Each person/site does their own shortcode mapping.

Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.

Dalam senario ini, beban pemetaan kod pendek kemudiannya diserahkan kepada anda, pengguna. Jika anda mahu semua kod pendek anda dipetakan sepenuhnya dengan semua atribut (dan dengan pemilih warna yang cantik serta perkara lain), anda perlu memastikan untuk memasukkan setiap perincian bagi setiap satu kod pendek.

What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.

Bagaimana Pemetaan Kod Pendek Berfungsi dalam Page Builder Sandwich

Shortcode mappings are shared across all users.

Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.

Ini memberi kami banyak manfaat menarik:
1. Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
2. Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
3. It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
4. Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
5. Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
6. Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!
In case you’re interested in reading into how we made all of this possible, we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).

Langgan Surat Berita Kami!

You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.

So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!
Oktober 2, 2026
3 Perkara untuk Dipertimbangkan Sebelum Menyelami Pembina Halaman

Ada kemungkinan anda berada di sini kerana anda telah mendengar bahawa PBS berkemungkinan besar salah satu jalan pintas terpantas untuk membina laman web. Walaupun pembina halaman, secara amnya, wujud untuk memudahkan perkara, masih terdapat beberapa perkara yang anda mungkin ingin pertimbangkan sebelum menyelami lebih mendalam alam pembangunan WordPress ini.

Mempelajari WordPress: Prasyarat Penting Pembina Halaman

Ini mungkin perkara yang paling jelas dalam senarai ini, tetapi masih merupakan yang paling penting. Malangnya, Pembina Halaman tidak boleh dibeli secara berasingan begitu sahaja. Ia datang dalam bentuk pemalam dalam WordPress, yang anda perlu pasang dan pelajari untuk mengendalikannya. Yakinlah bahawa WordPress ialah salah satu cara termudah dan paling sah untuk membina laman web. Anda tidak akan menyesal mengetahui sesuatu yang teknikal, memandangkan zaman kita berada sekarang. Terdapat perbezaan antara WordPress.com dan WordPress.org, dan mengetahui yang mana satu memenuhi keperluan anda juga menjimatkan masa!

Namun, jika anda berasa agak gentar dengan banyaknya sesetengah istilah teknikal dalam artikel ini, jangan bimbang. Terdapat beberapa laman berguna yang boleh anda lawati untuk membantu anda bermula. Antaranya ialahWordPress Codex, dan Treehouse. Ia memuatkan petua WordPress dan pembinaan laman web, bergantung pada keperluan dan tahap pengetahuan anda.

Anda mungkin mahu menguji keadaan terlebih dahulu, sekadar untuk memastikannya

Adalah idea yang baik untuk mencuba versi percuma dan/atau percubaan sebelum membuat sebarang pembelian besar yang mungkin akhirnya anda sesali pada masa hadapan. Syukurlah, kebanyakan pembina halaman disertakan dengan versi percuma/demo. Sudah tentu, kita juga boleh meneliti banyak ulasan yang boleh dipercayai tentang pembina halaman manakala yang lain membandingkan dan membezakan pembina halaman. Pastikan anda menimbang pilihan anda dengan teliti!

Selain meneliti artikel dan ulasan, salah satu perkara yang kami sukai tentang WordPress ialah ia mempunyai komuniti yang besar di belakangnya. Terdapat individu, pasukan, dan juga perniagaan, yang sedia menghulurkan bantuan kepada rakan pengguna WordPress mereka, terutamanya pengguna baharu seperti anda! Komuniti ini pada asasnya beroperasi atas skim saling membantu (pay-it-forward) berbanding konsep memberi dan menerima.

Reka bentuk membawa perbezaan yang besar

Peminat WordPress Donna Fontenot Cavalier menyatakan pandangan yang sangat bernas mengenai Pembina Halaman seret dan lepas, serta kepentingan reka bentuk asas. Walaupun pembina seret dan lepas seperti PBS dapat menjimatkan banyak masa anda, pengetahuan asas dan sekurang-kurangnya sedikit kebiasaan dalam estetika merupakan satu lagi perkara penting untuk dipertimbangkan semasa membina laman web. Bayangkan senario ini– katakan anda memperoleh pembina halaman hebat pilihan anda: itu bagus! Tetapi kemudian katakan anda seorang yang tidak begitu mahir dalam menilai seni, reka bentuk dan fungsi: alamak.

Namun, jangan risau. Page Builder Sandwich bukan sekadar Pembina Halaman; pasukan kami juga berdedikasi untuk membantu pengguna WordPress yang lain. Jadi jika anda menghadapi sedikit masalah berkaitan reka bentuk, jangan risau– kami mempunyai banyak artikel di sini di Blog PBS dengan pelbagai petua berguna untuk membantu anda bermula. Dengan cara itu, anda dapat melakukan lebih banyak perkara, belajar lebih banyak, dan kurang risau.

Ingat, jika anda mempunyai sebarang soalan atau kebimbangan mengenai pembina halaman, atau apa-apa yang berkaitan dengan perkara di atas, jangan segan untuk tinggalkan mesej di ruangan komen di bawah. Kami sentiasa berbesar hati untuk membantu pelanggan kami.

Selamat Membina Laman Web!

Oktober 2, 2026
5 Tip Mudah Untuk Menjadikan Laman Web Anda Kelihatan Menarik

In general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.

Berikut ialah beberapa tip asas tentang perkara yang boleh anda lakukan untuk menambah baik reka bentuk laman web anda.

Add high-quality images

oars.com

whitetablecatering.com

You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.

Pilih warna yang betul

Lawrence Boone Selections uses black to add a sense of luxury and value to their website

Juicebox used this zesty combination for people to get that organic and fresh that the brand represents

Skema warna laman web memainkan peranan penting dalam mencipta nada dan suasana yang betul untuk jenama anda. Memilih warna yang cantik tidak semestinya bermaksud ia adalah warna yang tepat. Setiap warna menyampaikan mesej dan respons yang berbeza. Warna merupakan antara perkara pertama yang disedari oleh pelawat laman dan ia sebenarnya boleh memberi kesan kepada kejayaan laman web anda.

Pilih paling banyak dua hingga tiga warna asas untuk reka bentuk anda. Jika anda rasa perlu menambah lebih banyak warna, anda boleh menggunakan tint dan shade bagi warna asas anda. Dalam teori warna, tint ialah campuran warna dengan putih yang meningkatkan kecerahan, manakala shade ialah campuran warna dengan warna hitam yang mengurangkan kecerahan.

Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.

Gunakan muka taip yang berkontras

There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.

Memadankan dua muka taip boleh menjadi sukar walaupun untuk pereka. Anda boleh memastikannya mudah dengan mencuba dua fon berbeza daripada satu muka taip. Sekiranya muka taip kedua diperlukan, pilih sesuatu yang berkontras dengan baik terhadap muka taip pertama anda. Biasanya, menggabungkan fon serif dan sans-serif berfungsi dengan baik bersama-sama. Satu lagi tip penting ialah memilih muka taip yang sepadan dengan gaya syarikat anda. Anda mungkin mempunyai fon yang paling menarik di dunia, tetapi apabila digunakan dalam konteks yang salah, ia masih boleh kelihatan buruk.

Kekalkan kekemasan menggunakan ruang putih

Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.

Jadikan ia mesra mudah alih

People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.

Tip Tambahan: Menggunakan Page Builder Sandwich pada laman web anda akan mengaktifkan paparan mudah alih secara automatik dan melaraskannya untuk saiz skrin mudah alih.

Kesimpulan

Ingat: Memandang rendah kuasa reka bentuk adalah salah satu kesilapan terburuk yang boleh anda lakukan semasa membina laman web anda. Sudah tentu, anda tidak perlu mengeluarkan terlalu banyak usaha semasa mereka bentuk laman web anda, tetapi sementara itu, dengan hanya mengikuti tip ini dapat memastikan laman web anda tidak menimbulkan sebarang rasa tidak puas hati daripada khalayak anda.

Oktober 2, 2026
Cara Mencipta Pengepala Hero Asas dalam 3 Langkah Mudah

When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.

Apakah itu Pengepala Hero?

The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”

Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.

Untuk bermula dengan pengepala hero PBS pertama anda, ikuti langkah pantas di bawah:

Langkah 1: Masukkan Lajur dan laraskan Lebar Baris

Click 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.

Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.

What’s the difference between Normal, Full-Width and Full-Width: Retained Content Width?

Normal – Background, text and other elements are contained within the bounds of your current theme’s row width

Full-Width – Background, text and other elements fill the entire width of your browser window

Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width

In this layout, Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.

Langkah 2: Laraskan margin untuk mencipta Ruang Putih

Increase the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.

Langkah 3: Tambah latar belakang dengan tindihan teks dan elemen

To add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.

Tip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.

Type in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.

Tip #2: Untuk elemen penjenamaan, pertimbangkan untuk menggunakan logo putih atau hitam supaya ia tidak bertembung dengan imej latar belakang yang berwarna-warni.

You can also add buttons by clicking on Button below the Insert Content tab.

Jangan lupa untuk menyimpan hasil kerja anda dan anda sudah selesai!

Tahniah kerana berjaya mencipta pengepala hero pertama anda dengan PBS! Namun sekiranya belum, tidak perlu bimbang; bermula dari awal boleh dikatakan lebih mudah dengan PBS, jadi ia tidak sepatutnya menjadi masalah yang besar.

Selamat membina laman web!

Oktober 2, 2026