Loncat ke Konten Utama

Cara membuat kolom di WordPress tanpa plugin

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]

Saat Anda membuat situs WordPress atau membuat konten, Anda memiliki gaya dan format yang berbeda untuk dipertimbangkan. Beberapa gaya mungkin sesuai dengan jenis konten tertentu, dan tergantung pada apa yang Anda tulis, Anda akan ingin menyesuaikannya.

Solusi terbaik adalah melihat konten berita tampak dicetak pada kertas koran atau untuk mengatur konten Anda dengan cara yang berbeda dengan kolom.

Kami akan tunjukkan caranya menambahkan kolom ke situs Anda tanpa harus menggunakan plugin, yang akan mengurangi waktu pemuatan dan menghemat masalah dengan pembaruan.

Inilah beberapa cara untuk sampai ke sana.

Gunakan kode untuk kolom

Anda akan dapat memikirkan menggunakan HTML / CSS untuk membuat kolom pada Anda blog WordPress. Ini tidak sesulit yang mungkin disarankan oleh beberapa orang, dan Anda dapat melakukannya dengan menggunakan tag "<div>" berpasangan dengan gaya sebagai atribut.

<Div style = "float: left; width: 50%"> Konten Anda di sini </ div> <div style = "float: left; width: 50%"> Konten Anda di sini </ div> <div style = "jelas : kedua "> </ div>

Kami telah menyertakan contoh yang lebih terperinci, yang akan memungkinkan Anda untuk melihat berbagai kemungkinan yang tersedia bagi Anda.

Divi: Tema WordPress terbaik sepanjang masa!

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

<Div style = "width: 30%; padding: 0 10pt 0 0; float: left;"> Kolom 1 Kolom 1 </ div> <div style = "width: 30%; padding: 0 10pt 0 0; float: center; "> Kolom Kolom 2 2 </ div> <div style =" width: 30%; padding: 0 10 0 0pt; float: right; "> Kolom Kolom 3 3 </ div>

Adalah mungkin untuk mengubah ruang antara kolom dan ukuran kolom dengan menyesuaikan margin internal atau nilai lebar dalam kode. Misalnya, Anda dapat mengubah lebar untuk 50% atau 30%. Anda bahkan mungkin ingin membuat satu kolom lebih lebar dari yang lain. Dengan melakukan ini, Anda dapat memiliki kolom utama dengan teks dan kolom lainnya di samping.

Maka kolom pertama harus memiliki ukuran 40%, yang kedua ukuran 50% dan yang ketiga ukuran 30%. Seperti yang Anda lihat, pengkodean tidak terlalu membosankan. Meskipun mungkin perlu waktu untuk terbiasa, terutama jika Anda belum pernah melakukan ini sebelumnya.

Jika Anda tidak ingin melakukannya dengan coding, ada solusi lain yang tersedia untuk Anda.

Pilih tema dengan dukungan untuk kolom

Jika Anda menggunakan kolom untuk memberikan tampilan "majalah" ke blog WordPress Anda, Anda mungkin ingin menggunakan salah satu tema yang ditawarkan WordPress.

Buat Toko Online Anda dengan mudah

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

Misalnya tema Duet Theme

pratinjau theme wordpress.png

Yang terakhir menawarkan dua kolom yang berfungsi dengan konten Anda dan memberikan tampilan klasik sebuah majalah. Sangat stylish. Namun, Anda harus membayar untuk fitur ini. Tema ini harganya sekitar $ 90.

Gunakan tabel untuk kolom

Anda dapat menggunakan tabel untuk membuat kolom pada konten WordPress Anda. Anda dapat melakukan ini dengan membuat halaman baru.

buat halaman baru dengan tabel di WordPress.png

Jadi Anda dapat menggunakan kode berikut:

<Table style = "text-align: center; height: 152px; "border =" 1 "cellspacing =" 0 "cellpadding =" 0 "width =" 390 "> <tbody> <tr style =" background-color: #e9e9e9; font-weight: bolder; "> <td> Judul 1 </ td> <td> Judul 2 </ td> <td> Judul 3 </ td> <td> Judul 4 </ td> </ tr> <tr > <td> Detil Satu </ td> <td> Detil Dua </ td> <td> Tiga Detil </ td> <td> Detil Empat </ td> </ tr> <tr> <td> Detil Satu A </ td> <td> Detil Dua A </ td> <td> Detil Tiga A </ td> <td> Detil Four A </ td> </ tr> </ tbody>

Setelah Anda menambahkan bagan, Anda akan dapat menyesuaikan ukuran, ruang di antara kolom. Anda juga dapat menghapus batas, untuk memberikan tampilan yang lebih alami, selama pemformatan.

Berikut beberapa metode yang memungkinkan Anda membuat kolom cepat di WordPress.

Tutorial Divi lainnya

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
7 saham
saham4
menciak1
Register2
Ada apa