Cara membuat kolom di WordPress tanpa plugin

Mengatur konten ke dalam kolom sangat mudah berkat blok WordPress Columns. Blok ini milik blok inti yang mungkin digunakan di setiap tema WP. Blok kolom dapat memiliki hingga 6 kolom. Jadi karena itu Anda dapat memiliki 6 konten berbeda secara berdampingan.

Hari ini kami akan menunjukkan cara membuat kolom di WordPress tanpa plugin – dengan menggunakan blok Kolom. Kami juga membawa Anda ringkasan fitur terbaru dari versi WP 5.3 memperbarui.

Dalam tutorial ini Anda akan menemukan informasi tentang:

• Apa tujuan dari kolom
• Bagaimana kolom digunakan untuk bekerja di editor lama
• Cara membuat kolom di WordPress tanpa plugin (di editor blok)
• Setelan blok Kolom Dasar
• Cara bekerja dengan blok Kolom WordPress
• Cara mengedit blok bersarang
• Keuntungan blok kolom

Apa tujuan dari kolom

Kolom di situs web dapat memiliki banyak aplikasi. Pertama-tama mereka dapat membuat konten diatur dengan baik, lebih mudah dibaca dan lebih mudah untuk browser. Dengan mengatur konten ke dalam kolom, Anda dapat menyorot informasi atau parameter penting.

Misalnya Anda dapat menggunakan tata letak multi-kolom untuk menampilkan layanan Anda. Tambahkan gambar ilustratif, deskripsi, atau tombol di sana. Anda tentu saja dapat membuat gambar dapat diklik.

Sama halnya dengan layanan, Anda dapat menggunakan kolom di WordPress untuk menampilkan produk atau kategori produk. Sangat ideal jika Anda memiliki situs web bisnis sederhana.

Dalam posting blog Anda dapat menggunakan kolom untuk memisahkan konten. Anda dapat menempatkan teks, poin-poin, atau gambar secara berdampingan.

Bagaimana kolom digunakan untuk bekerja di editor lama

Sebelum WordPress 5+ jika Anda ingin membuat konten multi-kolom, Anda harus menggunakan tabel. Itu jauh lebih sulit daripada di editor terbaru. Selain itu, biasanya ada masalah dengan gaya dan tampilan tabel di perangkat seluler. Bagaimana cara kerjanya?

Anda memiliki banyak opsi tentang cara membuat kolom di situs web WordPress:

1. Masukkan kode HTML secara manual ke editor teks

<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

Pendekatan ini terutama digunakan oleh pengembang, yang dapat dengan cepat membuat tabel atau kolom berdasarkan kebutuhan mereka. Kerugiannya adalah tidak semua tema WordPress dapat menangani kolom dengan baik. Tabel biasanya tidak sempurna dan rata-rata pengguna tidak dapat dengan mudah menyelesaikan semua kemungkinan masalah.

2. Mengizinkan tabel di editor WordPress

Karena WordPress menggunakan editor TinyMCE, dimungkinkan untuk mengizinkan fungsi mengedit tabel. Jika Anda tertarik untuk mempelajari lebih lanjut, Anda dapat menemukan semua detailnya di forum ini. Jika Anda melakukan hal yang sama untuk tema AIT kami, tabel akan berfungsi dengan benar.

3. Menggunakan elemen Kolom dalam tema AIT

Jika Anda menggunakan salah satu tema WordPress lama kami, Anda pasti tahu elemen Kolom kami. Elemen ini dapat digunakan untuk menambahkan kolom di dalam halaman. Ini adalah elemen yang dapat dipesan, artinya Anda dapat menempatkannya di mana pun Anda membutuhkannya. Keuntungannya adalah variabilitasnya di dalam halaman.

4. Unduh plugin pihak ke-3 untuk mengelola tabel

Solusi lain tentang cara membuat kolom di posting dan halaman WordPress adalah mengunduh salah satu plugin yang tersedia untuk membuat tabel. Plugin ini memungkinkan penambahan kolom/tabel menggunakan beberapa klik tanpa pengkodean apa pun. Dimungkinkan juga untuk menggunakan ini oleh pengguna yang kurang berpengalaman.

Cara membuat kolom di WordPress tanpa plugin (di editor blok)

Berkat editor blok baru, membuat kolom menjadi sangat mudah. Jika Anda masih menggunakan WordPress lama, sekarang waktu yang tepat untuk mengupdate ke versi terbaru. Anda dapat menambah dan mengelola kolom dengan mudah, dalam beberapa klik menggunakan blok Kolom.

Blok ini adalah perubahan yang disambut baik untuk semua orang yang ingin bekerja dengan konten multi-kolom, mempresentasikan produk atau menulis blog dan tidak memiliki pengalaman dengan pemrograman.

Mari kita lihat cara menambahkan blok Kolom dan cara membuat kolom di WordPress tanpa plugin:

• Opsi pertama adalah mengklik "+" di bilah atas dan memilih blok Kolom dari blok yang tersedia.
• Opsi kedua adalah mengklik "+" di mana saja di dalam editor.

Tata letak yang telah ditentukan sebelumnya dari blok Kolom WordPress (BARU dari WP 5.3)

Versi terbaru membawa peningkatan besar dalam pengaturan kolom. Pertama-tama ada gaya tata letak default yang tersedia. Apa artinya?

Pengguna dapat memilih tata letak dan gaya perataan dalam proses penambahan blok baru ke area konten. Tata letak yang telah ditentukan sebelumnya bisa sangat membantu – terutama bagi pengguna yang tidak memiliki keterampilan WordPress tingkat lanjut. Fitur ini mewakili bagaimana kita membayangkan cara membuat kolom di WordPress (tanpa plugin atau add-on lainnya).

 

Jika Anda tidak ingin memilih tata letak standar di blok Kolom WordPress, lewati saja. Setelah melewati langkah ini, konten akan dipisahkan menjadi 2 bagian yang sama/dua kolom terpisah yang dapat diedit.

Kolom Blokir setelan dasar

Blok Kolom WordPress sendiri tidak memiliki banyak pilihan. Kenapa bisa seperti itu nanti akan kami jelaskan. Di bilah atas Anda dapat mengubah perataan menjadi lebar atau lebar penuh. Anda dapat mengubah perataan ini jika didukung oleh tema aktif Anda.

Pengaturan blok Kolom yang paling penting adalah jumlah kolom di sidebar inspektur di sisi kanan. Secara default ada 2 kolom, tetapi Anda dapat menambah angka ini menjadi 6. Anda dapat mengubahnya menggunakan mouse atau memasukkan angka. Tampilannya akan langsung Anda lihat setelah menambah atau mengurangi kolom. Blok berubah sendiri secara dinamis tergantung pada penggeser.

Ini sangat praktis karena Anda mengubah jumlah kolom secara harfiah dalam hitungan detik tanpa perubahan pengaturan atau pengkodean yang sulit.

Sama halnya dengan blok lain di editor WordPress, Anda juga dapat memasukkan Kelas CSS Khusus ke blok Kolom.

Block appender untuk pekerjaan yang lebih lancar dengan blok

Blok kolom istimewa karena Anda dapat membuat banyak blok dengannya. Sampai versi baru dirilis, cukup sulit untuk bekerja dengan blok individu. Saat Anda ingin menambahkan beberapa blok, Anda tidak tahu persis di mana harus mengklik. Berkat Block appender (dan diferensiasinya berdasarkan warna latar belakang), lebih mudah untuk memasukkan konten ke kolom yang tepat.

Cara bekerja dengan Blok Kolom WordPress

Keindahan blok Kolom adalah bahwa setiap kolom dapat menyarangkan blok lainnya. Itu bisa berupa Paragraf, blok Gambar atau blok tombol. Jumlah maksimum kolom adalah 6, sehingga Anda dapat membuat konten multi-kolom sesuai kebutuhan. Seperti yang telah disebutkan sebelumnya, untuk mempresentasikan produk Anda dapat menambahkan gambar produk, nama, harga, dan tombol secara berdampingan.

Anda juga dapat menggunakan beberapa blok kolom satu di bawah yang lain untuk membuat kisi. Anda dapat menggunakannya untuk menyajikan layanan atau promosi fitur-fitur penting.

Mengedit blok bersarang

Seperti yang telah kami sebutkan, Anda dapat menumpuk blok lain di dalam kolom. Setiap blok bersarang memiliki semua pengaturan yang tersedia. Itu berarti bahwa jika Anda menambahkan blok Gambar ke dalam kolom, Anda dapat mengeditnya dengan cara yang persis sama seperti di standalone Blok gambar.

Kesimpulan: Keunggulan blok kolom

Melepaskan editor blok WordPress dan ketersediaan penggunaan kolom di halaman dan posting secara signifikan menyederhanakan cara pengguna dapat bekerja dengan konten. Berkat blok Kolom WordPress, tidak lagi penting untuk menggunakan solusi pihak ke-3 atau menulis kode HTML. Menambahkan atau menghapus kolom dimungkinkan dengan beberapa klik. Semuanya sangat intuitif dan cepat juga untuk pengguna yang kurang ahli teknologi.

Konten Anda dalam tata letak multi-kolom akan diselaraskan dengan baik ke dalam kisi. Ini juga akan langsung terlihat bagus dalam versi responsif.

Kami bekerja keras pada tema WordPress Citadela baru, yang dikembangkan khusus untuk editor blok WordPress. Pelajari lebih lanjut tentang tema Citadela dan paket tata letak yang tersedia.