Home » Ask (Forum) » Cara Membuat Huruf Pertama di Artikel Lebih Besar Otomatis?

Question

Hi, Saya barusan melihat blog yang cukup bagus, di artikel tersebut huruf pertama kelihatan lebih besar dari pada huruf2 selanjutnya, jadi kelihatan menawan. Tolong dong kasih caranya ?

Aug 19, 2016 (4 months ago) - Posted by 1 Comment

One Answer

  1. Ninda says:

    Hi,

    Itu setahu saya namanya adalah Drop Cap Mbak,
    Anda bisa membuat Drop Cap di wordpress anda dengan cara yang simple dan otomatis tanpa selalu memberikan Class terlebih dahulu setiap mau menampilkan Dropcap. Berikut Cara membuat Drop Cap di wordpress anda.

    Copykan Script CSS Drop Cap berikut ini di Style.css Theme wordpress 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%;
    }

    Setelah itu anda buka file single.php dan cari file . Lalu tambahkan class css yang sudah di buat tadi menjadi seperti dibawah ini.

    <div class="entry-content">
    <?php the_content(); ?>
    </div>

    Selesai

    Register Member

Your Answer

Your email address will not be published. Required fields are marked *