Generate Press Güzelleştirme Serisi Özel ✅ TOC+ İçerik Tablosu Özelleştirme

@Gelistirici; hocamın yaptığı Generate Press güzelleştirme serisine bizimde tuzumuz karışsın dedik. Temada içerik tabloları çirkin duruyordu. CSS kodları ile gayet güzel bir hale getirdik. Yorum yapıp beğenerek destek olabilirsiniz.


Bugün Table of Content + eklentisini kullanan sitelerde tek bir kopyala yapıştır ile görünümü güzelleştirebileceksiniz.


Aşağıdaki kodu kopyalayıp Tema > Özelleştir > Ek CSS bölümüne yapıştırıyorsunuz. Hepsi bu kadar

Önce:




Sonra:

#toc_container {
    border: 1px solid var(--theme_border2);
    background: #fff;
    width: 100% !important;
    margin: 1em 0 !important;
    padding: 0;
}

#toc_container li a span {
    min-width: 25px;
    height: 25px;
    padding: 0 5px;
    display: inline-block;
    background: #fff;
    border: 1px solid #eee;
    line-height: 25px;
    text-align: center;
    border-radius: 25px;
    font-size: 12px;
    margin-right: 10px;
}

#toc_container li a {
    display: block;
    width: 100%;
    color: #222 !important;
    padding: 10px 1em;
    border-top: 1px solid var(--theme_border2);
}

Elinize sağlık hocam şık tasarım olmuş

Umarım yararlı olmuştur.

eline sağlık hocam. table of content eklenti linkini iletebilir misinz?

https://wordpress.org/plugins/table-of-contents-plus/

Yorumunuz için teşekkürler.

@Gelistirici; hocamızın css kodlarını farklı bir temada kullanarak denedim gerçekten çok güzel görünüm oldu. Sizin paylaştığınız bu koduda kullanacağım.

Teşekkürler hocam her ikinizede.

İşe yaraması mutlu etti hayırlı olsun

Çok tatlı olmus 🙏 elinize sağlık..

Faydalı olduysak ne mutlu bize