Memisahkan Blok dengan Pengelola Kolom Gutenberg Tingkat Lanjut

Kolom adalah untuk konten apa blok Gutenberg adalah untuk editor klasik WordPress. Mereka memungkinkan Anda untuk mengatur konten Anda tanpa hambatan - jika tidak secara vertikal, seperti blok, maka secara horizontal. Pembaruan terbaru Advanced Gutenberg menghadirkan blok baru untuk membantu Anda bangun dan berjalan dengan kolom.

Pengelola kolom Gutenberg tingkat lanjut adalah pandangan yang lebih maju pada kolom asli Gutenberg. Fitur andalannya memberi Anda lebih banyak kontrol atas bagaimana konten harus ditampilkan, tetapi pada saat yang sama, ini memudahkan untuk mulai membuat konten dengan tata letak yang telah ditetapkan sebelumnya.

Tata Letak Kolom

Untuk membuat blok kolom pertama Anda, cari pengelola kolom di editor Gutenberg WordPress Anda. Hal pertama yang akan Anda lihat saat mengklik blok baru adalah daftar tata letak prasetel yang paling umum. Pilihannya berkisar dari tata letak satu kolom yang sederhana hingga tampilan dua kolom standar dan hingga enam kolom dalam satu blok.

Opsi ini ada sehingga Anda dapat fokus membuat konten alih-alih mendesainnya. Namun, Anda mungkin menemukan diri Anda mencari tata letak yang tidak ada, seperti blok kolom yang hanya menempati 50% dari lebar blog Anda. Dalam hal ini, Anda dapat menggunakan bilah sisi untuk menentukan lebar kolom Anda sendiri.

Untuk menentukan lebar Anda sendiri, klik kolom dan atur lebarnya dalam persen, atau setel ke 0 untuk menyetel ulang ke lebar otomatisnya. Pertahankan persentase total hingga 100% paling banyak untuk menghindari konten posting atau halaman WordPress meluap. Panduan kolom - batas transparan - akan membantu Anda melihat perubahan, tetapi Anda dapat menonaktifkannya dari konfigurasi di pengaturan.

Hal baru lainnya dalam pengelola kolom adalah bagian penyelarasan. Jika Anda mengklik blok pengelola kolom luar, Anda akan menemukan opsi lebar terlebih dahulu. Anda dapat mengaktifkan opsi lebar lebar atau lebar penuh untuk menambah ukuran blok kolom. Tepat setelah mereka adalah opsi perataan.

Tiga opsi perataan pertama adalah standar - kolom dapat disejajarkan secara vertikal di atas, di tengah, atau di akhir. Opsi perataan keempat dan terakhir adalah yang tidak ada di kolom Gutenberg - kolom dalam tinggi penuh .

Opsi merentangkan kolom agar sama dengan kolom tertinggi di blok. Opsi ini diperlukan jika kolom memiliki warna latar belakang atau batas, dan dengan demikian perlu menjangkau keseluruhan tinggi blok.

Kolom Responsif

Blog yang bagus harus ditampilkan dengan baik di desktop, tablet, dan ponsel. Pertanyaan terkait yang muncul secara alami adalah bagaimana cara terbaik menampilkan kolom ketika lebarnya kurang. Haruskah lebar kolom berubah, dan jika ya, bagaimana? Haruskah setiap kolom menjadi barisnya sendiri?

Advanced Gutenberg memberi Anda fleksibilitas untuk memilih bagaimana kolom harus ditampilkan di tablet dan ponsel. Klik pada blok pengelola kolom dan pilih tata letak untuk desktop, tablet, dan ponsel. Opsi pada perangkat genggam termasuk mengubah tata letak kolom atau menumpuk kolom untuk memanfaatkan lebar penuh.

Jika Anda menggunakan lebar lebar tata letak lebar penuh, Anda mungkin menemukan bahwa blok pengelola kolom terlalu lebar pada perangkat yang lebih kecil. Dalam hal ini, Anda dapat mengatur padding dan margin ponsel atau tablet di area tepat di bawah tata letak ponsel dan tablet masing-masing.

Dengan menggulir ke bawah dan membuka pengaturan baris , Anda juga dapat menentukan apa yang harus terjadi ketika kolom meluap dengan konten, dan lebar maksimum dan tinggi minimum suatu baris. Setelah Anda mengenal pengaturan tampilan tata letak umum blok, Anda mungkin ingin mengakses pengaturan respons yang lebih baik.

Dengan pengelola kolom Advanced Gutenberg, Anda juga dapat menentukan padding dan margin masing-masing kolom di desktop atau seluler. Untuk menyempurnakannya, klik pada kolom alih-alih seluruh blok. Kemudian, gulir ke bagian bawah bilah sisi untuk menentukan padding dan margin di desktop atau seluler. Untuk masing-masing, Anda juga dapat menentukan perataan teks.

Personalisasi Kolom WordPress

Ketika Anda selesai menyempurnakan kolom Anda - atau jika Anda tidak merasa perlu beranjak dari tata letak standar - Anda dapat mempersonalisasi kolom atau mulai menambahkan konten ke dalamnya. Saat Anda mengklik kolom, Anda dapat menerapkan opsi tampilan lebar kolom, yang saat ini terbatas pada gaya batas, warna, lebar, dan radius.

Yang terpenting, inti dari kolom adalah untuk menyimpan dan menampilkan konten. Pengelola kolom Advanced Gutenberg mendukung semua jenis konten dalam kolom, yang berarti Anda dapat menyimpan di dalamnya paragraf, gambar dan galeri, dan blok lainnya, baik standar maupun khusus. Imajinasi Anda adalah batasnya!

Setelah Anda menguasai kekuatan blok Gutenberg, Anda dapat mengekspresikan kreativitas Anda di posting dan halaman WordPress Anda. Dengan pengelola kolom Advanced Gutenberg, Anda bisa mendapatkan hasil maksimal dari blog WordPress Anda. Jadi raih kendali sebanyak atau sesedikit yang Anda inginkan dengan kolom dan lepaskan kreativitas Anda tidak hanya secara vertikal, tetapi juga horizontal!

Dapatkan Gutenberg Lanjutan (plugin gratis): https://www.joomunited.com/wordpress-products/advanced-gutenberg