Zeki Can - WordPress

Wordpress

WordPress’te Sayfa İçinde Not Kısımları Ekleme

Wordpress 8 Ocak 2021

Yorum Yok

WordPress’te küçük not alanları oluşturma. Küçük blok alanları oluşturma. Sayfa içine küçük bir kod betiği ekleyerek, ilgi çekici bir not bölümü yapacağız.

Bu alanlar da örnekler verebilirsiniz. Hemen örnek veriyorum.

Bu kısım bahsettiğim küçük bir kodlama ile oluşturuldu sizde bunu siteniz de yapabilirsiniz.

Yazı içeriği oluştururken Blok Ekle’den Özel HTLM kodu bölümüne gelin.

WordPress te Not Bölümleri Ekleme — Örnek Not Bölümü

Bu bölüme html etiketleri kullanarak kodumuzu ekliyoruz. Ekleyeceğimiz kod betiği:

<blockquote class="zekicannetnotkismi">
        <p>Bu bir not bloğudur. Kendinize göre düzenlemek için stil dosyasına eklediğiniz dosya da küçük değişiklikler yapın. ZekiCan.Net</p>
    </blockquote>

Style.php dosyanıza da altta verdiğim kodu ekleyerek bir stil oluşturabilirsiniz.

Style.css

Alttaki kısmı stil dosyanıza ekleyin.

/*ZekiCan Net Blok Not Kısmı oluşturma Stil Dosyası*/
blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    margin-top: 0px;
}

blockquote p {
    text-decoration: none;
    color: #686c73;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-top: 0px;
}

.zekicannetnotkismi {
    border-left: 5px solid #8bd8db;
    border-radius: .3em;
    padding-left: 1em;
    padding-top: 1em;
    font-weight: 500;
    padding-bottom: .1em;
    padding-right: .7em;
    background-color: #f5f5f5;
}

Bunu çoğaltmak sizin elinizde istediğiniz gibi stil verebilirsiniz.