Template Wordpress

Cara Membuat Layout WordPress Kustom (Langkah demi Langkah)

Apakah Anda ingin membuat tata letak WordPress khusus untuk situs web Anda agar terlihat unik?

Apa pun keahlian Anda, mudah untuk membangun tata letak WordPress khusus tanpa harus menyewa seorang pengembang.

Di artikel ini, kami akan menunjukkan kepada Anda cara membuat tata letak WordPress khusus dengan menggunakan yang terkenal Plugin pembangun halaman WordPress, Beaver Builder.

Banyak dari Anda pasti bertanya-tanya, mengapa harus membuat tata letak khusus saat Anda bisa pilih tema premium dan mulai halaman Anda dengan salah satu layout yang sudah dibuat sebelumnya.

Mengapa Membuat Layout WordPress Kustom

Anda akan menemukan sejumlah tema WordPress premium yang menawarkan beberapa tata letak bawaan yang menakjubkan, yang siap untuk segera digunakan. Anda pasti dapat memilih tata letak yang indah ini dan memberikan tampilan menarik pada situs Anda.

Tetapi masalah dengan tata letak seperti itu adalah karena ketersediaannya yang siap digunakan secara luas oleh ratusan dan ribuan pengguna di seluruh web.

Itu berarti jika Anda menggunakan tata letak prebuilt untuk situs WordPress Anda, Anda tidak akan dapat memberikan tampilan yang berbeda kecuali jika Anda sering mengubahnya. Selain itu, tata letak ini mungkin tidak memenuhi persyaratan Anda juga. Membangun tata letak khusus adalah opsi terbaik dalam kasus ini.

Membuat Layout WordPress Kustom

Cara terbaik untuk membuat tata letak kustom yang memukau secara visual untuk situs Anda adalah dengan menggunakan Plugin Beaver Builder. Beaver Builder adalah plugin pembangun seret dan lepas halaman populer yang memungkinkan Anda membuat beberapa tata letak paling menakjubkan hanya dalam hitungan menit.

Hal terbaik tentang plugin ini adalah tingkat fleksibilitas jika penawaran. Anda dapat mengendalikan hampir semua hal.

Warna, teks, font, gambar – semuanya dapat dikustomisasi sepenuhnya untuk mendapatkan tampilan persis yang selalu Anda impikan.

Hal lain yang akan Anda sukai dari Beaver Builder adalah bahwa tidak seperti plugin pembuat halaman lainnya, ini sepenuhnya ramah pemula dan Anda tidak perlu menghabiskan waktu berjam-jam untuk mencari tahu cara menggunakannya. Selain itu, ia juga menawarkan puluhan templat yang menakjubkan secara visual untuk membantu Anda memulai.

Periksaulasan Beaver Builder kami sini. Sekarang mari kita lihat cara membuat tata letak khusus menggunakan plugin ini.

Langkah 1: Menginstal dan Menyiapkan Beaver Builder di WordPress

Langkah pertama adalah instal dan aktifkan Beaver Builder di situs web Anda. Anda dapat mengunduh plugin dengan masuk ke menu Situs Beaver Builder. Setelah diaktifkan, buka Pengaturan »Pembuat Halaman.

Di sini Anda dapat memasukkan kunci lisensi untuk mengaktifkan dukungan dan menerima pembaruan. Setelah selesai, Anda siap membuat tata letak khusus pertama.

Langkah 2: Membuat Tata Letak Kustom Pertama Anda

Untuk membuat tata letak khusus pertama Anda, buka Semua Halaman »Tambah Baru di dashboard WordPress Anda. Di editor teks Anda, Anda akan memiliki opsi untuk beralih ke pembuat halaman.

Cukup klik pada opsi ini dan Anda akan melihat tab pembuat halaman diluncurkan. Anda akan melihat beberapa opsi templat di sini. Jadi pilih yang paling Anda sukai untuk tata letak Anda. Anda juga dapat mengklik panah dropdown dan memilih jenis tata letak yang Anda inginkan. Ini bisa untuk halaman arahan Anda atau halaman konten Anda.

Setelah selesai, Anda akan diarahkan ke pembuat seret dan lepas. Untuk mengedit bidang tertentu, Anda hanya perlu mengarahkan kursor ke area tertentu dan kemudian mengkliknya dan mulai menyesuaikan desain Anda.

Anda dapat menambahkan hingga 6 kolom, bilah samping, audio, gambar, pemisah, dan lainnya ke tata letak Anda. Untuk menambahkan baris dan bilah sisi, klik pada Tata Letak Baris tab. Lalu seret jumlah kolom yang Anda inginkan dan letakkan di pembangun visual Anda.


Setelah kolom Anda ditambahkan, cukup klik pada kolom itu dan sesuaikan untuk memenuhi kebutuhan Anda. Anda dapat mengubah latar belakang, warna teks, menambahkan tautan, teks, batas, dan lainnya ke kolom Anda. Kolom dan baris ini juga dapat disimpan untuk digunakan nanti. Untuk itu, cukup klik pada Menyimpan di akhir popup.

Untuk elemen lain, Anda perlu menggunakan Modul Dasar pilihan. Anda juga memiliki beberapa elemen lain yang dapat Anda tambahkan ke tata letak Anda seperti tombol, akordeon, tabel harga, peta, penghitung waktu mundur dan banyak lagi.

Anda hanya perlu menyeret elemen dari kanan dan menjatuhkannya di pembangun visual di sebelah kiri Anda. Setiap elemen ini dapat disesuaikan. Jadi misalnya, jika Anda ingin menambahkan tajuk baru, cukup klik Tajuk dan seret dan letakkan di tata letak Anda. Setelah itu klik pada elemen Heading untuk menyesuaikannya.

Anda akan memiliki 3 tab berbeda di sini. Umum, Gaya dan Maju. Yang pertama memungkinkan Anda menambahkan teks, tautan, dll. Ke pos Anda. Tab kedua memungkinkan Anda mengatur gaya tajuk dengan berbagai warna, font, dll Maju Opsi memungkinkan Anda bekerja pada margin, visibilitas, daya tanggap, animasi, dll.


Anda dapat menambahkan elemen dan modul sebanyak yang Anda inginkan dengan menggunakan metode yang sama dan kemudian menyesuaikannya untuk memenuhi kebutuhan Anda.

Setelah Anda mengedit tata letak Anda, klik pada Selesai tombol di sudut kanan atas layar Anda. Anda akan melihat popup baru dengan beberapa opsi berbeda seperti yang ditunjukkan pada tangkapan layar di bawah ini.


Dengan menggunakan opsi ini, Anda dapat menyimpan konsep, menerbitkannya, atau membuangnya.

Langkah 3: Menggunakan Kembali Layout Anda

Beaver Builder juga memungkinkan Anda menyimpan tata letak WordPress khusus dan menggunakannya kembali kapan pun Anda mau. Untuk menggunakan opsi ini, buka Alat di sudut kanan atas layar Anda. Anda akan melihat opsi berikut di layar Anda.

Sekarang tergantung pada kebutuhan Anda, pilih opsi. Jika Anda ingin menggunakan templat untuk digunakan nanti, klik pada Simpan Templat opsi dan kemudian beri nama tata letak Anda. Setelah itu tekan tombol Menyimpan tombol.

Langkah 4: Mengelola Template Anda

Layout yang Anda buat dengan Beaver Builder dapat digunakan di situs web tanpa batas. Templat yang dibuat oleh penggunanya disimpan di a jenis posting khusus disebut templat.

Secara default, opsi ini disembunyikan. Anda dapat membuatnya terlihat dengan membuka Pengaturan »Pembuat Halaman» Templat tab.


Sekarang klik pada Aktifkan Admin Template opsi dan tekan Simpan Pengaturan Template tombol. Setelah melakukan ini, Anda akan melihat item menu baru bernama Templat muncul di bilah admin WordPress Anda. Semua tata letak halaman yang Anda simpan sebagai templat akan muncul di halaman itu.

Mengekspor Tata Letak WordPress Anda

Karena tata letak yang Anda buat disimpan sebagai jenis pos khusus, Anda dapat dengan mudah mengekspor template Beaver Builder Anda. Untuk ini, Anda memiliki fitur ekspor bawaan di WordPress. Untuk menggunakan fitur ini, pergi ke Alat »halaman Ekspor.

Sekarang pilih Template. Klik panah tarik turun dan pilih templat yang ingin Anda ekspor. Setelah itu, tekan tombol Unduh File Ekspor tombol dan WordPress akan mengirim file XML untuk Anda unduh.

Mengimpor Layout Builder Beaver

Untuk mengimpor tata letak, buka dasbor situs web tempat Anda ingin tata letak ini diimpor. Sekarang pergilah ke Pengaturan »Impor» WordPress. Klik pada opsi Instal Sekarang di bawah tab WordPress. Ini akan mengunduh dan menginstal plugin importir WordPress.

Setelah plugin diunduh, Anda dapat mengunggah file XML yang baru saja Anda unduh. Tata letak Anda sekarang siap untuk digunakan di situs Anda yang lain juga.

Dan itu dia. Kami harap Anda menyukai artikel kami. Jika Anda melakukannya, Anda mungkin juga ingin tahu yang lain Alternatif Beaver Builder Anda bisa mencobanya.

Sumber Artikel

WP Tips

Recent Posts

Statistik Kunci untuk Diketahui untuk 2023

Tanda tangan email berfungsi sebagai cara ampuh bagi individu dan bisnis untuk meninggalkan kesan abadi…

1 tahun ago

Cara Memperbaiki ‘ERR_SSL_VERSION_OR_CIPHER_MISMATCH’ di WordPress

Apakah kesalahan 'ERR_SSL_VERSION_OR_CIPHER_MISMATCH' menghentikan Anda mengakses situs web WordPress? Kesalahan ini hanya terlihat saat mengunjungi…

1 tahun ago

5 Cara Meningkatkan Bisnis Anda Dengan AI

Jika Anda adalah individu yang banyak akal dan berpikiran maju yang bekerja di bidang pemasaran,…

1 tahun ago

Tingkatkan Dasbor Anda dengan Laporan MonsterInsights Baru

Siap menguasai Google Analytics 4 dengan sedikit bantuan dari MonsterInsights? GA4 adalah alat analitik yang…

1 tahun ago

Cara Menerjemahkan Plugin WordPress dalam Bahasa Anda

Apakah Anda mencari cara untuk menerjemahkan plugin WordPress ke dalam bahasa Anda? Dengan menerjemahkan plugin…

1 tahun ago

Peretasan Pengalihan WordPress: Pencegahan dan Perbaikan Terbaik

Mencari solusi untuk hack redirect WordPress? ????‍???? Peretasan pengalihan WordPress sayangnya merupakan kejadian umum dan…

1 tahun ago