Apakah Anda ingin menambahkan konten multi-kolom ke posting WordPress Anda?

Kolom dapat digunakan untuk membuat Layout yang menarik untuk publikasi dan halaman Anda.

Media cetak tradisional, seperti koran dan majalah, telah menggunakan tata letak multi kolom sejak awal pencetakan. Tujuan mereka adalah untuk memungkinkan pengguna lebih mudah untuk membaca teks yang lebih kecil sambil menggunakan ruang yang tersedia secara ekonomis.

Jika Anda belum membuat website atau blog di WordPress, kami mengundang Anda untuk berkonsultasi Cara menginstal blog WordPress dalam 7 langkah selanjutnya, Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda

Tata letak kolom tunggal lebih umum digunakan di web. Namun, grid dengan banyak kolom masih berguna untuk menyoroti konten dan memfasilitasi pembacaan dan analisis.

Dalam tutorial ini, kami akan menunjukkan kepada Anda cara menambahkan konten multi-kolom dengan mudah ke posting WordPress Anda tanpa menulis kode HTML apa pun.

Menambahkan Konten Multi-Kolom di WordPress - Solusi Mudah

Membuat konten multi-kolom, juga dikenal sebagai konten kisi di WordPress, sekarang mudah karena ini adalah fitur default. Itu editor blok WordPress Gutenberg baru mengusulkan blok kolom.

Untuk menambahkan beberapa tata letak kolom, Anda perlu membuat posting baru atau mengedit satu. Setelah berada di area pengeditan, klik " Tambahan Di bagian atas untuk menambahkan blok.

Maka Anda harus memilih blok kolom "Terletak di bawah tab" Elemen tata letak ".

Anda akan melihat lompatan pointer mouse di kolom kiri dan pengganti untuk teks akan muncul di kolom kanan.

Seperti yang Anda lihat pada gambar di atas, blokir Kolom pada awalnya tampak seperti area kosong. Jika Anda mengarahkan mouse ke kiri, Anda dapat melihat batas blok yang disorot.

Anda juga dapat melihat parameter blok di kolom kanan layar.

Secara default, blok kolom menambahkan dua kolom. Anda dapat menambah jumlah kolom yang ingin Anda tambahkan dari pengaturan blok di sebelah kanan. Ini memungkinkan Anda menambahkan hingga enam kolom dalam satu baris.

Cukup klik pada kolom dan mulailah mengetik untuk menambahkan konten. Anda dapat menggunakan tombol Tab pada keyboard Anda untuk pindah ke kolom berikutnya.

Menambahkan konten multimedia dan lainnya ke kolom Anda

Selain konten teks, Anda juga dapat menambahkan gambar dan video embed di kolom WordPress.

Blok kolom memungkinkan Anda menambahkan blok di dalam setiap kolom. Arahkan mouse ke atas kolom dan Anda akan melihat "Tambahkan blok baruDi dalam. Anda juga dapat menambahkan blok dengan memasukkan nama blok.

Blok yang Anda pilih akan muncul di kolom. Anda dapat pergi ke sana dan menambahkan konten.

Untuk mengunggah - mengunggah - media Anda, temukan artikel kami di Cara mengunggah media massal Anda di WordPress

Seperti inilah tampilan kolom baru Anda di tema WordPress default Dua Puluh Sembilan Belas. Dalam contoh ini kita menggunakan tiga kolom dan kolom terakhir berisi gambar.

Jika Anda hanya ingin menambahkan gambar dan teks ke samping, Anda juga dapat menggunakan blok Media dan teks Alih-alih kolom. Blok ini dirancang khusus untuk menampilkan media seperti gambar dan video di sebelah teks.

Penambahan beberapa kolom di editor klasik WordPress

Jika Anda belum meningkatkan WordPress ke Gutenberg dan masih menggunakaneditor klasikAnda perlu menginstal plugin terpisah untuk membuat tata letak kotak kolom.

Mulailah dengan menginstal dan mengaktifkan plugin Kolom Kisi Ringan. 

Untuk petunjuk mendetail, ikuti panduan langkah demi langkah kami tentang caranya untuk menginstal plugin di WordPress.

Setelah aktivasi, Anda dapat membuat pesan baru atau membuka pesan lama untuk diedit. Kemudian klik " Tambahkan kolom Di toolbar editor visual.

Anda sekarang akan melihat jendela popup yang memungkinkan Anda menambahkan kolom pertama Anda. Anda dapat memilih berapa banyak area yang dapat dicakup kolom Anda, pada desktop, tablet, dan perangkat seluler secara berbeda.

Melangkah lebih jauh dengan menemukan Cara membuat lebar halaman penuh di WordPress

Misalnya, jika Anda menetapkan persentase grid desktop 50%, kolom Anda akan mencakup setengah dari baris.

Ini memiliki banyak opsi untuk mengatur lebar kolom Anda, dari 5% ke 100% dengan interval 5. Anda dapat memilih satu dengan mengklik menu drop-down.

Kemudian, Anda harus menambahkan konten kolom Anda di area "Konten", lalu klik tombol "OK" untuk memasukkannya ke dalam publikasi Anda.

Plugin akan menghasilkan kode pendek yang diperlukan dengan konten Anda dan menambahkannya ke editor posting Anda.

Temukan dalam tutorial ini Cara menginstal dan mengkonfigurasi plugin WP Super Cache untuk meningkatkan kinerja blog Anda.

Sekarang setelah kolom pertama Anda ditambahkan, Anda dapat mengulangi proses untuk menambahkan lebih banyak kolom. Untuk kolom terakhir jangan lupa centang kotak 'Kolom terakhir dari baris'.

Setelah itu, Anda dapat menyimpan pratinjau dan mempratinjaunya. Inilah yang terlihat di situs web pengujian Twenty Seventeen kami.

Jika Anda juga ingin menemukan tema WordPress yang dapat membantu Anda membuat kolom pada halaman atau publikasi Anda, berikut adalah tema WordPress 3 premi sempurna untuk tugas ini.

1. TheGem

Ada banyak Tema WordPress yang mungkin mengklaim menawarkan tata letak OnePage, tetapi tidak ada yang dapat menawarkan banyak opsi dan fitur yang dimiliki template WordPress TheGem. 

Semua elemen desain yang Anda kaitkan dengan situs web OnePage yang bagus ada di sini tema WordPress : penggeser layar penuh (yang dapat dibuat menggunakan plugin Revolution Slider yang disertakan dengan tema WordPress), pilihan enam gaya header dan kemampuan untuk membuat bagian lebar penuh menggunakan plugin Visual Composer yang disertakan dalam paket.

Selain itu, ia memiliki sejumlah opsi penyesuaian untuk item seperti font, warna, dan ikon. Ini hal yang langka, tetapi ada juga detail yang tidak kita sukai tentang TheGem. Tapi pada dasarnya itu adalah tema WordPress yang cocok untuk Anda, tentu saja, mengingat jumlah poin positif yang dimilikinya. Ini adalah pesaing yang kuat, yang akan memfasilitasi pembuatan situs web OnePage.

Download | Demo | Hébergement Web

2. Stockholm

Stockholm adalah tema WordPress yang dirancang untuk membantu Anda membuat situs web perusahaan konstruksi, teknik sipil, atau perusahaan apa pun yang terkait dengan dunia renovasi bangunan. Ini Template WordPress ditujukan untuk para profesional yang peduli dengan kualitas dan detail.

Dilengkapi dengan panel opsi dan backend yang ramah pengguna, mereka akan memungkinkan Anda untuk dengan mudah mengelola konten Anda. Ada sekitar 20 demo template ini yang menyajikan berbagai macam aktivitas di mana tema WordPress ini dapat digunakan. Dan ini juga dapat digunakan sebagai dasar untuk penyesuaian di masa mendatang agar situs web Anda memiliki tampilan yang unik.

Sangat responsif, ditampilkan dengan sempurna di semua jenis layar. Jika selama kustomisasi atau pemasangan templat ini, Anda menemui kesulitan, dokumentasi lengkap yang termasuk dalam paket dapat berfungsi sebagai panduan. Dan jika Anda masih tidak bisa, dukungan yang didedikasikan untuk tema WordPress ini tetap siap membantu Anda.

Download | Demo | Hébergement Web

3. Jupiter

Jupiter adalah tema WordPress yang sangat populer. Ini memiliki demo 25 yang mencakup 6 dari kategori kami - agensi, kreatif, pendidikan, makanan, kesehatan, dan eCommerce - dan banyak lagi akan ditambahkan ke dalamnya di pembaruan mendatang. Sebagian besar tata letaknya memiliki desain minimalis, dengan tipografi yang menyenangkan.

Salah satu nilai jual utama Jupiter adalah Creative Header Customizer yang memungkinkan Anda menyesuaikan desain header situs web Anda dengan cepat dan mudah. Visual Composer, 3 slider (Layer, Revolution, dan iCarousel), 10 shortcode baru, lebih dari ikon 1800, dan tipe posting kustom 10 semuanya termasuk dalam pengiriman.

Waktu muat halamannya juga luar biasa. Ini adalah produk yang luar biasa, dan Anda akan kesulitan menemukan begitu banyak Tema WordPress memiliki karakteristiknya.

Download | Demo | Hébergement Web

Sumber daya lain yang direkomendasikan

Untuk melangkah lebih jauh dalam pengoptimalan blog atau situs web Anda, kami juga menyarankan agar Anda melihat beberapa tautan yang akan membenamkan Anda di dunia Gutenberg

• Cara mempersiapkan situs web Anda untuk Gutenberg 
• Bagaimana saya tahu jika plugin Anda kompatibel dengan Gutenberg?
• Akankah Gutenberg memperbaiki atau menghancurkan WordPress?

Kesimpulan

Sini! Itu saja untuk tutorial ini. Kami harap artikel ini membantu Anda mempelajari cara menambahkan kolom ke posting dan halaman WordPress Anda. merasa bebas untuk bagikan tutorial ini dengan teman-teman Anda di jejaring sosial Anda.

Jika Anda memiliki saran atau komentar, mereka akan diterima. Tetapi jika Anda seorang pemula, kami mengundang Anda untuk berkonsultasi dengan kami ressources.

...