Loncat ke Konten Utama

Cara menambahkan beberapa kolom di WordPress tanpa menggunakan plugin

Divi: tema WordPress termudah untuk digunakan

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]

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 surat kabar 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 situs web atau blog di WordPress, kami mengundang Anda untuk berkonsultasi Cara menginstal blog WordPress di langkah 7 kemudian, Cara mencari, menginstal dan mengaktifkan tema WordPress di blog Anda

Layout satu kolom lebih umum digunakan di Web. Namun, grid Beberapa kolom tetap 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 disebut konten grid di WordPress, sekarang sederhana karena merupakan fitur default. itu editor blok WordPress Gutenberg baru mengusulkan blok kolom.

Untuk menambahkan tata letak multi-kolom, Anda harus membuat artikel baru atau mengedit yang baru. Setelah di area pengeditan, klik ikon " Tambahan Di bagian atas untuk menambahkan blok.

Maka Anda harus memilih blok kolom 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 tangkapan layar di atas, blok Kolom tampaknya pertama-tama menjadi area kosong. Jika Anda menggerakkan mouse ke kiri, Anda dapat melihat batas blok disorot.

Anda juga akan melihat pengaturan blokir 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 pada satu baris.

Cukup klik pada kolom dan mulai 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 menyematkan video di kolom WordPress.

Blok kolom memungkinkan Anda untuk menambahkan blok di dalam setiap kolom. Cukup letakkan mouse pada kolom dan Anda akan melihat ikonTambahkan 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.

Divi: Tema WordPress terbaik sepanjang masa!

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

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

Inilah tampilan kolom baru Anda di Twenty Nineteen theme WordPress default. Dalam contoh ini, kami 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.

Menambahkan beberapa kolom di editor klasik WordPress

Jika Anda belum memutakhirkan 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 instruksi terperinci, ikuti panduan langkah demi langkah tentang cara melakukannya untuk menginstal plugin di WordPress.

Saat Anda mengaktifkan, Anda dapat membuat pesan baru atau membuka pesan lama untuk diedit. Kemudian klik tombolnya Tambahkan kolom Di bilah alat editor visual.

Anda sekarang akan melihat jendela sembulan yang memungkinkan Anda untuk menambahkan kolom pertama Anda. Anda dapat memilih area yang kolom Anda dapat bahas di desktop, tablet, dan perangkat seluler secara berbeda.

Melangkah lebih jauh dengan menemukan Cara membuat 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.

Buat Toko Online Anda dengan mudah

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

Plugin akan menghasilkan kode pendek yang diperlukan dengan konten Anda dan menambahkannya ke penerbit 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 dapat mengklaim menawarkan tata letak OnePage, tetapi tidak ada yang dapat menawarkan kekayaan opsi dan fitur yang tersedia dalam tempo WordPress TheGem.

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

Download | Demo |Hosting Web

2. Stockholm

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

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

Dilengkapi dengan panel opsi dan backend yang mudah digunakan, mereka akan memungkinkan Anda untuk mengelola konten Anda dengan mudah. Ada tentang demo 20 dari templat ini yang menyajikan berbagai kegiatan di mana tema WordPress ini dapat digunakan. Dan ini juga dapat berfungsi sebagai dasar untuk penyesuaian di masa mendatang sehingga situs web Anda memiliki tampilan yang unik.

Sangat responsif, ditampilkan dengan sempurna di semua jenis layar. Jika selama penyesuaian atau pemasangan template 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 |Hosting 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

Salah satu nilai jual utama Jupiter adalah Creative Header Customizer yang memungkinkan Anda menyesuaikan desain header situs web Anda dengan cepat dan mudah. Komposer Visual, slider 3 (Lapisan, Revolusi, 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.

Download | Demo |Hosting Web

Sumber daya lain yang direkomendasikan

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

Kesimpulan

Itu dia! Itu saja untuk tutorial ini. Kami harap artikel ini membantu Anda mempelajari cara menambahkan kolom ke halaman publikasi dan WordPress Anda. Jangan ragu untuk melakukannya 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 punya plug-in ... tetapi tidak berfungsi dengan baik, itu terjadi:

    Saya membuat dua kolom, satu lebih kecil untuk foto, yang lain lebih besar untuk teks, maka teks hanya baris 2, tidak dalam ketinggian penuh kolom, setelah menyimpan teks JUMP di bawah foto, daripada tinggal accano, lihat itu menghilang kolom ... ..
    Apa yang saya lakukan? mengapa ini terjadi, apakah ada yang lain yang lebih baik dan lebih baik daripada ini di sini?
    Terima kasih, saya akan berterima kasih atas bantuannya!

    1. Halo Irina,

      Cobalah untuk mengaktifkan tema default WordPress, jika semuanya berfungsi dengan baik, maka itu karena masalahnya berasal dari tema WordPress Anda saat ini.

      Periksa juga apakah Anda telah membuat pembaruan plugin.

      1. Saya copy teks dan mencoba paste dengan CRTL + V, tanpa hasil. Menu konteks klik kanan tidak mengusulkan untuk menempelkan.
        Saya tidak menemukan solusi lain selain mengetik ulang ...

        1. Maaf untuk jawaban terlambat.
          Dapatkah Anda memastikan bahwa dengan mengklik kanan item lain di halaman, menu pop-up akan muncul? Jika ini masalahnya, mungkin masalah JavaScript muncul di hosting Anda.
          Jika Anda berada di Google Chrome, kemudian pergi ke halaman di mana Anda mengalami masalah, lalu tekan "F12" (jendela akan terbuka atau dilampirkan ke halaman) dan pilih tab "Konsol" . Ambil tangkapan layar tab ini dan saya akan memberi tahu Anda jika ada masalah.

          1. Halo,
            Merci pour votre respon.
            Situs saya di-host oleh Free, ada kemungkinan ada masalah javascript.
            Bisakah Anda memberitahu saya bagaimana cara mengirimkan 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 pembekuan untuk Bebas, saya pikir masalahnya berasal dari sana.
            Saya akan mencoba untuk menginstal versi lain ...

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

  2. Saya hanya memiliki satu kata untuk diucapkan Awesome! Saya memasangnya dan setelah dua tiga koreksi, saya berhasil membuat kolom, terima kasih!

  3. halo saya pasang kolom wp tingkat lanjut.
    Tapi ketika saya melihat di halaman saya ada hadiah persegi putih di kiri atas setiap kolom? dapatkah anda membantu saya? 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.

Tema WordPress Keren yang saya temukan
Dan ada lebih banyak tema dan model 50 000 untuk dipilih!

Kembali ke atas
10 saham
saham8
menciak1
Register1
Ada apa