Loncat ke Konten Utama

Cara menambahkan beberapa kolom di WordPress tanpa menggunakan plugin

Divi: tema WordPress termudah untuk digunakan

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

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 Bagaimana menginstal sebuah blog WordPress langkah 7 kemudian, 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.

Tambahkan konten ke beberapa kolom wordpress e1565264744355

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 ".

Tambahkan kolom wordpress

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

Kolom di wordpress gutenbeg

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.

Contoh kolom gutenbergSecara 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.

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

Pergi ke kolom wordpress berikutnyaMenambahkan 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.

Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Tambahkan gambar ke kolom

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

Blok gambar kolom Gutenberg

Inilah tampilan kolom baru Anda di Twenty Nineteen theme WordPress default. Dalam contoh ini, kami menggunakan tiga kolom dan kolom terakhir berisi gambar.

Gambar tambahkan kolom gutenberg

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.

Wordpress memblokir media 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.

Tambahkan kolom wordpress classic editorAnda 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.

Tentukan persentase kolom

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.

Opsi lebar kolom

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

Isi kolom divi

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

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.

Kolom ditambahkan pada editor wordpress klasik

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'.

Tambahkan kolom lain pada editor wordpress klasik

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

Kolom menambahkan demo wordpress

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 dapat mengklaim menawarkan tata letak OnePage, tetapi tidak ada yang dapat menawarkan kekayaan opsi dan fitur yang tersedia di WordPress TheGem tempate. 

Thegem multiguna wordpress themes buat website

Semua elemen desain yang Anda asosiasikan dengan situs web OnePage yang baik hadir dalam tema WordPress ini: slider layar penuh (yang dapat dibuat dengan plugin Revolution Slider yang hadir dengan tema WordPress), pilihan enam gaya header dan kemampuan untuk membuat bagian lebar penuh menggunakan plugin Visual Composer yang termasuk 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.

DownloadDemo | Hébergement Web

2. Stockholm

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

stockholm-tema-wordpress-serbaguna-serbaguna-membuat-situs-internet

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.

DownloadDemo | 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.

Jupiter-tema-wordpress-serbaguna-serbaguna-membuat-situs-internet

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

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 pemuatan halamannya juga luar biasa. Ini adalah produk yang hebat, dan akan sulit untuk menemukan begitu banyak tema WordPress dengan karakteristiknya.

DownloadDemo | 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

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.

... 

Artikel ini berisi komentar 18

  1. Hai, saya memiliki plugin ini…. tetapi tidak bekerja dengan baik, itu terjadi:

    Saya membuat dua kolom, satu lebih kecil untuk foto, satu lagi lebih besar untuk teks, jadi teksnya hanya 2 baris, tidak setinggi kolom, saat menyimpan teks JUMP di bawah foto, daripada tetap accano, pastikan kolom menghilang… ..
    Apa yang saya lakukan? mengapa ini terjadi, ada plg-in lain yang lebih baik dan lebih sederhana daripada ini di sini?
    Terima kasih, saya akan berterima kasih atas bantuannya!

    1. Halo Irina,

      Coba aktifkan tema WordPress default, jika semuanya berfungsi dengan baik maka masalahnya ada pada tema WordPress Anda saat ini.

      Periksa juga apakah Anda telah membuat pembaruan plugin.

      1. Saya telah menyalin beberapa teks dan mencoba menempel dengan CRTL + V, tidak berhasil. Menu konteks dengan klik kanan tidak menawarkan untuk menempel.
        Saya tidak menemukan solusi lain selain mengetik ulang semuanya ...

        1. Maaf untuk jawaban terlambat.
          Dapatkah Anda memastikan bahwa dengan mengklik kanan pada elemen lain di halaman, menu konteks ditampilkan? Jika ini masalahnya, mungkin ada masalah JavaScript dengan hosting Anda.
          Jika Anda menggunakan Google Chrome, buka halaman yang bermasalah di mana Anda mengalami masalah, lalu tekan tombol "F12" (jendela akan terbuka atau akan dilampirkan ke halaman) lalu pilih tab "Konsol" . Ambil tangkapan layar dari tab ini dan saya akan memberi tahu Anda jika ada masalah.

          1. Halo,
            Merci pour votre respon.
            Situs saya dihosting oleh Free, mungkin ada masalah javascript.
            Dapatkah Anda memberi tahu saya bagaimana Anda meneruskan tangkapan layar yang saya buat?
            Cordialement

          2. Kami ingin Mireille tapi jenis layanan yang Anda butuhkan sayangnya membayar dan kami mengundang Anda untuk menghubungi tim teknis kami blogpascher.com

          3. Saat saya menginstal versi terbatas untuk Gratis, saya pikir masalahnya ada di sana.
            Saya akan mencoba menginstal versi lain ...

      2. Saya menyalin beberapa teks dan mencoba menempelkannya ke kolom di plugin. Tidak mungkin, baik dengan pintasan keyboard CTRL + V, maupun dalam menu kontekstual klik kanan yang tidak menawarkan fungsi ini.
        Apakah ada alternatif untuk mengetik ulang semuanya?

  2. Aku hanya punya satu kata untuk diucapkan Hebat! Saya menginstalnya dan setelah dua atau tiga perbaikan saya berhasil membuat kolom, terima kasih!

  3. halo saya menginstal kolom wp lanjutan.
    tetapi ketika saya melihat halaman saya memiliki kotak putih di kiri atas setiap kolom? Bisakah kamu membantuku. Terima kasih

    1. Halo,

      Kita tidak bisa benar-benar membantu Anda jika Anda tidak memberikan rincian tentang bagaimana Anda lakukan untuk memiliki persegi putih.

      Merci.

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
6 saham
saham4
menciak1
Register1