Blok WordPress asli terbaik [Tinjauan Singkat]

Kami memberikan Anda panduan tentang cara menggunakan editor dan blok Gutenberg WordPress. Silakan baca berita tentang perubahan pemblokiran yang akan hadir di versi 5.4 berikutnya. Kami telah memilih semua blok yang paling sering digunakan yang harus digunakan di situs web mana pun. Setelah dirilis, kami akan memposting detail lebih lanjut tentang semua fitur.

Ketika WordPress mengumumkan editor Gutenberg baru pada tahun 2018, kami sangat gembira karenanya. Sekarang beberapa tahun kemudian kami melihat peningkatan besar. Editor Gutenberg WordPress adalah alat yang hebat untuk membuat situs web.

Semua blok WordPress standar untuk editor Gutenberg ini berfungsi penuh dalam proyek terbaru kami Bebas Citadela Tema WordPress. Anda dapat menggunakannya di situs web apa pun buat sebuah akun dan unduh secara gratis.

Dengan Plugin AitThemes Citadela, Anda dapat membuat konten khusus untuk presentasi perusahaan, bisnis, blog, atau situs web nirlaba. Atau bahkan memulai bisnis online baru. Kecepatan situs web dan kemudahan mengedit situs web adalah faktor terpenting.

Apa itu blok?

Blok Gutenberg WordPress adalah unit pembangun situs web. Masing-masing memiliki tempat dan tujuan khusus. Sangat penting untuk menggunakan blok WordPress yang tepat untuk jenis konten tertentu.

Tapi bagaimana Anda menemukan blok paling cocok yang sesuai dengan niat Anda?

Untuk membantu Anda lebih memahami blok WordPress, kami telah menyiapkan ikhtisar yang paling populer ini.

Blok konten teks

Ada beberapa blok yang dapat Anda gunakan untuk menyisipkan konten teks di situs web Anda. Anda dapat menggunakan beberapa blok. Dari WordPress 5.4 ada pengaturan baru, Anda dapat mengubah warna teks.

• Gugus kalimat
• Menuju
• Mengutip
• Daftar
• Tarik kutipan
• Meja
• Ayat
• Diformat sebelumnya

Kecuali ini, Anda menggunakan blok Klasik yang bisa lebih berguna untuk paragraf yang panjang.

Blok tombol

Membuat tombol CTA yang menarik di WordPress menjadi sangat mudah dengan blok Tombol. Anda tidak perlu memasukkan CSS khusus atau memahami HTML. Anda dapat – tetapi tidak harus – memasukkan kode heksadesimal warna favorit Anda untuk membuat tombol terlihat bagus dan menarik.

Di mana menggunakan blok Tombol?

Setelah pengunjung web masuk ke situs web Anda, Anda ingin mendorong mereka untuk mengambil tindakan. Itulah gunanya tombol CTA.

Secara umum, ada 3 tempat di mana Anda harus menggunakan blok Tombol WordPress:

• Beranda – untuk menyelesaikan tindakan yang mengarah pada pemenuhan tujuan Anda, seperti mendaftar untuk nawala, menemukan penawaran khusus, atau mendaftar untuk uji coba gratis.
• Halaman produk – tergantung pada bagaimana halaman produk Anda memimpin, mungkin ada 1 tombol CTA (BELI) atau lebih banyak tombol, misalnya detail produk, beli, tambahkan ke daftar keinginan, dll.
• Blog – Tombol CTA dapat merujuk ke artikel bermanfaat lainnya atau pembelian produk/layanan Anda.

Pengaturan blok tombol

Di Inspektur, di sisi kanan, Anda dapat dengan mudah mengatur pengaturan tombol Anda:

• Gaya
• Warna latar belakang
• Warna huruf
• Berbatasan

Teks yang ditulis di tombol CTA Anda harus pendek dan lurus ke depan, mendorong tindakan yang Anda ingin pengunjung web Anda lakukan.

Berita datang di versi WordPress 5.4 berikutnya (rilis 31 Maret 2020)

Blok tombol akan diganti dengan Tombol baruS memblokir.
Anda dapat berasumsi dari nama baru, bahwa Anda akan dapat membuat lebih banyak tombol di samping satu per satu dalam satu wadah blok. Seringkali ada kebutuhan untuk membuat dua CTA sekaligus, misalnya: Beli Sekarang dan Baca Selengkapnya. Juga, beberapa pengaturan gaya dan warna baru akan hadir. Pilih Fill atau Outline style dan kemudian warna background. Anda dapat memilih latar belakang Solid atau Gradien. Beberapa prasetel sebagai titik awal akan tersedia untuk penyetelan halus yang lebih mudah. Kabar baiknya adalah semua blok tombol yang ada akan berfungsi dan tidak perlu memigrasikannya.

Blok kolom

Blok kolom adalah blok WordPress luar biasa yang membuka pintu ke tata letak baru. Ini memberi Anda lebih banyak opsi pengaturan elemen halaman yang menghasilkan lebih banyak alternatif desain.

Bekerja dengan blok Kolom itu mudah:

• Tidak ada instalasi plugin tambahan.
• Tidak diperlukan pengkodean.
• Yang Anda butuhkan hanyalah sedikit akal sehat untuk desain yang rapi.

Dibandingkan dengan hassel sebelumnya yang harus Anda lalui sebelum rilis editor blok WordPress, sangat mudah untuk menggunakan blok Kolom WordPress.

Bagaimana cara menggunakan blok Kolom?

Seperti yang ditunjukkan di atas, ada 2 cara blok Kolom dapat digunakan:

• Untuk mengatur aliran teks Anda (di posting blog atau di halaman biasa).
• Untuk mengatur blok lain menjadi kolom.

Saat mengatur teks ke dalam kolom, misalnya di dalam posting blog, Anda meningkatkan keterbacaan dan membuat situs web Anda lebih transparan & ramah pengguna.

Namun, saat Anda menggunakan blok Kolom untuk menyarangkan blok lain, seperti gambar, teks, dan tombol, Anda mengubah seluruh tata letak halaman pilihan Anda dan membuat desain baru.

Pengaturan blok kolom

Setelah memasukkan blok Kolom ke halaman, pilih berapa banyak kolom yang Anda inginkan. Jumlahnya bisa berapa pun dari 2 hingga 6 kolom. Kemudian Anda dapat mulai mengetik teks atau menambahkan blok ke setiap kolom.

Perataan konten blok kolom Anda dapat diatur secara terpisah untuk seluruh blok serta kolom individual. Anda bahkan dapat memilih proporsi lebar kolom. Dengan cara ini, satu kolom bisa lebih lebar dari yang lain.

Blok penutup

Mari kita bicara tentang tajuk situs web Anda. Ini adalah bagian yang menentukan kesan pertama saat seseorang mengunjungi beranda Anda. Agak penting, bukan? Dan tahukah Anda bahwa blok Sampul dapat digunakan sebagai tajuk di salah satu halaman Anda?

Sampul adalah blok inti WordPress yang membantu Anda mengesankan pengunjung web Anda. Terutama bila digunakan dengan benar, atau lebih baik dikatakan, bila terintegrasi dengan rapi dalam desain web Anda.

Di mana menggunakan Blok penutup?

Seperti disebutkan di atas, blok Sampul dapat digunakan di salah satu halaman Anda. Selain itu, dapat ditambahkan di mana saja ke halaman, tidak seperti tajuk situs web Anda yang dipasang di bagian atas situs web Anda.

Blok penutup dapat digunakan sebagai:

• Tajuk halaman mana pun, termasuk Beranda.
• Gambar atau video ditimpa oleh teks yang digunakan pada halaman produk.
• Pemisah konten dalam posting blog.

Pengaturan blok penutup

Menyiapkan blok Sampul Anda sangat mudah. Pertama, pilih gambar atau video sebagai latar belakang. Anda juga dapat menggunakan satu warna sebagai gantinya. Saat Anda mengatur latar belakang, tambahkan judul dan subjudul. 

Anda dapat memilih perataan blok, dan tentu saja, perataan teks di dalamnya.

Perataan blok penutup menawarkan opsi berikut:

• Rata kiri
• Sejajarkan Pusat
• Rata kanan
• Lebar Lebar
• Lebar Penuh

Favorit pribadi saya adalah hamparan warna yang tersedia di inspektur – gambar latar belakang blok Sampul dapat disesuaikan dengan warna apa pun yang Anda inginkan. Bersama dengan ukuran dan warna font yang disesuaikan, Anda dapat membuat kontras yang indah dan tampilan akhir blok sampul Anda akan menakjubkan.

Dari WordPress 5.4 Anda dapat memilih latar belakang gradien daripada yang padat.

Blok galeri

Pamerkan gambar di situs web Anda menggunakan blok Galeri. Blok WordPress standar ini telah dirancang untuk menampung gambar Anda dan menampilkannya dengan baik di halaman mana pun di situs web Anda. Mirip dengan blok WordPress lainnya, blok Galeri dapat ditempatkan di mana saja di situs web atau di dalam postingan blog.

Upload gambar Anda dapat dilakukan dengan memilih file dari media library, dari komputer Anda atau menggunakan fungsi drag & drop.

Di mana menggunakan blok Galeri?

Bergantung pada jenis situs web Anda, Anda mungkin ingin membuat galeri foto yang rumit atau presentasi gambar yang sederhana. Anda dapat menggunakan blok Galeri di:

• Beranda Anda
• Subhalaman individual yang dibuat sebagai album galeri foto Anda
• Halaman produk
• Blogpost

Pengaturan blok galeri

Terlepas dari berbagai opsi penyelarasan blok Galeri itu sendiri, ada beberapa opsi menarik di dalam blok ini, seperti:

• Jumlah kolom tempat gambar dibariskan.
• Pemangkasan gambar agar sesuai dengan ukuran yang sama (dari gambar terkecil).
• Hyperlink memberi Anda opsi untuk menautkan ke halaman lain atau file media.

Blok gambar

Blok gambar tidak lain adalah blok untuk menampilkan gambar di situs web Anda.

Itu benar. Jika Anda hanya ingin menambahkan gambar ke salah satu halaman Anda, Anda harus menggunakan blok Image WordPress. Ini mungkin mirip dengan blok lain yang disajikan, tetapi ada perbedaan signifikan yang membuatnya sempurna untuk gambar tunggal.

Kapan menggunakan Blok gambar?

Blok gambar harus digunakan terutama ketika objek yang ditampilkan pada gambar sangat penting bagi pengunjung web Anda yang ingin Anda:

• Tangkap perhatian pengunjung web dengan gambar tertentu.
• Tampilkan gambar dengan keterangan.
• Tampilkan infografis yang membantu pengunjung lebih memahami materi yang dibahas.

Pengaturan blok gambar

Salah satu keuntungan terbesar dari blok Image WordPress adalah opsi ukuran gambarnya. Anda dapat dengan mudah mengubah ukuran gambar dengan menariknya di sudutnya, memilih ukuran tetap dalam piksel, atau menentukan ukuran dalam persentase.

Opsi penting lainnya adalah kolom input untuk teks alternatif, keterangan, dan tautan. Saya sangat menyarankan menggunakan bidang ini karena mereka memainkan peran penting dalam SEO halaman.

Blok media & teks

Mari beralih ke tata letak halaman yang lebih canggih yang dapat Anda buat menggunakan blok Media & teks. Blok inti WordPress ini memungkinkan Anda menggabungkan media & teks secara berdampingan, dengan cara yang estetis dan kontekstual.

Di mana menggunakan Media & blok teks?

Meskipun Media & blok teks paling cocok untuk digunakan dalam postingan blog, dengan sedikit imajinasi, Anda juga dapat menggunakannya di tempat lain. Misalnya, Anda dapat membuat ikhtisar produk atau layanan yang bagus menggunakan gambar & teks di samping satu sama lain.

Jangan lupa untuk menambahkan blok Tombol ke bagian teks dari blok Media & teks, jika digunakan sebagai ikhtisar produk/layanan. Dengan cara ini Anda dapat mendesain bagian CTA yang bagus di halaman mana pun.

Keuntungan Media & blok teks

• Menyatukan gambar & teks yang secara kontekstual cocok satu sama lain.
• Menghindari salah penempatan gambar di dalam posting blog.
• Membantu daya tanggap situs (gunakan fungsi “Stack on mobile”).

Setelan media & blok teks

Saat melihat pengaturan Media & blok teks, Anda akan melihat beberapa opsi perataan, beberapa di antaranya unik, dibandingkan dengan kebanyakan blok lainnya.

Setting yang menarik dan berguna dari blok ini adalah warna background. Dengan mewarnai area di sekitar gambar dan teks yang cocok satu sama lain, Anda dapat menyorot secara visual hubungannya.

Sisipkan tautan dari WordPress versi 5.4 (31.3.2020). Anda dapat memilih dari link, file media atau halaman lampiran.

Blok meja

Blok tabel adalah salah satu contoh peningkatan WordPress setelah diperkenalkannya editor blok WordPress di versi 5.0 dan seterusnya. Jika sebelumnya Anda membutuhkan plugin untuk memasukkan table ke dalam website WordPress Anda, sekarang Anda cukup menggunakan Table block.

Di mana menggunakan blok tabel?

Tabel memainkan peran besar dalam menyediakan konten yang bermanfaat dengan cara yang tertata dengan baik dan transparan. Tentunya, sebagian besar situs web telah menggunakan tabel. Berikut adalah beberapa contoh penggunaan tabel di berbagai situs web:

• Perbandingan data
• Tabel harga
• Detail teknis produk
• Resep
• Ikhtisar paket keanggotaan

Memiliki blok Tabel sebagai bagian dari inti WordPress gratis sungguh menakjubkan.

Pengaturan blok tabel

Saat Anda memasukkan blok Tabel ke halaman, Anda perlu menentukan sejumlah kolom dan baris tabel Anda. Jangan khawatir, nomor ini belum diperbaiki. Anda dapat menambahkan lebih banyak baris dan kolom (atau menghapusnya) kapan saja.

Kemudian, pilih gaya tabel Anda: default atau bergaris. Lanjutkan ke perataan dan gaya font, dan terakhir, isi tabel Anda sebelum menambahkan sentuhan akhir.

Pilihan lainnya meliputi:

• Warna latar belakang
• sel lebar tetap
• Tajuk
• Catatan kaki
• Tautan (entri teks dalam tabel dapat ditautkan ke halaman lain)

Blok mana yang ingin Anda lihat selanjutnya?

Semoga Anda menikmati membaca tentang pilihan blok inti WordPress kami yang sangat berguna – tersedia gratis untuk semua orang. Tolong, beri tahu kami blok mana yang ingin Anda baca selanjutnya atau fungsionalitas mana yang Anda temukan masih hilang di inti WordPress. Terima kasih sudah membaca!