Cara Menggunakan Div Dengan WordPress

Dalam pengkodean HTML, pembagi, atau tag "Div", adalah bagian dari kode yang memungkinkan Anda membuat bagian baru untuk situs web, yang berisi kontennya sendiri dan elemen HTML. Anda dapat menggunakannya untuk memisahkan bagian-bagian tertentu dari situs Anda, seperti lokasi bisnis Anda di peta yang disematkan, penawaran dan promosi khusus, atau detail kontak. Untuk menambah pembagi, tambahkan beberapa kode HTML dan CSS ke Theme Editor blog Anda.

1.

Masuk ke panel kontrol administrasi WordPress Anda. Klik "Penampilan" dari bilah menu utama di sisi kiri layar, lalu klik "Editor."

2.

Klik "style.css" dari daftar file di sebelah kanan layar. Biasanya terletak di dekat bagian bawah daftar.

3.

Gulir ke bagian bawah file dan mulai baris baru. Rekatkan dalam cuplikan kode berikut:

newdiv {

display: blok; lebar: 100%; background-color: putih; warna hitam; perbatasan: 5px merah solid; margin: 5px; padding: 5px; }

Ubah "newdiv" ke nama yang lebih cocok untuk pembagi, dan ubah atribut agar sesuai dengan gaya yang Anda inginkan untuk dimiliki Div. Perhatikan bahwa "margin" menciptakan celah antara Div dan elemen situs web lain di sekitarnya, dan "padding" menciptakan celah antara tepi Div dan konten yang terkandung di dalamnya.

4.

Klik tombol "Perbarui File" yang terletak tepat di bawah panel pengeditan.

5.

Klik file template dari daftar file yang sesuai dengan bagian situs yang ingin Anda tambahkan Div. Misalnya, jika Anda menginginkannya di halaman posting, klik "single.php."

6.

Gulir di seluruh file dan letakkan kursor di lokasi di file di mana Anda ingin menambahkan pembagi baru.

7.

Ketikkan kode berikut ke dalam file:

Tambahkan konten yang Anda inginkan pembagi mengandung antara dua tag ini, lalu klik "Perbarui File." Sekarang Anda dapat menambahkan tag ini ke file template lain, atau buat Div baru jika diperlukan.

Pesan Populer