Ulasan & Pemasangan Plugin Penyunting Blok Qubely Gutenberg & Pembuat Halaman
Diterbitkan: 2019-11-22Seiring berlalunya waktu, orang-orang menyukai editor Gutenberg. Editor WordPress berbasis blok ini tidak hanya menghadirkan sistem pembuatan halaman baru tetapi juga memungkinkan pengguna WordPress dengan banyak kemampuan baru. Dengan blok Gutenberg default, Anda dapat membuat situs web yang jauh lebih baik dari sebelumnya. Tetapi Anda akan merasa sangat membutuhkan blok dan fungsionalitas lanjutan untuk mendesain halaman web profesional.
Di sinilah Qubely – Visual Gutenberg Block Toolkit yang meminimalkan keterbatasan editor Gutenberg dan membuka kemungkinan tak terbatas untuk membuat tata letak sederhana hingga kompleks di situs WordPress ikut bermain.
Dengan banyak blok Gutenberg khusus khusus, bagian bawaan, tata letak halaman siap pakai, dan dunia opsi gaya, Qubely bukan hanya plugin blok Gutenberg tetapi juga perangkat desain pada editor blok Gutenberg yang dapat Anda gunakan untuk merancang tata letak apa pun yang Anda inginkan. bisa membayangkan.
Mengapa Anda Membutuhkan Plugin Blok Gutenberg?
Pertanyaan bagus. Jika editor Gutenberg dapat membantu kami membuat halaman web dengan mudah, mengapa saya memerlukan plugin pihak ketiga, bukan? Jawabannya adalah sementara Gutenberg memudahkan upaya Anda dan memungkinkan Anda membangun halaman web dengan cerdas, Gutenberg memiliki beberapa batasan dan blok default mungkin tidak mencakup jenis konten yang ingin Anda terbitkan.
Sambil menyediakan blok penting, plugin blok Gutenberg seperti Qubely menawarkan lebih banyak opsi untuk melakukan hal-hal yang perlu Anda lakukan di situs WordPress Anda. Jadi, jika Anda ingin membawa editor Gutenberg Anda ke tingkat yang baru, Anda hanya perlu plugin yang memperluas fungsinya dan menawarkan blok khusus.
Qubely memperluas Gutenberg dengan banyak blok khusus yang tidak ada di editor default, dan Anda dapat mengontrol editor blok WordPress dengan kemampuan untuk menerapkan banyak opsi gaya. Plus, Anda mendapatkan banyak bagian dan tata letak siap pakai yang berarti Anda bahkan tidak perlu mendesain sesuatu dari awal. Blok Gutenberg kustom Qubely memungkinkan Anda membuat halaman web yang menakjubkan serta dioptimalkan untuk seluler.
Plugin Blok Qubely Gutenberg apa yang ada di dalamnya untuk Anda?
Jika Anda yakin dan ingin memasang plugin blok Gutenberg di situs WordPress Anda, rekomendasi kami, dan jangan kaget, adalah Qubely. Mari gali lebih dalam di dalam toolkit Qubely Gutenberg untuk melihat apa yang ada di dalamnya untuk Anda.
Fitur Toolkit Blok Qubely Gutenberg
Bundel Tata Letak Halaman Siap
Qubely, untuk memulai, menawarkan banyak bundel tata letak halaman dan Anda dapat mengimpor tata letak halaman dan menyesuaikan tampilannya. Bundel tata letak halaman datang dalam berbagai kategori sehingga Anda dapat menavigasinya dengan mudah dan memilih yang Anda butuhkan. Setiap bundel terdiri dari semua halaman yang diperlukan tergantung pada jenisnya.
Bagian bawaan
Ada perpustakaan kaya bagian yang telah ditentukan sebelumnya di Qubely untuk membantu Anda membangun situs web dengan cepat. Bagian siap ini dapat diimpor dan digunakan sebagai blok pada editor Gutenberg dan Anda tidak perlu membuat bagian dari awal. Ada berbagai kategori bagian yang telah ditentukan sebelumnya sehingga Anda dapat menavigasinya dengan mudah dan menemukan yang Anda butuhkan.
Blok Gutenberg Tingkat Lanjut
Di sinilah Qubely menjadi jauh lebih menarik. Ada banyak blok khusus Gutenberg di Qubely untuk membuat tata letak apa pun yang dapat Anda bayangkan. Dengan menginstal plugin Qubely, Anda dapat menambahkan 22+ blok khusus ke editor blok Gutenberg dan membawa pengalaman pembuatan halaman di Gutenberg ke tingkat berikutnya.
Blok Gutenberg Tingkat Lanjut Di Dalam Qubely
- Baris
Buat tata letak baris & kolom yang dapat disesuaikan sepenuhnya dengan fungsionalitas luar biasa. Seret untuk mengubah ukuran kolom untuk mendapatkan tata letak yang Anda inginkan. Kontrol jarak, tambahkan gambar, video, warna, gradien, atau mode campuran ke latar belakang baris.
- Tombol
Rancang semua kemungkinan kombinasi tata letak, bentuk, atau antarmuka dalam tombol. Tombol gaya dengan opsi yang tersedia di blok Tombol.
- Kesaksian
Tunjukkan testimonial secara kreatif dengan nama, avatar, ikon & lainnya. Pilih tata letak testimonial dari opsi yang diberikan. Putuskan apakah akan menampilkan Ikon Kutipan, Pesan, Nama, Penunjukan, Avatar, dan Peringkat.
- ikon
Tempatkan ikon di mana saja dengan ikon Font Awesome & gayakan sesuai keinginan Anda. Menampilkan ikon dengan atau tanpa latar belakang dan batas. Gaya ikon dengan menentukan ukuran ikon, perataan, tautan, warna latar belakang, dan bayangan.
- Peta Google
Sematkan Google Maps & sesuaikan ketinggian peta, perbesar peta & opsi lainnya!
- Pembagi
Pembagi pra-desain yang indah dengan pengaturan gaya & sejajarkan pembagi secara fleksibel.
- Teks Lanjutan
Tambahkan dan desain teks. Terapkan batas, bayangan kotak & sesuaikan tipografi juga.
- Menangkal
Tambahkan penghitung dengan pengaturan ekstensif seperti batas & durasi, desain, awalan & perbaikan akhir, dll.
- tab
Tampilkan konten di tab, tambahkan animasi, ikon & banyak lagi lainnya!
- Akordeon
Tampilkan konten teks yang dapat dilipat dengan pengaturan gaya tak terbatas di antarmuka tarik-turun.
- Munculan Video
Munculkan video dan beri gaya dengan ikon, pembungkus, hamparan untuk keterlibatan pengunjung yang luar biasa. Terapkan overlay & box-shadow dan tambahkan animasi ke popup video Anda.
- Menuju
Judul gaya dengan animasi, tipografi, batas, dan banyak opsi lanjutan lainnya.
- Bilah Kemajuan
Tampilkan statistik pada bilah kemajuan dengan latar belakang bilah, animasi, dan banyak lagi.
- Ikon Sosial
Tambahkan profil media sosial di satu tempat dengan label, ikon, atau keduanya.
- Grup Tombol
Memiliki beberapa tombol di satu tempat dengan opsi desain yang fleksibel & tata letak yang kreatif.
- Kotak Info
Tempatkan informasi di situs dengan indah dengan Kotak Info yang pasti akan menarik perhatian pengguna. Blok kotak info hadir dengan judul, pra-judul, animasi, pemisah, dan banyak opsi khusus untuk kotak info bergaya di situs Anda.
- Daftar Lanjutan
Memiliki daftar lanjutan untuk ditampilkan dengan tata letak siap & opsi penyesuaian.
- formulir kontak
Biarkan pengunjung situs berinteraksi pada formulir kontak dengan bidang yang bermanfaat. Aktifkan/Nonaktifkan placeholder dan label dalam formulir kontak. Desain tipografi label dengan ukuran font yang diinginkan, tinggi, spasi, dan lainnya. Tingkatkan gaya input Anda dan aktifkan captcha.
- Daftar Ikon
Tempatkan daftar ikon yang menarik dengan banyak ikon dan sesuaikan tampilannya.
- harga
Buat tabel harga dengan paket berbeda satu per satu menggunakan beberapa tata letak yang telah ditentukan sebelumnya. Tampilkan fitur, lencana, dan teks tombol pos dalam rencana. Atur durasi rencana, tipografi, lencana gaya, dan edit teks secara real-time.
- Pembungkus Blok
Bungkus semua blok dengan latar belakang warna pilihan Anda & lainnya dengan Block Wrapper.
Tim: Daftarkan masing-masing anggota tim secara individual dengan detail mereka seperti nama, sebutan, dan gambar.
- Gambar
Sisipkan gambar dan percantik dengan Qubely Image Block.
- Linimasa
Sajikan garis waktu dari berbagai acara seperti rilis produk, sejarah & pencapaian perusahaan, pembaruan mendatang, pencapaian, dan banyak lagi dengan blok Timeline baru Qubely. Pamerkan garis waktu & peta jalan terperinci dan tata dengan banyak opsi penyesuaian.
Beberapa Fitur Qubely Terbaik Secara Detail
Pembuat Tata Letak Cerdas (Struktur Baris-Kolom)
Anda dapat membuat tata letak halaman web yang sederhana hingga rumit dengan struktur baris-kolom langsung di editor Gutenberg. Konsep pembuatan tata letak baris-kolom yang banyak digunakan dari pembuat halaman utama ada di dalam editor Gutenberg, berkat Qubely.
Kombinasi Beberapa Baris-kolom
Ada beberapa kombinasi kolom dengan jumlah dan ukuran yang berbeda. Blok Baris Qubely memungkinkan Anda mengambil 1 hingga 6 kolom dalam satu baris sekaligus. Anda hanya perlu memilih apa yang Anda butuhkan.
Kolom yang Dapat Disesuaikan
Seret & ubah ukuran kolom dengan mudah. Setelah memilih baris dari sejumlah kombinasi kolom, Anda hanya perlu menyesuaikan ukuran kolom dengan menyeretnya. Buat tata letak yang Anda inginkan dengan sistem kolom yang dapat disesuaikan.
Pengaturan Baris-kolom Lanjut
Selain menerapkan padding dan margin ke kolom, Anda juga dapat mengatur latar belakang kolom dan mengarahkan kursor ke satu warna, gambar, dan gradien. Berikan batas kolom, terapkan radius batas, dan animasikan setiap kolom satu per satu. Selain itu, melampaui opsi gaya kolom ini dengan menambahkan CSS khusus ke kolom.
Warna Latar Belakang Klasik & Gradien
Ingin memiliki latar belakang dalam warna gradien? Jangan khawatir. Anda bisa melakukannya sekarang. Qubely memungkinkan Anda mengatur latar belakang blok dengan warna gradien dan klasik. Tweak pengaturan latar belakang dan pilih warna apa saja. Ada palet warna untuk memilih warna dari.
Kontrol Tipografi Kustom
Anda dapat mengurus tipografi situs Anda sepenuhnya. Qubely menawarkan opsi kontrol tipografi khusus dengan setiap blok tempat Anda dapat menentukan jenis font, ukuran, berat, dan lebih mudah. Anda juga dapat menerapkan berat font, transformasi font, mengatur ukuran font, spasi huruf, tinggi garis, dalam px, em, dan persentase berdasarkan perangkat yang akan menampilkannya.
Kontrol Responsif Khusus Perangkat
Buat tata letak responsif dan konten halaman dengan blok Qubely. Kontrol seluruh responsivitas situs web Anda dengan menentukan titik henti sementara untuk beberapa ukuran layar. Jadi, semua yang Anda buat dengan QUbely menjadi sepenuhnya responsif. Plus, Anda dapat memutuskan apakah akan menyembunyikan/menampilkan konten di perangkat tertentu.
Pengaturan Warna dan Tipografi Global
Dengan toolkit Qubely Gutenberg, Anda dapat mengatur palet warna dan tipografi secara global. Jika Anda mengubah warna dalam palet warna global, bagian yang ditetapkan akan mendapatkan warna secara otomatis. Seperti warna, Anda juga dapat memilih tipografi untuk teks yang berbeda seperti badan, judul, dan tombol untuk diterapkan secara global di seluruh situs WordPress Anda.
Efek Animasi bawaan
Animasikan bagian halaman dengan menerapkan efek animasi dari fade, bouncing, slide, zoom, flip, fold, rotate, dll. Miliki efek animasi pada blok dan buat halaman web lebih menarik.
Memulai dengan Qubely
Membuat halaman web yang indah dengan Qubely sangat mudah. Anda tidak perlu keluar dari editor default WordPress. Qubely menawarkan blok khusus di dalam editor Gutenberg. Setelah plugin blok WordPress ini diinstal di situs Anda, Anda akan memiliki semua blok Qubely dalam kategori Qubely di dalam editor Gutenberg. Mari kita lihat seluruh proses di bawah ini.
● Instal plugin Qubely
● Siapkan Qubely
● Mengakses blok Qubely
● Gunakan blok Qubely
● Impor bagian/tata letak
Pemasangan Qubely di Situs WordPress
Menginstal Qubely sama seperti menginstal plugin WordPress lainnya. Anda dapat menginstalnya dengan mencari dari Dasbor Anda atau dengan mengunduhnya dari direktori WordPress lalu mengunggahnya. Pilihan ada di tangan Anda.
- Siapkan Plugin Qubely
Tidak banyak hal yang harus diatur di dalam Qubely. Qubely mulai bekerja tanpa harus mengubah apa pun di pengaturan. Setelah menginstal Qubely di situs Anda, Opsi Qubely akan ditambahkan ke dasbor WordPress Anda. Mengklik Opsi Qubely akan membawa Anda ke halaman Pengaturan Qubely di mana Anda hanya perlu memutuskan tempat menyimpan CSS Anda. Pilih Header atau Sistem File di bawah Metode Penyimpanan CSS dan klik Simpan Perubahan di bawah.
- Akses Blok Qubely
Ada 14 blok khusus di dalam Qubely sekarang. Kami secara bertahap akan meningkatkan jumlah blok di pembaruan yang akan datang. Mari kita tahu cara mengaksesnya.
Setelah Anda menginstal Qubely di situs Anda, Anda dapat dengan mudah mengakses blok Qubely di editor Gutenberg. Klik tanda plus, tulis “Qubely” di kategori pencarian Qubely. Blok juga dapat diakses dengan menulis nama blok tertentu di bilah pencarian.
- Gunakan Blok Qubely
Menggunakan blok Qubely sama seperti menggunakan blok lain di editor Gutenberg. Akses blok dengan mencari Qubely atau nama blok lalu klik blok yang akan digunakan. Blok yang dipilih akan mendapatkan desain default yang dapat disesuaikan dan ditata dengan opsi lanjutan Qubely.
- Impor Bagian/Tata Letak
Ingin merasa siap dari awal? Qubely menawarkan banyak layout siap pakai untuk diimpor sebagai blok. Anda juga dapat menyesuaikan dan menerapkan opsi gaya untuk membuatnya lebih baik. Bagian dan tata letak yang siap tersedia dalam berbagai kategori untuk navigasi yang lebih mudah melaluinya.
Membungkusnya
Qubely menjadi lebih baik dengan lebih banyak fungsi, desain siap pakai, dan blok baru dengan setiap pembaruan. Jadi ada kemungkinan Qubely akan menginspirasi Anda untuk menggunakan Gutenberg dan memberdayakan Anda dengan banyak pilihan untuk mempublikasikan hal-hal yang ingin Anda bagikan dengan dunia dengan bakat.
Jadi tunggu apa lagi? Dapatkan Qubely hari ini dan mulailah membangun situs web yang luar biasa.