Zeki Can - WordPress

  CSS

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

  CSS    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.


Etiketler : , , , , ,


  Benzer Yazılar


  Yorumlar

Bir Cevap Yazın

E-posta hesabınız yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu yazıya henüz yorum yapılmamıştır, yazı hakkındaki düşüncelerinizi paylaşmaktan çekinmeyin.

  Arama Yap

  Arşivler