Kami sering menggunakan pembina halaman semasa mereka bentuk halaman bebas. Banyak pembina halaman yang biasa digunakan wujud, yang paling terkenal ialah WPBakery atau Komposer Visual, dan yang kedua ialah Elementor dan versi diperluaskannya.

Pengenalan pemalam WPBakery:

Yang pertama kita lihat ialah WPBakery, yang kita singkatkan sebagai WPB. Pemalam ini dibina pada halaman yang sangat terkenal di Themeforest. Ia sangat berkuasa dan boleh memenuhi semua modul dalam proses reka bentuk halaman kami. Kebanyakan modul boleh digunakan, dan pemalam ini sangat mahal. Kemudian, kita boleh melihat lebih daripada 50 dolar AS dalam kaedah penggunaan, yang lebih mahal apabila anda memperbaharui. Saya membeli pemalam ini bertahun-tahun yang lalu, jadi kami menyediakan anda versi hijau, yang boleh anda gunakan terus selepas memasangnya.

1 Harga Pasaran WPBakery

Pemasangan pemalam WPBakery:

Di bawah, kami akan menunjukkan pemasangan dan penggunaan pemalam ini. Oleh kerana tema rata yang kami gunakan kini disertakan dengan pemalam sedemikian, jika templat yang kami gunakan tidak mempunyai pemalam ini dan tidak mempunyai pembina halaman, kami perlu memasang pemalam sedemikian untuk mengembangkan halaman kami. Selepas membina kaedah yang sama, kami mencari pemalam pemalam kami, dan kemudian kami telah menyediakan pemalam sedemikian dalam pakej aksesori kami.

2 Aksesori pemalam WPBakery Page Builder pro e1713687906774

Nama beliau sebelum ini ialah JS Composer, dan kemudian kami menyahmampatnya dan memuat naiknya secara langsung. Ia dalam format zip, dan kemudian kami membuka bahagian belakang kami. Selepas membukanya, kami akan terus memasang pemalam baharu, dan kemudian kami tidak akan mencari di sini lagi. Kemudian, kami akan terus memuat naik pemalam, pilih fail, cari dalam pakej bahan kami, klik untuk membuka dan pasangkannya. Selepas ia dipasang, kami akan mengaktifkannya. Nah, kini pemalam ini telah berjaya dipasang.

Ciri pemalam WPBakery:

Kita boleh melihatnya. Terdapat banyak arahan di dalamnya. Secara amnya, lebih baik pemalam atau tema itu, lebih terperinci dokumentasi mereka, jadi lebih mudah untuk kita menggunakannya.

2 Kejayaan Pemasangan WPBakery Page Builder

Selepas pemasangan, mari kita periksa dahulu fungsi di dalamnya. Yang pertama ialah tetapan asas. Malah, pemalam ini tidak memerlukan banyak tetapan.

Tetapan pemalam WPBakery:

Yang pertama adalah untuk melumpuhkan respons, iaitu elemen kandungan. Kami tidak mahu melumpuhkan ini kerana kami juga perlu responsif di bahagian mudah alih. Sebagai contoh, modul yang kami reka mempunyai dua modul berturut-turut, pada bahagian PC dan bahagian mudah alih. Paparan mereka berbeza, jadi kami tidak boleh melumpuhkannya.

4 Antara Muka Tetapan Pembina Halaman WPBakery

Kemudian, anda boleh memilih fon untuk fon Google di bawah, dan kami akan menggunakannya sebagai lalai. Kemudian, kita tidak perlu risau tentang fon Google tempatan. Kita tidak perlu risau tentang perkara lain. Berikut ialah editor Gutenberg yang dilumpuhkan. Editor Gutenberg disertakan dengan WordPress. Seorang editor, sama seperti apabila kami membuka siaran sekarang, kami menambah siaran baharu。

Okay, selepas membukanya, kita dapat melihat bahawa apabila kita menerbitkan artikel itu, ia dipanggil Gutenberg; iaitu, dia menggabungkan semua komponen. Ia telah ditetapkan. Sebagai contoh, kami menyediakan perenggan, kepala, tajuk dan senarai. Ini dipanggil Gutenberg.

5 editor gutenberg wordpress

Ini juga merupakan kemajuan besar untuk WordPress. Sebelum ini anda hanya boleh menggunakan editor lalai atau menambahnya, yang sangat menyusahkan, seperti editor Word, tetapi kini ia sangat mudah.

Jom lihat di bawah. Kami tidak mahu melumpuhkannya kerana terdapat beberapa halaman, seperti halaman tempat kami mengemas kini artikel. Kami tidak perlu mereka bentuk halaman dan gaya setiap halaman secara berasingan kerana jika tidak, ia akan menjadi terlalu menyusahkan. Kami tidak perlu menetapkan templat lalai untuk siaran seterusnya di sini; kami tidak memerlukan templat.

Tetapan kebenaran pemalam WPBakery:

Baiklah, mari kita lihat yang kedua. Yang kedua ialah pengurus peranan kami. Apakah maksudnya? Sebagai contoh, editor kami menentukan jenis orang yang boleh menggunakan pembina halaman dan apakah fungsi yang ia perlu boleh gunakan. Sebagai contoh, jika anda seorang editor, maka anda hanya boleh mengubah suai halaman dan kemudian membolehkannya di latar belakang dan meja depan. Ia juga boleh didayakan. Kita semua boleh menetapkan kebenarannya. Ia adalah kebenaran. Ini bermakna bahawa kebenaran adalah berbeza untuk identiti berbeza pembina halaman ini. Tidak perlu mengendalikan ini.

5 Tetapan Kebenaran Peranan Pembina Halaman WPBakery

Tetapan gaya pemalam WPBakery:

Yang seterusnya ialah pilihan reka bentuk, dan kemudian kami menterjemahkannya. Pilihan reka bentuk adalah warna utama, iaitu apabila kita menggunakan pembina halaman, kita boleh menggunakan warna lalai modul ini dan tidak perlu melaraskannya. Menyesuaikan CSS adalah sama seperti tetapan lanjutan dalam tema kami. Di sini, kita boleh menetapkan beberapa kod atau elemen CSS dan kemudian mengubah suai gaya yang digunakan oleh setiap modul. Yang seterusnya ialah kebenaran kami. Pemalam kami sudah pun versi hijau, jadi anda tidak perlu menyambungkan kebenaran anda dan jangan risau tentangnya.

6 Tetapan Antara Muka Gaya Pembina Halaman WPBakery e1713688250734

Kemudian, terdapat fungsi sambungan di sini. Pembina halaman ini boleh menambah beberapa kod. Untuk tepat, ia harus dipanggil fungsi penyepaduan kod pendek. Secara amnya, kita tidak perlu mengendalikannya. Kami hanya menggunakan modul lalainya. Itu sahaja.

7 Pengurusan penyepaduan kod pendek WPBakery Page Builder

Okay, itu sahaja fungsi plugin ini.

Penggunaan pemalam WPBakery:

Kemudian, satu-satunya perkara yang sering kami gunakan ialah tetapan kebenaran. Kami hanya perlu menetapkan tempat ini. Sebagai contoh, kita adalah pentadbir sekarang. Sudah tentu, pengurusan tapak anda kemudiannya mungkin masih menjadi editor, jadi tetapkannya mengikut orang anda sendiri. Sebagai contoh, kami sedang menggunakan pentadbir untuk mengurus. Kami melihat bahawa pembina halaman ini hanya boleh digunakan di satu tempat, di halaman kami, jadi apabila kami membuka artikel kami sekarang, kami tidak melihat pembina halaman ini. Tetapi jika kami menerbitkan halaman, sebagai contoh, jika kami menambah halaman, untungnya, pada halaman kami, anda akan mendapati bahawa sebagai tambahan kepada UXbuilder yang kami gunakan sebelum ini, terdapat pembina halaman web tambahan.

8 Butang Sunting Pembina Halaman WPBakery

Kami mengklik pada pembina halaman ini, dan ia akan kembali ke antara muka editor lalai. Ini adalah penyunting halaman yang sering kami gunakan sebelum ini. Ini dipanggil editor klasik, tetapi kadang-kadang, orang menggunakan WordPress untuk masa yang lama. Orang ramai lebih terbiasa dengan antara muka ini. Ramai orang tidak menyukai antara muka Gutenberg tadi. Namun, apabila kami mengendalikannya, kami pasti tidak akan menggunakannya dengan cara ini dalam proses pengeluaran sebenar kerana sudah ada pembina halaman, jadi jika anda menggunakan yang lain, akan ada konflik antara kedua-duanya. Kadangkala, sesetengah modul mungkin gagal. Kami hanya di sini untuk memberi anda pandangan.

Sudah tentu, WPB boleh diedit di latar belakang atau latar depan. Kami sering menggunakan pengeditan latar belakang. Klik pada pengeditan latar belakang, dan modul akan muncul.

Tetapan pengaktifan fungsi halaman WPBakery:

Baiklah, biar saya ceritakan sebentar lagi. Sekarang, apabila kami menyediakan, sebagai tambahan kepada halaman, jika anda mahu menggunakannya pada halaman produk anda atau halaman lain, maka anda boleh memilih tersuai. Contohnya, jika kami memilih halaman artikel, produk kami atau halaman lain selepas anda menyediakan dan menyimpannya, maka halaman ini boleh menggunakan pembina halaman ini. Ini sahaja tempat yang perlu kami duduk.

9 Pembina Halaman WPBakery Memohon Kebenaran Halaman e1713688377404

Okey, mari kembali ke halaman, dan kemudian kami akan memberi anda penjelasan ringkas tentang cara menggunakan pembina halaman ini.

Pengenalan kepada Modulariti Web:

Semua pembina halaman digunakan sama, sama seperti kami menggunakan UXbuilder sebelum ini. Ia membungkus modul di dalam, seperti perenggan, kesan khas, dan gambar, sebagai satu bahagian kandungan. Satu keping mempunyai banyak kod di dalamnya, jadi pastikan ia boleh memaparkan gaya, sama seperti kedudukan yang kami import sebelum ini.

10 Prinsip Pembina Halaman

Gambar ini mempunyai kesan pembesaran dan latar belakang dengan teks padanya. Ini dipanggil modul. Tetapi sebelum modul dibina, modul itu dipanggil kandungan. Kemudian, terdapat bekas sebelum modul. Contohnya, jika kami membahagikan baris kepada tiga lajur, Ini ialah bekas supaya anda boleh mengikuti dua kaedah ini untuk semua pembina halaman kami. Ia dibahagikan kepada tiga langkah. Pada langkah pertama, kami menyediakan bekas, dan kemudian pada langkah kedua, kami pergi ke bahagian tertentu bekas. Letakkan modul tertentu dalam kedudukan; ia boleh menjadi gambar, perenggan, teks, atau pun butang dan kemudian ini adalah langkah kedua.

Langkah ketiga ialah mengubah suai gaya dan datanya supaya modul ini dapat dipaparkan secara normal. Ini adalah proses penggunaan semua pembina halaman.

Demo penggunaan WPBakery:

Sekarang, kami menggunakan WPB lalai. Begitu juga, pertama, kita perlu menyediakan bekas untuknya. Selepas mengklik untuk membukanya, kita boleh melihat beberapa menu.

11 Modul Halaman Pembina Halaman WPBakery e1713688550716

Menu ini ada di dalam kerana terdapat banyak modul di dalamnya, jadi ia membezakan antara Kenalan, iaitu kandungannya. Kami boleh meletakkan teks borang di dalamnya, dan sudah tentu, kami juga boleh meletakkan OK, kemudian kandungan yang berkaitan pada media sosial, kod HTML lain, CSS, atau modul SARS kami, alat lalai WordPress. Ia adalah alat kecil dalam penampilan kita. Ini ialah lalai, tetapi kami tidak akan menggunakannya dalam keadaan biasa kerana ia tidak mempunyai sebarang gaya. Kita boleh meletakkan modul ini untuk Woocmmerce dalam produk, dan seterusnya.

Yang terakhir tidak disyorkan kerana modul ini akan dihapuskan secara beransur-ansur, jadi kita hanya perlu cuba untuk tidak menggunakannya.

Pertama, kita perlu menambah bekas kerana kita kini akan membuat halaman. Kami memberi halaman ini nama, melihat kesannya, dan kemudian menerbitkannya. Kami menggunakan templat lalai dan klik terbitkan.

Selepas diterbitkan, kami mendapati ia kembali ke antara muka sebelumnya. Sebab utama ialah dua komponen ini bercanggah. Saya hanya di sini untuk menunjukkan penggunaan pantas pemalam ini. Jika templat kami tidak mempunyai pembangun lalai, bagaimana kami menggunakannya?

Ini ialah templat lalai. Bahagian tengah kosong kecuali kepala dan kaki yang kita kongsi di bahagian atas dan bawah. Kami hanya boleh mencipta kandungan dalam bidang ini.

12 Mencipta Halaman Kosong e1713688642449

Alat yang kami gunakan ialah pembina halaman ini. Kami mula-mula membina kawasan untuknya. Pertama, ia kosong, sama seperti kita membuat papan hitam. Pertama, kita perlu menyediakan bekas untuknya. Sudah tentu, kita juga boleh terus Seret beberapa modul data ke dalam, tetapi dalam kes ini, ia akan saling berkaitan, yang tidak dipanggil reka bentuk. Jadi, untuk halaman biasa kami, kami mula-mula melukis papan hitam ke kawasan dan meletakkan kandungan yang sepadan di setiap kawasan. , jadi kami menggunakan Baris ini, bekas kami, dan kemudian klik untuk membukanya. Kita dapat melihat bahawa ia diletakkan dalam satu baris. Baris ini boleh dibahagikan kepada dua lajur, tiga lajur, tiga lajur, dsb. Ini juga dibahagikan kepada Untuk 12 kumpulan, setiap kumpulan kemudiannya menetapkan kawasannya.

13 Pembina Halaman WPBakery Cipta Modul Reka Letak

Sudah tentu, jika bahagian lalai tidak dapat memenuhi keperluan anda, anda juga boleh menggunakan penyesuaian. Sebagai contoh, kita boleh menggunakan 1/5 lebih awal. Sudah tentu, lebih baik anda bahagikan semua 12 bahagian sama banyak. Selepas membahagikan, jika tidak, sebahagian akan tertinggal. Kita hanya boleh menggunakan lalai di sini.

Sebagai contoh, jika kita menetapkannya ke kawasan kiri dan kanan, maka selepas bekas kita disediakan, kita boleh mengubah suai bekas itu. Pertama, kita boleh mengubah suai keseluruhan baris. Sebagai contoh, sebaik sahaja kita mengklik pada pen ini, ia adalah sangat mudah, dan kemudian Kita dapat melihat bahawa akan ada beberapa kandungan di dalamnya, dan selepas kita menariknya ke bawah, ia akan menjadi yang lalai atau yang pertama yang yang lalai akan menjadi kandungan dalam baris kami.

Yang kedua ialah baris terbentang, yang mengembangkan baris kami kepada lebar penuh. Apakah maksud baris dan kandungan yang diregangkan? Ia adalah bekas yang boleh kita regangan dan regangan, kerana kawasan lalai kita mungkin sebegini panjang, tetapi selepas kita meregangkannya, ia boleh mencapai skrin penuh, itulah maksudnya.

Kemudian, kandungan dan baris yang dipanggil semuanya diregangkan. Jika kita hanya menghulurkan bekas ini, bagaimanakah kandungan di dalamnya perlu dipaparkan? Masih terdapat margin pada kedua-dua belah, tetapi jika kandungan kita di dalam juga diregangkan, maka kandungan kita akan dipaparkan pada kedudukan ini. Sesetengah modul memerlukan ini. Sebagai contoh, modul kami adalah regangan, iaitu kawasan regangan, tetapi kandungannya tidak diregangkan. Ini yang kami faham. Tetapi kami menggunakan lalai di sini.

Yang lain ialah jarak antara modul. Sebagai contoh, di sini kita meletakkan dua modul. Anda boleh melaraskan jarak antara modul. Sebagai contoh, kita boleh menetapkannya kepada 10 piksel. Kemudian, anda boleh menetapkan elemen secara individu pada ketinggian kami. Kemudian, terdapat dua modul dengan ketinggian yang sama. Ketinggian kedua-duanya adalah sama.

Terdapat juga beberapa kandungan lain yang boleh anda lihat. Kemudian, untuk setiap modul, Kita semua boleh menetapkan kelas untuknya secara berasingan; iaitu, pemilih kami sering digunakan dalam CSS. Anda boleh bayangkan bahawa terdapat begitu banyak elemen pada halaman kami. Bagaimanakah kita boleh menyasarkan modul tertentu dengan lebih khusus? Atau untuk melaraskan gaya elemen tertentu, seperti melaraskan saiz warnanya. Pada masa ini, kita perlu mempunyai pemilih untuk menunjuk kepadanya. Kemudian, terdapat banyak pemilih dalam CSS kami.

Sebagai contoh, kita boleh terus Sebagai elemen sebagai pemilih, anda juga boleh menetapkan kelas atau ID untuknya. Kami akan bercakap tentang beberapa kandungan kod ini kemudian. Anda tidak perlu risau sangat kerana ianya sangat mudah. Jika tidak, Anda perlu menetapkan gaya secara individu untuk baris, jadi tidak perlu menulisnya.

Tetapan gaya modul WPBakery:

Kemudian, perkara yang paling penting ialah modul reka bentuk. Setiap modul mempunyai perkara sedemikian.

15 Tetapan Model Kotak Pembina Halaman WPBakery e1713688794110

Kami memanggil setiap elemen pada keseluruhan halaman kami sebagai kotak. Kami melihat bahawa bahagian paling dalam kotak ini ialah lapisan luar kotak kandungan. Kami memanggilnya mengisi, sama seperti buih dalam penghantaran ekspres kami. Begitu juga, gelembung menduduki margin tanpa apa-apa dan tiada kandungan. Sekiranya terdapat sempadan di luar padding, kotak mesti mempunyai sempadan, yang dipanggil sempadan.

Kemudian, terdapat sempadan di luar kotak. Spacing bermaksud terdapat jarak antara dua kotak yang dipanggil margin. Jadi, kotak ini mempunyai empat arah: atas, bawah, kiri dan kanan, dan semuanya mempunyai jidar. Padding dan sempadan kami adalah sama. Semua modul dalam format ini.

Di sini, kita boleh menetapkan padding, atas, bawah, kiri, dan kanan, dan kita juga boleh menetapkan marginnya. Kemudian yang pertama di sebelah kanan menunjukkan warna dan gaya sempadan kita. Sebagai contoh, sempadan kami mempunyai garisan pepejal, garisan putus-putus, garisan pepejal berganda, garisan putus-putus dsb. Anda boleh memilihnya mengikut keperluan anda sendiri. Buat pilihan anda. Kemudian, selagi ada sempadan, ia boleh menetapkan sudut bulat dan warna latar belakang keseluruhan modul kami.

Kemudian, yang seterusnya ialah gambar latar belakang kami. Jika kita memuat naik gambar latar belakang, kita boleh menjadikan gambar latar belakang pertama lebar penuh, dan kemudian ini adalah lebar kawasan, iaitu lebar modul kita. Ini tidak berulang. Jika imej latar belakang kami agak kecil. Kita semua tahu bahawa jika imej anda kecil pada desktop komputer kami, ia akan dipaparkan berulang kali, jadi yang berikut tidak diulang dan merupakan imej latar belakang.

Yang seterusnya adalah untuk kotak kami. Kotak kami mempunyai empat sisi. Sebagai contoh, apabila kita mengisi kotak, kita perlu mengisinya atas, bawah, kiri, dan kanan setiap kali. Ini sangat menyusahkan. Jika kita mengisinya ke atas, bawah, kiri dan kanan, dan nilainya adalah sama, kita boleh menggunakan versi yang dipermudahkan. Kita hanya perlu mengisi bahagian atas, dan bahagian atas, bawah, kiri dan kanan adalah konsisten.

WPBakery Peranti yang berbeza menunjukkan modul yang berbeza:

Ini bermakna semua kawasan modul WPB, pembina halaman, disunting dengan cara ini, jadi jika kita tahu satu, kita sudah tahu kesemuanya. Ini untuk kawasan. Kawasan baris kami boleh diedit. Untuk modul yang dibenamkan dalam satu baris, ia juga merupakan bekas. Kami juga boleh mengeditnya. Kaedah penyuntingan adalah serupa, tetapi akan ada beberapa modul lagi. Sebagai contoh, ini masih kotak, dan tetapan asasnya kekal sama. Begitu juga, maka akan ada kandungan tambahan di dalamnya, iaitu untuk peranti yang berbeza. Lebar dan saiznya berbeza. Kita boleh memilih sama ada untuk menyembunyikan atau memaparkan kandungan tambahan.

15 WPBakery Page Builder sama ada peranti berbeza dipaparkan e1713688924560

Selepas kita memahami bekas yang baik, kita perlu menambah kandungan. Sebagai contoh, jika kita menambah gambar sekarang, kita akan mencari kandungan di dalamnya. Kandungan di dalamnya sangat mudah. Setiap daripada kita tahu maksudnya dari makna literalnya. Sebagai contoh, borang ialah baris; ini ialah modul teks kami; ini adalah ikon kecil; ini adalah pemisah dan lain-lain. Anda boleh mencubanya. Ini ialah pemisah melengkung, teks kami dengan garis mendatar kiri dan kanan.

Kemudian, anda boleh mencuba kandungan lain. Keseronokan terbesar kami menggunakan WordPress ialah anda boleh menggunakan dan menguji setiap modul di dalamnya. Apabila anda sudah biasa dengan semua modul di dalamnya, anda sudah akan memahami keseluruhan pemalam atau keseluruhan fungsi. Ia adalah sama sama ada ia adalah templat atau pemalam. Sudah tentu, beberapa modul tidak digunakan.

Modul fungsi Tambah WPBakery:

Nah, sekarang, sebagai contoh, jika kita memilih gambar, kita dapat melihat bahawa ini adalah satu imej. Mengapa tidak menggunakannya sebagai album foto? Mengapa tidak menggunakannya? Ini adalah gambar tayangan slaid. Kita semua boleh mencubanya. Ini adalah tab kami. Ini ialah tab menegak. Kami memanggil ini akordion. Selepas anda mengklik padanya ke atas dan ke bawah, kandungan akan muncul. , anda boleh lihat yang lain. Ini ialah tajuk tersuai halaman, serta butang kami.

16 WPBakery Page Builder Sisipkan Imej Tunggal

Ini ialah modul di mana maklumat ingat adalah seruan untuk bertindak, sering digunakan dalam beberapa templat asing. Contohnya, tambahkan perenggan teks di hadapan, kemudian gunakan seruan tindak pada penghujung, hubungi sekarang, dsb. Selebihnya kandungan di bawah adalah sangat mudah dan kita semua boleh mengujinya.

Sekarang, kami akan memasukkan satu imej. Selepas memasukkannya, kami akan memasuki langkah kedua kami: memasukkan kandungan ke dalamnya. Seterusnya, kami akan mengubah suai kandungan ini. Sebagai contoh, patutkah kita menyediakan modul ini? Tajuk, hanya di sebelah kiri. Jika kita tetapkan gambar, adakah anda ingin meletakkan tajuk di atasnya? Jika anda tidak memerlukannya, biarkan kosong.

17 Tetapan modul imej WPBakery Page Builder e1713689039341

Kemudian, yang seterusnya ialah dari mana kandungan gambar kami. Kami boleh terus menggunakan pustaka media kami, iaitu lokasi di mana gambar kami disimpan, dan memuat naik fail. Kemudian, kita juga boleh menggunakan pautan luaran. Kami juga boleh menggunakan imej kecil tertentu artikel juga boleh diterima. Jika imej yang ditampilkan adalah statik, kami biasanya menggunakan perpustakaan media untuk memuat naik gambar. Okay, kita cari gambar ini dan cari gambar rawak, kemudian tetapkan tajuk atribut Alt padanya, dan kemudian masukkannya Come in.

Okay, gambar ini diselitkan. Yang seterusnya ialah saiz gambar. Terdapat beberapa parameter di bawah. Yang pertama ialah menggunakan lakaran kecil, yang akan mempunyai saiz. Yang kedua ialah menggunakan medium. Kita semua boleh mencubanya. Saiz, dan kemudian yang satu lagi menggunakan sampah, yang besar, dan terdapat skrin penuh, bermakna saya menggunakan saiz gambar yang memenuhi skrin. Iaitu, saya memenuhi seluruh kawasan, jadi saya hanya menggunakan penuh untuk mengisinya di sini.

Yang seterusnya ialah sama ada hendak menggunakan tajuk, iaitu nama gambar, dan memaparkannya.

Di bawah ialah mod paparan mendatar bagi imej ini. Kami menyelaraskannya di tengah. Kemudian, yang seterusnya ialah gaya gambar. Kita boleh menggunakan yang bulat. Terdapat beberapa yang lalai, seperti menambahkan jidar padanya, menambah bayang pada sempadan luar, dsb. Sebagai contoh, kami akan menambah sudut bulat padanya di sini. , dan kemudian apa yang berlaku selepas ia diklik. Sebagai contoh, selepas mengklik, saya harap ia boleh mengezum masuk dan membuka peti cahaya dengan beberapa kesan khas. Sebagai contoh, saya menetapkannya untuk terbang masuk dari kiri apabila ia masuk. Terdapat kesan khas di sebalik ini, dan kemudian terdapat fly-in ke bawah dan fly-in kanan. Kami menggunakan fly-in kiri. Sudah tentu, dalam keadaan biasa, saya jarang menggunakan kesan khas seperti ini semasa mereka bentuk halaman. Kemudian anda juga boleh memberikannya di bawah. Ia menambah kelas.

Yang satu lagi ialah halaman reka bentuknya. Pada halaman ini, anda menetapkan latar belakang untuk keseluruhan modul, dsb., yang semuanya sama, dan kemudian kami menyimpannya. Selepas menyimpan, kami mengemas kini, jadi selepas kemas kini selesai, kami memuat semula halaman kami.

18 Kesan paparan gambar WPBakery Page Builder e1713689101462

Okay, sekarang gambar kami telah dimuatkan. Semestinya sambutan agak perlahan sebentar tadi. Apabila ia dimuatkan, ia terbang masuk dari kiri. Kemudian kami membuka gambar, dan kesan khas peti cahaya muncul, dan kemudian kami pergi. Dengan gambar, mari kita lihat bahawa ia agak besar, dan kemudian anda boleh melaraskannya. Sebagai contoh, kita boleh menukar gambar kepada tali serut atau medium, simpan sederhana, dan kemudian kita boleh menyelamatkan kawasan di sebelah kanan. Anda boleh mengisinya dengan tajuk. Sebagai contoh, ini adalah tajuk tersuai jika kita menemui tajuk.

Okay, kami juga boleh menyesuaikan kandungan untuknya atau memanggil halaman atau tajuk artikel kami. Di sini, kami akan menulis tajuk secara lalai, dan kemudian anda boleh menambah pautan ke tajuk ini dan menggunakan h1 hingga h6 untuknya. Dalam modul ini, kami menggunakan h2. Kemudian kami menyelaraskan tajuk ke kiri, saiz tajuk, tajuk, ketinggian baris tajuk dan warna tajuknya; kita semua lalai di sini.

19 Modul Tajuk Pembina Halaman WPBakery e1713689146685

Kemudian, yang seterusnya ialah tajuk. Modul di mana keseluruhan kawasan terletak juga boleh melaraskan jidar atau pelapiknya. Ini adalah perkara-perkara. Kemudian klik Sisipkan. Selepas menambah tajuk, kita boleh menambah satu lagi di kawasan ini. Untuk menambah sekeping kandungan, sebagai contoh, kami mengklik tanda tambah di bawah bekas, kemudian menambah perenggan dan sekeping teks. Anda boleh menulis teks ini sendiri, atau anda boleh memasukkan kod pendek di dalamnya. Kami melihat banyak kod pendek di sini, dan anda juga boleh memasukkannya, tetapi kod pendek ini adalah terutamanya kerana pembina UX disertakan dengan templat ini, yang tidak tersedia dalam templat biasa.

Kemudian, kita juga boleh menambah kesan khas padanya; apabila ia terbang masuk, kami biarkan ia terbang masuk semula, kemudian tambahkan kelas padanya, dan kemudian semua reka bentuk yang tinggal adalah sama. Sebagai contoh, kali ini, kami menambah margin padanya. Kami berharap modul ini jauh dari tajuk di atas dan mempunyai jarak tertentu supaya kami boleh menggunakan margin. Kita boleh menetapkan margin ini kepada 5 piksel. Untuk yang lain, kami akan lalai dan kemudian menyimpannya. Selepas menyimpan, kami akan mengemas kininya, dan kemudian kami akan menyegarkannya. Halaman kami.

Okay, ini adalah cara untuk menggunakan kandungan kedua-dua modul. Jadi sebagai tambahan kepada ini, sudah tentu, kita juga boleh, sebagai contoh, sekarang terdapat baris, kita boleh mereka bentuk baris lain di halaman ini, kemudian cara mengendalikannya sangat mudah, terdapat tanda tambah besar di bawah, kita tambah satu lagi. baris, dan kemudian kami mengisi baris ini. Kaedah operasinya adalah sama. Jika kandungan kedua-dua baris kami adalah sama, saya akan menyalin baris lain, dan mereka akan sama.

Cara melakukannya: Padamkan baris. Terdapat salib yang membolehkan anda memadamnya secara langsung. Ini ialah kaedah menggunakan pemalam ini dan kami boleh menambah beberapa gaya pada setiap halaman secara berasingan. Ini adalah lipatan. Kami melihat bahawa kami boleh menetapkannya di sini. Kami boleh mencipta gaya untuk halaman ini di sini, menjadikan pemalam ini lebih mudah.

20 WPBakery Page Builder Sisipkan Lagi Modul Reka Letak e1713689242518

Sebagai tambahan, sebagai contoh, jika kita mereka bentuk halaman, kita juga boleh menyimpannya sebagai templat. Klik pada templat, beri nama dan simpannya. Lepas simpan boleh buat lagi lain kali. Apabila membuka halaman lain, kami boleh mengimport terus halaman ini. Selepas mengimport, ia akan mengulangi modul yang kami reka. Ini sangat mudah. Ini adalah penggunaan hujung belakang dan penggunaan hujung hadapan. Ia akan menjadi lebih mudah.

Kami membuka bahagian hadapan, jadi selepas membuka bahagian hadapan, kami boleh menambah modul di sini, kami boleh melihat secara langsung kesannya, dan kemudian kami boleh menyesuaikan gayanya dan sebagainya.

Sudah tentu, saya biasa mengedit di latar belakang, tetapi penyuntingan bahagian hadapan adalah sama. Ini menggunakan keseluruhan pemalam, jadi saya tidak akan menunjukkan modul lain secara individu. Anda boleh pergi sendiri. Terokainya, ini hanyalah satu kaedah pembina halaman, kemudian pembina halaman lain adalah serupa.

Anda masih ingat tiga langkah: yang pertama ialah menyediakan bekas, yang kedua ialah mengisi modul, dan yang ketiga ialah mengubah suai gaya modul dan data di dalamnya. Beginilah cara semua rancangan pembinaan halaman dilakukan.