Tinjauan Ekstensif tentang Blok Getwid Gutenberg

Diterbitkan: 2020-04-22

Saya pikir Anda akan setuju dengan saya bahwa membangun situs web dengan WordPress bukanlah hal yang mudah, terutama untuk non-teknisi. Hari ini, kita akan menemukan plugin blok Getwid Gutenberg.

Editor Gutenberg, nama kode untuk era baru dalam pengeditan WordPress, telah membuka lebih banyak peluang penyesuaian dan pada saat yang sama menimbulkan masalah baru untuk ditangani .

Tapi kami tidak mudah takut.

Plugin Gutenberg eksklusif, seperti Blok WordPress Getwid yang akan kami revisi di artikel ini, menawarkan solusi untuk mengatasi masalah tersebut dan memperkaya pengalaman Anda dalam membangun konten di WordPress.

Jadi apa itu Getwid? Ini adalah perpustakaan blok Gutenberg ekstra dan templat desain, masing-masing dengan rantai alatnya sendiri untuk membantu Anda membuat hampir semua jenis situs web yang Anda inginkan.

Mari langsung ke inti dan menyusun ulasan ini sedemikian rupa sehingga Anda dapat dengan cepat melompat ke bagian yang dibutuhkan.

Konsep dan Fitur Utama dari blok Getwid Gutenberg

Berikut adalah kemampuan utama dan prinsip dasar yang telah kami definisikan:

  • Koleksi terbesar blok gratis untuk Gutenberg WordPress Block Editor.

Sejauh ini Getwid dianggap sebagai salah satu plugin blok Gutenberg yang menawarkan perpustakaan terbesar dari blok yang umum digunakan dan unik .

Ini memungkinkan Anda menghentikan lompatan plugin, sehingga menghemat waktu dan ruang hosting karena Anda tidak perlu menginstal selusin plugin lagi. Selain itu, tidak perlu menunggu pembaruan dari penyedia plugin yang berbeda dan menangani semuanya secara terpisah.

  • Desain Getwid yang sudah jadi.

Selain blok, Getwid juga menawarkan perpustakaan pola desain yang bagus untuk bagian situs web yang paling umum – bagian pahlawan dan subpahlawan, ajakan bertindak, layanan, testimonial, dll. Anda dapat dengan mudah memasukkannya dalam klik dan memperbarui konten sampel dengan milikmu. Template dikategorikan memungkinkan Anda untuk dengan cepat menemukan desain yang dibutuhkan. Desain juga dapat dimatikan di pengaturan Getwid.

  • Paritas visual dengan tema WordPress Anda.

Getwid mungkin adalah salah satu plugin terbaik dalam aspek ini, dibandingkan dengan banyak pengaya Gutenberg yang serupa; bloknya secara otomatis mewarisi gaya (desain visual) dari tema WordPress Gutenberg yang diaktifkan daripada menambahkannya sendiri. Ini membantu Anda menjaga konsistensi desain di seluruh situs web dengan lebih sedikit kerumitan dan konfigurasi.

Dengan kata sederhana, blok memiliki gayanya sendiri, tetapi tema Anda menambahkan atau mengganti gaya blok tersebut untuk membuat konten terlihat lebih asli dari tema Gutenberg WordPress Anda.

Fitur Ekstra Blok Getwid Gutenberg

  • Getwid dirancang untuk memenuhi tolok ukur kinerja.

Meskipun kinerja total selalu bervariasi dari satu situs ke situs lainnya dan bergantung pada berbagai faktor, plugin Getwid itu sendiri sangat ringan.

Itu tercapai berkat distribusi pengaturan yang cerdas (misalnya, karena ada blok Judul Lanjutan yang menyediakan semua hal tipografi dan dapat digunakan dengan hampir semua blok lainnya, Getwid tidak membebani blok lain dengan gaya font berat yang sama dan pengaturan tipografi), antarmuka Getwid asli Gutenberg tanpa dekorasi yang tidak diperlukan, file CSS dan JS sebaris yang diperkecil agar tidak membuat situs web Anda membengkak dan banyak lagi. Selain itu, Anda dapat mematikan blok yang tidak Anda perlukan untuk membuat situs web Anda lebih cepat.

Plugin berorientasi kinerja seperti itu tidak hanya akan meningkatkan SEO situs web Anda dan pengalaman pengguna secara keseluruhan, tetapi juga akan membantu Anda mengurangi jejak karbon digital dan membantu menyelamatkan lingkungan (semakin sedikit sumber daya yang dibutuhkan situs web Anda – semakin banyak listrik yang Anda hemat. – persentase emisi CO2 yang lebih kecil dari pusat data yang memberi daya pada situs web Anda).

  • Plugin ini memungkinkan untuk menjalankan versi situs web seluler dan tablet yang canggih.

Pengembang Getwid membuat fokus besar pada kemampuan untuk menyesuaikan tampilan halaman situs WordPress Anda untuk perangkat yang berbeda . Anda dapat menyesuaikan pengalaman web untuk perangkat desktop, seluler, dan tablet secara selektif untuk beberapa blok penting.

Lebih Banyak Fungsi

  • Integrasi yang mudah dengan beberapa layanan pihak ketiga yang populer.

Pustaka blok Getwid sudah menawarkan integrasi tanpa batas dengan Google Maps, Instagram, dan Mailchimp . Anda dapat menerapkannya tanpa perlu menggunakan plugin tambahan (satu lagi hal baik yang membuat seluruh situs web Anda lebih ringan!).

  • Kumpulan blok khusus untuk situs web kaya konten.

Jika Anda menjalankan situs blog, berita atau majalah, toko, atau hanya ingin mempromosikan konten yang sudah Anda posting, plugin Getwid membuka lebih banyak peluang untuk menyajikannya dengan cara yang menakjubkan. Berkat dukungan untuk jenis posting khusus, Anda juga dapat membuat bilah geser, kisi, dan daftar yang secara otomatis bersumber dari posting WordPress dari plugin pihak ketiga yang mungkin Anda gunakan.

  • Tema WordPress Gutenberg gratis yang dibuat dengan Getwid dari awal.

Getwid gratis, tetapi jika Anda membutuhkan solusi tema yang out-of-the-box, ada juga template starter dasar Getwid gratis. Ini akan membantu Anda mendesain di Getwid lebih mudah dengan menggunakan banyak konten siap pakai yang sudah terlihat bagus.

  • Skala pengembang: boilerplate desain Gutenberg gratis.

Jika Anda mencari add-on Gutenberg yang layak digunakan untuk membangun situs web klien, plugin Getwid hadir dengan manfaat lain untuk mempercepat alur kerja Anda. Ada Kit Gaya Getwid gratis yang dapat Anda unduh di GitHub, yang berisi banyak file CSS pemula dan cuplikan dukungan tema untuk gaya blok Getwid dan Gutenberg yang lebih mudah.

  • Video tutorial.

Jika Anda ingin melihat backend atau hanya butuh bantuan dengan beberapa blok, kumpulan video tutorial Getwid juga tersedia untuk Anda.

Sekarang mari kita coba memberikan sekilas ke blok Getwid dan kemudian melanjutkan dengan contoh.

Daftar Blok Gutenberg Gratis yang Tersedia di plugin Getwid

Plugin ini menawarkan hingga 40 blok WordPress sejauh ini:

  • Blok Bagian : blok kontainer tingkat atas untuk semua jenis tata letak.
  • Advanced Heading Block : panel kontrol tipografi serba bisa.
  • Blok Google Maps : cukup jelas, sematkan Google Maps dengan penanda khusus.
  • Blok Ikon : ikon yang sepenuhnya dapat disesuaikan.
  • Blok Kotak Ikon : tata letak yang dibuat sebelumnya dengan wadah ikon.
  • Blok Kotak Gambar : tata letak yang dibuat sebelumnya dengan wadah gambar.
  • Blok Tautan Sosial : satu set ikon sosial.
  • Banner Block : solusi untuk banner promo yang memukau.
  • Blok Penggeser Gambar : penggeser gambar sederhana.
  • Blok Penggeser Media & Teks : penggeser tingkat lanjut.
  • Button Group Block : tombol dengan gaya yang berbeda.
  • Person Block : pameran anggota tim dan staf.
  • Blok Akordeon : tab akordeon.
  • Toggle Block : matikan untuk memvisualisasikan data.
  • Tabs Block : tab horizontal.
  • Blok Galeri Gambar Stack : galeri gambar dengan tujuh pola desain yang berbeda.
  • Blok Testimonial : blok testimonial tradisional.
  • Blok Kiriman Terbaru : daftar dan tata letak kisi untuk kiriman terbaru.
  • Blok Spacer Lanjutan: ruang khusus yang mudah di antara blok konten.
  • Instagram Block : umpan langsung foto Instagram Anda di WordPress.

Siap untuk Lebih?

  • Counter Block : penghitung animasi.
  • Price Box Block : tabel harga dan perbandingan.
  • Progress Bar Block : bilah kemajuan horizontal.
  • Blok Formulir Kontak : formulir kontak sederhana dengan reCAPTCHA.
  • Post Carousel Block : penggeser post carousel.
  • Blok Daftar Harga : daftar makanan dan harga; opsional daftar isi.
  • Post Slider Block : slider yang dihasilkan secara otomatis dari posting Anda.
  • Blok Jenis Posting Kustom : kisi, daftar, atau tata letak kustom dari semua jenis posting kustom yang tersedia di situs web Anda.
  • Circular Progress Bar Block : menampilkan kemajuan dengan animasi bar.
  • Blok Timeline Konten : posting ditampilkan secara kronologis.
  • Blok Hitung Mundur : penghitung waktu mundur animasi.
  • Blok Hotspot Gambar : penunjuk detail dan animasi yang ditempatkan di atas gambar.
  • Blok MailChimp : integrasi Mailchimp yang sempurna.
  • Blok Popup Video : video yang dihosting sendiri dan video eksternal dalam pop-up.
  • Blok Perpustakaan Templat : hingga 40 templat yang sudah jadi (Anda harus mencobanya!)

Selain itu, karena tim MotoPress di belakang Getwid selalu membangun fitur baru, daftar ini kemungkinan besar akan diperpanjang di masa mendatang.

Ini hanya pandangan sekilas, jadi mari menggali lebih dalam pengaturan konfigurasi dan melihat ke belakang panggung untuk mengilustrasikan kemampuan Getwid. Kami akan menggunakan berbagai tema WordPress gratis dan premium yang mendukung Gutenberg.

Sesuaikan Tata Letak Skala Apa Pun dengan Blok Bagian

Bagian adalah wadah multi-blok yang dapat Anda isi dengan blok apa pun, dengan mudah memasukkan kolom Gutenberg dan membuat berbagai jenis latar belakang. Mari kita lihat beberapa fiturnya:

  • Ini memungkinkan Anda memulai dengan lebar tata letak yang diperlukan (jangan ragu untuk membuat tata letak lebar penuh yang menarik dan imersif).
  • Anda dapat menggunakan batas blok yang dapat diseret untuk perataan dan ukuran khusus (margin dan bantalan) – pengeditan visual akan membantu Anda melihat perubahan instan.
  • Anda dapat membuat gambar, gradien, penggeser, video, dan jenis latar belakang lainnya dengan efek dan bentuk animasi yang berbeda. Panel konfigurasi blok ini memungkinkan Anda untuk mengubah jarak secara manual, memilih lebar konten default, dll.
  • Margin, padding, perataan, dan lebar bagian default dapat disesuaikan untuk area pandang yang berbeda (desktop, tablet, ponsel).

Kustomisasi Blok Getwid Gutenberg

  • Anda juga dapat menggunakan latar belakang posisi tetap untuk membuat seluruh halaman lebih hidup (sehingga gambar tetap utuh saat menggulir halaman). Anda kemungkinan akan menerapkan pendekatan ini untuk tata letak lebar penuh guna menciptakan pengalaman penjelajahan yang benar-benar imersif.
  • Sangat mudah untuk membuat bagian pahlawan lebar penuh yang menarik dan bahkan seluruh halaman arahan karena Anda dapat menempatkan Bagian di dalam Bagian untuk memberikan tampilan khusus pada setiap bagian konten.
  • Terapkan palet warna prasetel untuk latar belakang gradien.

  • Kelompokkan konten untuk membangun hierarki visual menggunakan pemisah unik: konfigurasikan ukuran dan warnanya.
  • Buat tata letak offset yang mewah.
  • Menganimasikan blok atau seluruh bagian.

Efek Tambahan dari Blok Getwid Gutenberg

Ada banyak sekali efek animasi yang dapat Anda pilih:

  • Terapkan latar depan yang disesuaikan secara mendalam untuk mempertahankan desain yang lebih aneh lagi (mengatur warna latar depan, gradien, gambar, mengubah opasitas, dan mode campuran.)
  • Untuk melampaui tipografi sederhana, Anda dapat memasukkan blok Judul Lanjutan oleh Getwid yang menawarkan pengaturan tipografi mendalam (ini memungkinkan Anda untuk bekerja dengan beberapa pengaturan font: gaya, berat, ukuran, keluarga, spasi, warna, dll.). Anda dapat menggunakan blok ini dengan blok Gutenberg atau Getwid lainnya.
  • Tambahkan tombol dengan blok Button Group yang juga akan secara otomatis mewarisi gaya dari tema WordPress siap Gutenberg Anda. Ukuran tombol, lebar, arah, dan perataan dapat diubah, sehingga Anda dapat membuat ajakan bertindak profesional dalam klik!

Secara teknis, blok Bagian dapat berfungsi sebagai dasar untuk blok atau kumpulan blok WordPress Gutenberg lainnya, terutama bila Anda ingin memiliki lebih banyak opsi penyesuaian.

Layanan Pamerkan, Ide, dan Fitur Melalui Formulir Minimal

Plugin blok Getwid Gutenberg dikirimkan dengan beberapa blok hebat yang memungkinkan untuk mengekspresikan hal-hal penting tentang proyek/bisnis Anda dengan cara yang lugas, mudah dibaca, dan modern.

Misalnya, Anda dapat mengomunikasikan banyak informasi dengan jauh lebih mudah melalui ikon, gambar+ikon, grafik, penghitung, dan lainnya. Getwid memiliki semuanya.

Mari kita lihat beberapa blok ini dan pelajari lebih lanjut tentang fitur-fiturnya.

  • Tempatkan banyak ikon cantik dan ringan ke dalam konten yang diinginkan dengan blok Ikon biasa. Untuk mengasah desain yang konsisten, Anda bebas memilih gaya ikon sederhana, latar belakang, dan garis besar.

Plugin Getwid menggunakan ikon Font Awesome yang secara otomatis mewarisi desain (ukuran gaya) dari tema siap Gutenberg yang mungkin Anda gunakan dan juga memungkinkan Anda memilih warna yang lebih disukai dari palet warna merek tema. Ini membantu ikon berbaur dengan keseluruhan desain tema Anda jauh lebih mudah.

Namun, Anda bebas mengimplementasikan set ikon Anda sendiri jika diperlukan.

Pengaturan Ekstra Blok Getwid Gutenberg

Untuk tampilan dan perilaku yang lebih khusus, ada pengaturan untuk mengubah ukuran ikon, radius batas, margin, menerapkan efek animasi, dan menautkan ikon ke URL eksternal. Berkat pengaturan ini, Anda dapat menggunakan ikon berbagai bentuk: lingkaran, persegi, persegi panjang, dan diagonal.

  • Selesaikan tata letak berbasis ikon dengan pola blok Kotak Ikon yang dibuat sebelumnya oleh Getwid. Ini dilengkapi dengan rantai alat yang hampir sama dengan Blok Ikon, tetapi juga dilengkapi dengan bidang teks tambahan yang terorganisir dan memungkinkan Anda membuat konten lebih cepat.

Blok Getwid Gutenberg animasi

  • Visualisasikan data menggunakan blok Progress Bar dan Circular Progress Bar yang dianimasikan.

Pengaturan penting dari kedua bilah dapat dikonfigurasi sepenuhnya.

Tabel Harga

  • Pamerkan perbandingan dan tabel harga dengan bantuan blok Kotak Harga. Blok ini dilengkapi dengan tata letak yang dirancang khusus untuk tujuan tertentu, yang hanya perlu Anda isi dengan data Anda.

Karena semua konten diedit sebaris (tepat di Editor Gutenberg), Anda akan segera memperbarui fitur/deskripsi, tombol, dll. CSS khusus juga didukung, jadi jangan ragu untuk memberikan tabel tampilan yang lebih menarik.

FAQ

  • Tab, Toggle, dan blok Accordion, yang dalam desain web modern berkontribusi banyak terhadap peningkatan organisasi konten secara keseluruhan, sangat membantu untuk menyusun informasi seperti FAQ, kebijakan perusahaan, fasilitas di hotel, arsip musik, dan informasi lainnya.

Anda dapat memiliki satu tab atau toggle yang telah dipilih sebelumnya untuk kegunaan yang lebih baik. Melalui panel konfigurasi blok, Anda dapat mengubah ikon, tata letak, dan jenis judul.

  • Terapkan ikon media sosial dengan blok Tautan Sosial. Getwid memungkinkan Anda untuk menerapkan ikon yang harus dimiliki tanpa masalah karena ikon tersebut akan mewarisi tampilan dari tema Anda secara otomatis. Anda hanya perlu memutuskan gaya, ukuran, perataan, dan jarak.
  • Pamerkan penghitung animasi. Misalnya, berikut adalah blok atas tanpa gaya dan penghitung yang sama ditempatkan di dalam blok Bagian oleh blok Getwid Gutenberg:

Anda dapat menggunakan pengaturan minimum atau lanjutan:

Blok ini mendukung angka Arab Timur dan Farsi.

  • Menampilkan beragam tata letak yang dibuat dengan cermat dan kokoh dengan gambar melalui blok Kotak Gambar.
  • Buat menu restoran dengan blok Daftar Harga khusus. Anda dapat pergi dengan atau tanpa gambar.

Seperti yang dapat Anda perhatikan, karena semua blok oleh Getwid sangat asli Gutenberg, Anda memiliki banyak opsi untuk membuat konten yang indah dan mempertahankan konsistensi visual yang lebih baik dengan sedikit usaha.

Buat Galeri dan Slider Media Gutenberg yang Luar Biasa

Getwid menawarkan beberapa cara mudah untuk menyajikan konten media:

  • Tambahkan penggeser dengan blok Penggeser Media dan Teks, di mana Anda dapat mengontrol dan mengedit semua elemen langsung di Editor Gutenberg visual.

Anda akan terkesan dengan seberapa dalam Anda bisa masuk dalam konfigurasi: mengatur semua ukuran yang diinginkan, menyesuaikan teks dan warna overlay, opsional menambahkan bantalan kustom, pilih efek animasi untuk slide dan teks satu per satu dan banyak lagi. Tentu saja, Anda dapat menggunakan tata letak lebar penuh atau lebar untuk penggeser Anda. Jika Anda membutuhkan solusi yang lebih sederhana, ada juga blok Penggeser Gambar oleh Getwid yang dapat Anda gunakan.

Apakah Anda pikir Anda memerlukan plugin slider WordPress lain dengan Getwid di tangan?

  • Integrasikan galeri Instagram langsung dengan mudah tanpa menggunakan plugin pihak ketiga.
      • Buat galeri gambar yang mempesona dengan blok Galeri Gambar Tumpukan.
  • Untuk proyek kreatif, Anda dapat menggunakan blok yang sangat langka, Image Hotspot, untuk membuat gambar/foto/lukisan/ denah lantai Anda lebih informatif. Blok memungkinkan Anda untuk menempatkan tooltips animasi ke area kustom gambar Anda untuk memberikan informasi lebih lanjut tentang bagian gambar tertentu.
  • Pamerkan intro atau video produk dalam pop-up yang memukau (Anda dapat menggunakan gambar sampul, tombol animasi, menambahkan teks, dll.)

Tunjukkan Tim Anda

Ceritakan tentang orang-orang yang membantu Anda membangun bisnis dengan blok Person yang mudah dipelihara, yang dibundel dengan hal-hal penting seperti jabatan, nama, avatar, dan ikon sosial.

Selanjutnya, Anda dapat menampilkan riwayat perusahaan/proyek Anda atau menampilkan peristiwa lain dalam urutan kronologis menggunakan blok Timeline Peristiwa

Buat Slider Posting dan Jenis Posting Kustom di Gutenberg

Jika Anda ingin menampilkan posting blog atau jenis posting khusus lainnya (mis. Layanan, produk WooCommerce, atau jenis konten lain yang dihasilkan oleh plugin yang Anda gunakan), plugin blok Getwid Gutenberg dilengkapi dengan beberapa blok khusus untuk membantu Anda memberikan penekanan ekstra pada konten itu .

Anda dapat menggunakan blok Post Carousel, Post Slider, dan Custom Post Type oleh Getwid untuk tujuan ini. Meskipun mereka datang dengan set pengaturan standar, Getwid bekerja lebih keras dengan memberi Anda pembuat template khusus, di mana Anda dapat secara visual membuat tata letak yang akan diterapkan ke penggeser data posting dinamis.

Bermain dengan balok-balok ini, Anda dapat membuat:

  • Slider jenis posting / posting kustom lebar penuh yang menakjubkan.
  • Korsel pos berkolom dengan elemen desain berbeda.
  • Slider kisi dan daftar.

Ada banyak sekali opsi dan fitur blok ini yang membutuhkan artikelnya sendiri!

Gunakan Spanduk Animasi untuk Mempromosikan Penawaran atau Acara

Anda dapat menjangkau lebih banyak prospek dengan spanduk ajakan bertindak yang jelas, yang dapat dibuat menggunakan blok Getwid Banner. Sebagai alternatif, Anda dapat menggunakan blok ini untuk tujuan lain apa pun saat diperlukan untuk menekankan pada acara atau produk tertentu.

Blok memungkinkan Anda untuk mengontrol tata letak, warna, efek gerakan dan banyak pengaturan lainnya.

Pikiran Terakhir: Plugin Getwid WordPress Blocks Sangat Cocok untuk Blog dan Situs Web Bisnis Kecil

Getwid sejauh ini merupakan kumpulan terbesar dari blok Gutenberg gratis yang jelas bertujuan untuk menjadi solusi lengkap untuk membantu Anda mengurangi jumlah plugin tambahan yang mungkin perlu Anda gunakan.

Tapi itu tidak berarti kuantitas di atas kualitas karena Getwid melakukan pekerjaan desain dan pengembangan yang hebat di berbagai aspek. Berikut adalah beberapa di antaranya:

  • Panel konfigurasi yang luas menyebarkan lebih banyak skalabilitas dan fleksibilitas ke setiap blok.
  • Desain Gutenberg siap pakai.
  • Terlepas dari tema WordPress, Getwid memungkinkan Anda melakukan pengeditan lebih mudah dan mempertahankan konsistensi visual yang lebih baik hampir secara otomatis.
  • Sebuah boilerplate desain gratis dengan potongan styling blok.
  • Plugin memberikan nilai ekstra dengan beberapa layanan populer pra-instal yang biasanya membutuhkan plugin tambahan.
  • Getwid menawarkan beberapa blok yang sangat unik, seperti Image Hotspot, Video Popup, dan Custom Post Type.
  • Plugin Getwid mematuhi praktik terbaik desain dan pengembangan untuk Gutenberg dan WordPress 5.0, yang sebagian besar akan berkontribusi pada pendekatan berwawasan ke depan dalam pembuatan situs web.

Singkatnya, blok Getwid Gutenberg akan membantu Anda bergerak maju pada jenis situs web apa pun yang Anda bangun. Anda akan mendapat manfaat darinya tidak peduli apakah Anda mencari perpustakaan blok yang siap pakai atau hanya satu blok tertentu. Jadi jangan lupa untuk mencobanya, plugin ini gratis seperti dalam bir.