Cara Menggunakan Span Tags untuk Blockquote di WordPress

Rentang tag memungkinkan Anda menerapkan gaya CSS ke bagian tulisan WordPress Anda - anggap itu sebagai perintah CSS khusus. Ketika melilit bagian teks, perintah khusus ini diterapkan ke segala sesuatu di dalam "rentang." Secara efektif, ini memungkinkan Anda untuk membuat tag Anda sendiri. Salah satu aplikasi semacam ini adalah membuat tag blockquote yang ditentukan pengguna yang dapat Anda gunakan sebagai tambahan untuk perintah blockquote default tema Anda.

1.

Masuk ke area admin WordPress Anda. Dari menu utama di sebelah kiri, klik "Penampilan" dan kemudian klik "Editor." Jika opsi ini tidak ada, itu karena Anda tidak memiliki izin "Administrator". Hubungi pemilik situs untuk meminta peningkatan - atau minta mereka menyelesaikan langkah-langkah ini untuk Anda.

2.

Klik "style.css" dari daftar file di sebelah kanan. Kode untuk file ini akan muncul di panel pengeditan pusat. Mulai baris baru di bagian atas file dan kemudian tambahkan kode berikut:

.bq {display: block; margin-kiri: 30px; border-left-style: solid; border-left-color: merah; padding-left: 5px; }

Satu-satunya bagian penting adalah baris "display: block;", yang memungkinkan lebih dari satu baris teks ditata oleh tag span. Sisa kode mengindentifikasikan blokquote sebanyak 30 piksel, menempatkan garis merah di sebelah kiri kutipan dan kemudian menempatkan teks lima piksel di sebelah kanan garis itu. Edit atau tambahkan kode baru yang sesuai dengan preferensi Anda. Klik "Perbarui File" setelah selesai.

3.

Klik "Posting" atau "Halaman" dari menu utama dan pilih dokumen yang ingin Anda tambahkan blockquote baru. Bungkus tag rentang di sekitar bagian yang ingin Anda kutip dengan cara berikut:

Ini kutipan saya

4.

Klik "Perbarui" dari kanan atas layar, lalu klik "Lihat halaman" untuk melihat hasilnya. Tag rentang akan menerapkan semua kode dalam kelas "bq" yang baru saja Anda buat ke teks di antara mereka. Jika Anda puas dengan hasilnya, Anda dapat terus menerapkan tag rentang bq ke teks apa pun yang Anda suka. Jika tidak, kembali ke halaman style.css dan edit kelas bq, lalu periksa lagi. Ulangi sampai Anda puas.

Tip

• Tag rentang tidak hanya terbatas pada teks - Anda dapat mengatur gaya apa pun yang biasanya diterapkan CSS.

Peringatan

• Setiap perubahan yang Anda buat pada file "style.css" akan langsung diterapkan di seluruh situs web Anda - berhati-hatilah untuk tidak mengedit kode lain dalam file ini.