Cara Modifikasi Blockquote WordPress Agar Lebih Menarik

Cara Modifikasi Blockquote WordPress – Blockquote adalah tulisan yang menjorok ke dalam dari batas tepi kiri dan tepi kanan area posting. Tujuannya adalah untuk mempertegas isi tulisan ataupun teks yang dianggap penting yang berada di area blockquote. Mungkin anda telah sering mendengar istilah ini bahkan melihat bermacam-macam modifikasi blockquote yang cantik-cantik. Nah, saya tawarkan teknik membuat blockquote serta modifikasi blockquote yang bisa menjadi pilihan untuk menghias teks dan artikel posting yang anda anggap penting!

Pada blog yang di bangun menggunakan cms WordPress umumnya blockquote akan berbeda-beda tampilannya sesuai dengan tema yang anda gunakan. Namun, apabila anda tidak suka dengan tampilan blockquote  tersebut anda bisa mengubahnya dengan mudah melalui cara yang akan saya paparkan berikut ini.

Untuk mengubah tampilan blockquote kita cukup menambahkab custom css pada wordpress anda. Tambahkan css berikut ini melalui Appearance -> Edit CSS. Pada wordpress 4.7 akan ada perubahan pada custom css, anda akan diarahkan ke mode Live Preview pilih Additional CSS lalu masukkan kode berikut disana.

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

Lalu hasilnya akan seperti berikut:

Sekarang coba anda buat tulisan lalu gunakan blockquote.

Sekarang blockquote anda telah berubah menjadi lebih menarik.

itulah Cara Modifikasi Blockquote Agar lebih Menarik.

Selamat Mencoba.