MEMBUAT DROP CAP DI WORDPRESS OTOMATIS TANPA PLUGIN

539

MEMBUAT DROP CAP DI WORDPRESS OTOMATIS TANPA PLUGIN – Pada tutorial WordPress kita kali ini akan membahas bagaimana cara membuat Drop Cap pada artikel wordpress dengan cara otomatis, sebelum anda masuk ke tutorial ini, saya akan memberi tahu anda bahwa Drop cap merupakan Huruf pertama pada paragraf yang mempunyai ukuran lebih besar dan diikuti huruf dengan ukuran biasa setelahnya. Ukuran pada huruf pertama ini lebih dari 1 barisan tulisan biasa.

Anda dapat membuat sebuah Drop Cap di wordpress anda dengan menggunakan cara yang simple dan juga otomatis tanpa selalu memberikan sebuah Class terlebih dahulu setiap mau menampilkan sebuah Dropcap. Berikut adalah Cara membuat Drop Cap pada wordpress anda.

Copykanlah Script CSS Drop Cap yang ada berikut ini di Style.css Theme wordpress milik anda

div.entry-content p:first-child:first-letter {

background:#B11C42;

padding:6px;

margin-top :8px;

float:left;

font-size:2.2em;

font-weight:bold;

color: #fff;

margin-right:0.10em;

line-height:90%;

}

Sehabis itu anda buka file single.php dan juga cari file <?php the_content(); ?> . Lalu anda tambahkan class css yang telah di buat tadi menjadi seperti yang ada dibawah ini.

<div class=”entry-content”>

<?php the_content(); ?>

</div>

Baca juga: CARA MUDAH MENAMBAHKAN REL = NOFOLLOW WORDPRESS

0
0%
like
0
0%
love
0
0%
haha
0
0%
wow
0
0%
sad
0
0%
angry