Merhaba; Sizlerle WordPress için geliştirdiğimiz Haber Özeti Eklentisini paylaşıyorum. Haber, blog veya makale yazıları için özet alanları eklemek ve bu özetleri ziyaretçilere dinamik bir şekilde sunmak için ideal. Eklentiyi özellikle haber siteleri veya içerik yoğun web siteleri için geliştirdik ve kullanıcı deneyimini iyileştirmek amacıyla şık bir yükleme animasyonu ile birlikte sunuyoruz.

Eklenti Özellikleri:

• Dinamik Haber Özeti Gösterimi: Yazılarınızın özetini kullanıcıların bir butona tıklamasıyla açılan bir bölümde gösterir.
• Modern Yükleme Animasyonu: Özet yüklenmeden önce gelişmiş bir animasyon (loader) gösterilir. Bu, kullanıcıların bekleme sürecini daha akıcı ve estetik hale getirir.
• Özel Meta Box: WordPress yönetim panelinize "Haber Özeti" için özel bir alan eklenir, böylece her yazı için özeti kolayca girebilirsiniz.
• Tamamen Özelleştirilebilir: Eklentiyi WordPress temalarınıza kolayca entegre edebilir ve stilini kendi ihtiyaçlarınıza göre düzenleyebilirsiniz.

Nasıl Çalışır?

1. Özet Ekleme: Yazı oluşturma ekranınıza özel bir "Haber Özeti" alanı eklenir. Burada yazınıza uygun özeti girebilirsiniz.
2. Buton ile Gösterim: Kullanıcılar yazının altındaki "Haber Özeti" butonuna tıkladıklarında özet içeriği açılır. Özet içerik yüklenmeden önce, şık bir yükleme animasyonu görüntülenir ve ardından özet metni gösterilir.
3. Modern Yükleme Animasyonu: Eklenti, içerik yüklenirken kullanıcıya estetik bir deneyim sunar. İki katmanlı, zıt yönlerde dönen halkalar ile oluşturulan modern bir animasyon kullanılır.

Eklentiyi Kimler Kullanabilir?

• Haber Siteleri: Ziyaretçilere makale veya haberin özetini göstermek isteyen siteler için mükemmeldir.
• Blog Yazarları: Uzun yazılar için bir özet sunarak okuyucuların yazıya giriş yapmasını sağlayabilirsiniz.
• Makale Siteleri: Kullanıcıların makalelerin kısa bir özetiyle başlamasına yardımcı olur.

Kurulum ve Kullanım:

Eklentiyi İndir

1. Eklentiyi İndir: İlgili dosyaları indirip, WordPress’in wp-content/plugins klasörüne yükleyin.
2. Eklentiyi Aktifleştir: WordPress yönetim panelinizden eklentiyi aktifleştirin.
3. Özetinizi Girin: Her yazı için "Haber Özeti" alanına özeti yazın ve kaydedin.

Single.php dosyanıza girerek butonun nerede gözükmesini istiyorsanız. Aşağıdaki kodu yazın;

<button class="custom-summary-btn" id="toggle-summary">Haber Özeti</button>,

aşağıdaki gibi bir buton gelecektir.



Ardında ise haber özetinin nereye geleceğini belirleyin ve yine single.php de aşağıdaki kodu yapıştırın;

<?php
$custom_summary = get_post_meta(get_the_ID(), '_custom_summary', true);
if (!empty($custom_summary)) : ?>
    <div id="summary-content" style="display: none;">
        <h3>Haber Özeti</h3>
        
        <?php echo wpautop($custom_summary); ?>
        <div class="loader">
            <div class="circle1"></div>
            <div class="circle2"></div>
        </div>
    </div>
<?php endif; ?>

SONUÇ


Olurda yapamazsanız mesaj atmanız ya da WhatsApp üzerinden ulaşmanız yeterlidir.

Bir teşekkür kafi

Sevgiler.