Loncat ke Konten Utama

Cara membuat kolom di WordPress tanpa plugin

Divi: tema WordPress termudah untuk digunakan

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]

Ketika Anda mengatur situs web WordPress Anda 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 ingin menyesuaikannya.

Solusi terbaik adalah dengan melihat konten berita yang tampaknya dicetak di koran atau mengatur konten Anda dengan cara yang berbeda dengan kolom.

Kami akan menunjukkan kepada Anda cara menambahkan kolom ke situs web Anda tanpa harus menggunakan plugin, yang akan mengurangi waktu muat dan membuat Anda khawatir pembaruan.

Berikut ini beberapa cara untuk sampai ke sana.

Tetapi sebelumnya, jika Anda belum pernah menginstal WordPress temukan Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda

Lalu kembali ke mengapa kita ada di sini.

Gunakan kode untuk kolom

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

Lebih jauh dalam personalisasi dengan menemukan Cara menyesuaikan CSS situs web WordPress Anda

<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 memasukkan contoh yang lebih rinci, yang memungkinkan Anda melihat berbagai kemungkinan yang tersedia untuk Anda.

<div style = "width: 30%; padding: 0 10pt 0 0; float: kiri;"> kolom 1 1 kolom </ div> <div style = "lebar: 30%; padding: 0 10pt 0 0; float: center; "> Kolom 2 Kolom 2 </ div> <div style =" lebar: 30%; bantalan: 0 10pt 0 0; float: kanan; "> Kolom 3 Kolom 3 </ div>

Anda dapat mengubah ruang antara kolom dan ukuran kolom dengan menyesuaikan margin bagian dalam 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.

Cookie dan WordPress: Cara membuat, memulihkan, dan menghapus

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 membiasakan diri, terutama jika Anda belum pernah melakukan ini sebelumnya.

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

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]

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.

Misalnya temanya Duet Theme

Anda juga dapat berkonsultasi dengan tema WordPress premium dengan melihat tautan ini.

pratinjau tema wordpress.png

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

Temukan Cara memperbaiki kesalahan login dengan database WordPress

Gunakan tabel untuk kolom

Anda juga 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; tinggi: 152px; "border =" 1 "cellspacing =" 0 "cellpadding =" 0 "width =" 390 "> <tbody> <tr style =" warna latar belakang: #e9e9e9; font-weight: bolder; "> <td> Judul 1 </ td> <td> Judul 2 </ td> <td> Judul 3 </ td> <td> Judul 4 </ td> </ tr> <tr <td> Detail Satu </ td> <td> Detail Dua </ td> <td> Detail Tiga </ td> <td> Detail Empat </ td> </ t> <td> Detail One A <td> <td> Detail Dua A </ td> <td> Detail Tiga A </ td> <td> Detail Empat A </ td> </ tr> </ tbody>

Sublimasikan lukisan Anda dengan berkonsultasi Cara menyisipkan tabel di WordPress dengan plugin TablePress

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.

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]

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

Temukan juga beberapa plugin WordPress premium

Anda dapat menggunakan plugin WordPress lainnya untuk memberikan tampilan modern dan mengoptimalkan cengkeraman blog atau situs web Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. Pemutar Video HTML5

Ini adalah plugin WordPress yang menyediakan jenis pemutar video untuk 3 di blog Anda. Kami memiliki pemutar video dengan daftar putar di sebelah kanan, pemutar video dengan daftar putar di bagian bawah, dan pemutar video tanpa daftar putar.

html5-video-player

Namun plugin ini menawarkan fitur umum untuk ketiga pembaca. Fitur-fiturnya meliputi: tata letak yang responsifsive, Model 5 yang dapat dipilih untuk setiap pembaca, haluntuk menambahkan pembaca beberapa kali pada halaman yang sama dengan gaya yang sama atau menggunakan gaya yang berbeda, halmendukung file video MP4 dan WEBM, dan lainnya.

Download | Demo | Hébergement Web

2. WordPress Pro Kalender Kegiatan

Peran Kalender Acara WordPress Pro adalah untuk menambahkan kalender profesional dan elegan di artikel atau halaman Anda. Ini 100% responsif, dan juga dapat digunakan melalui widget di semua jenis blog atau situs web WordPress.

Fitur-fiturnya antara lain: salah satunyatanda elegan dan profesional, mhalaman responsif, manajemen acara mudah, kemampuan untuk mengirimkan acara di front-end, penambahan tanggal khusus pada kalender Anda seperti liburan misalnya, batasan pada jumlah pemesanan untuk suatu acara, dukungan RTL dan Google Map, dll ...

Download | Demo | Hébergement Web

3. Batasi Akses KB oleh Addon

Ini adalah cara mudah untuk mengelola dan membatasi akses ke KNOWLEDGEBASE berdasarkan peran pengguna. Ekstensi ini memberikan opsi yang berguna untuk mengamankan basis pengetahuan dari akses global.membatasi-kb-akses-by-user-peran-addon-plugin-wordpress-to-peran-pengguna

Fitur lain termasuk tidak ada konfigurasi yang harus dilakukan, kemampuan untuk mengunci konten basis pengetahuan berdasarkan peran pengguna, penampilan yang sepenuhnya dapat disesuaikan, mengunci item tunggal, item serupa, atau widget item. , panel konfigurasi yang diperluas, terjemahan fungsional, dan lainnya.

Unduh | Demo |Hébergement Web

Buat Toko Online Anda dengan mudah

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

Sumber Daya yang Direkomendasikan

Temukan sumber daya lain yang direkomendasikan yang akan menemani Anda dalam membuat dan mengelola situs web Anda.

Kesimpulan

Here! Itu saja untuk tutorial ini. Kami harap Anda dapat membuat kolom di WordPress tanpa coding. Jangan ragu untuk melakukannya bagikan tutorial ini dengan teman-teman Anda di jejaring sosial favorit Anda.

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

Jika Anda memiliki saran atau komentar, tinggalkan di bagian kami komentar.

...

Artikel ini berisi komentar 0

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