Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Geri Dönen Ziyaretçiler için Yeni Yazılar Nasıl Vurgulanır?

WordPress’te geri dönen ziyaretçiler için yeni gönderileri nasıl vurgulayacağınızı merak ediyor musunuz?

Web sitenizde yeni yayınlanan gönderileri göstermek, sadık okuyucularınızı karşılamanın, onları güncel tutmanın ve en son içeriğinizi kaçırmadıklarından emin olmanın bir yoludur.

Bu adım adım kılavuzda, WordPress’te geri dönen ziyaretçiler için yeni gönderileri nasıl vurgulayacağınızı göstereceğiz.

How to Highlight New Posts for Returning Visitors in WordPress

WordPress Sitenizde Yeni Yazıları Neden Öne Çıkarırsınız?

WordPress sitenizdeki yeni gönderileri vurgulamak, geri dönen ziyaretçilerin yeni içeriğinizi kolayca keşfetmesine yardımcı olur. Bu şekilde, blogunuza eklediğiniz yeni bilgileri veya güncellemeleri kaçırmazlar.

Yeni yazıları etiketlemek WordPress web sitenizdeki kullanıcı deneyimini geliştirir. Geri dönen bir ziyaretçi web sitenize ulaştığında, henüz okumadığı yazıları kolayca tespit edebilir, bu da onlara çok zaman kazandırır ve sayfa görüntülemelerinizi artırır.

Sitenizde iyi bir kullanıcı deneyimi yalnızca ziyaretçileri mutlu etmekle kalmaz, aynı zamanda WordPress SEO‘suna da yardımcı olur. Sitenizin kullanımı kolay olduğunda, arama motoru sıralamalarınızı iyileştirir ve ziyaretçilerin içeriğinizi bulma olasılığını artırır.

Bunu akılda tutarak, WordPress’te geri dönen ziyaretçiler için yeni gönderileri nasıl vurgulayabileceğinizi görelim.

Size iki yöntem göstereceğiz: biri WordPress eklentisi ile diğeri kod ile. Aşağıdaki hızlı bağlantıları kullanarak belirli bir yönteme atlayabilirsiniz:

Yöntem 1: Bir WordPress Eklentisi ile Yeni WordPress Yazılarını Vurgulayın

Bu ilk yöntem Yeni Gönderileri İşaretle eklentisini kullanır. Yeni başlayan blog yazarları için öneriyoruz çünkü çok basit. Bu eklenti, site ziyaretçilerinizin henüz görmediği blog gönderilerini göstermek için bir etiket ekleyecektir.

İlk olarak, Mark New Posts eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Rehberliğe ihtiyacınız varsa, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Bundan sonra, WordPress yönetici alanından Ayarlar ” Yeni Yazıları İşaretle ‘ye gidin. Şimdi eklentinin ayarlar sayfasını göreceksiniz.

Şimdi yapmak istediğiniz şey, ‘Yeni’ etiketinin nerede görüntüleneceğini seçmektir. Yazı başlığından sonra, Yazı başlığından önce veya Yazı başlığından önce ve sonra seçeneklerinden birini seçebilirsiniz.

Etiketi gönderi başlığından sonra eklemenin bir bildirim gibi görüneceğini ve kullanıcıların dikkatini en çok çekeceğini düşünüyoruz, bu yüzden bunu seçtik.

Selecting the new post marker placement in Mark New Posts plugin

Ardından, İşaretleyici türü ayarında işaretleyicinin neye benzediğini seçmeniz gerekir. Seçenekler arasında “Yeni” metin, “Yeni” metin mirası, Turuncu daire, Bayrak, Resim veya Hiçbiri yer alır.

Web sitenizin tasarımıyla hangisinin en iyi göründüğünü görmek için her seçeneği keşfettiğinizden emin olun.

Selecting a new post marker type in Mark New Posts plugin

Yapılandırabileceğiniz bir diğer ayar da yeni gönderinin başlığının arka plan rengidir. Bunu etkinleştirirseniz, bir okuyucu yeni bir gönderiyi ziyaret ettiğinde, gönderi başlığı bölümünün arka plan rengine sahip olduğunu görecektir. Biz bu ayarı gerekli bulmadığımız için devre dışı bıraktık.

‘Bir gönderiyi okundu olarak kabul et’ ayarında, yeni gönderi etiketinin ne zaman kapatılacağını seçebilirsiniz: açıldıktan sonra, listede görüntülendikten sonra veya blogun herhangi bir web sayfası açıldıktan sonra.

‘Açıldıktan sonra’ seçeneğini tercih etmenizi öneririz. Bu, bir ziyaretçi birkaç yazıyı okumamışsa ve birini açarsa, diğer yazılar için yeni yazı etiketinin kaybolmayacağı anlamına gelir.

Ardından, gönderinin kaç gün boyunca yeni olarak vurgulanacağını seçebilir, mevcut tüm gönderileri yeni ziyaretçilere yeni olarak gösterebilir ve özel gönderi türleri için yeni etiketini devre dışı bırakabilirsiniz.

The Mark New Posts plugin settings page

Son iki ayar oldukça ileri düzeydedir.

Bunlardan biri ‘Gönderi listesinin dışına izin ver’ seçeneğidir; bu, widget’a hazır kenar çubuğu alanları gibi döngü dışındaki gönderileri vurgulayabileceğiniz anlamına gelir. İstenmeyen WordPress hatalarına neden olabileceğinden bu ayarı etkinleştirirken dikkatli olun.

Diğeri ise ‘İşaretçileri göstermek için JavaScript kullan’ seçeneğidir ve yalnızca eklenti blogunuzda kullanılan tema veya diğer eklentilerle uyumlu değilse önerilir. Çoğu durumda bu ayarı devre dışı bırakmak isteyeceksiniz.

Eklenti ayarlarını yapılandırmayı tamamladıktan sonra ‘Kaydet’e tıklamanız yeterlidir.

Clicking the Save button in Mark New Posts plugin

Ve işte bu kadar! Devam edin ve son gönderiler için yeni etiketlerin yayınlanıp yayınlanmadığını görmek için web sitenizi gizli modda ziyaret edin.

İşte demo web sitemizde nasıl göründüğü:

Example of the new post marker made by Mark New Posts plugin

Yöntem 2: Özel Kod Ekleyerek Yeni Gönderileri Vurgulayın

Önceki eklenti tarafından verilen yeni yazı etiketi seçeneklerinden memnun değil misiniz? Öyleyse, bunun yerine özel kod kullanarak yeni gönderileri vurgulayabilirsiniz.

Yeni başlayanlar için bu yöntem korkutucu görünebilir. Ancak endişelenmeyin çünkü web sitenizi bozmadan WordPress’e güvenli bir şekilde kod parçacıkları eklemek için WPCode eklentisini kullanacağız.

WPCode ayrıca birden fazla özel kod parçacığını yönetmeyi kolaylaştırır, bu da bizim durumumuzda birden fazla kullanacağımız için kullanışlı olacaktır.

WPCode - Best WordPress Code Snippets Plugin

Not: WPCode’un ücretsiz bir sürümü olsa da, kod parçacıklarını bu eğitim için uygun konumlara eklemenize izin verdiği için WPCode Pro ‘yu kullanacağız.

Yapmanız gereken ilk şey WordPress’e WPCode’u yüklemektir. Kurulum talimatları için WordPress eklentisinin nasıl kurulacağına ilişkin makalemize göz atın.

Ardından, WordPress panonuzdan Kod Parçacıkları ” + Parçacık Ekle’ye gidin. Bundan sonra, ‘Özel Kodunuzu Ekleyin (Yeni Snippet)’ seçeneğini seçin ve ‘Snippet kullan’ düğmesine tıklayın.

Adding custom code in WPCode

Şimdi, kod parçacığınıza bir başlık ekleyelim, böylece daha sonra gerektiğinde onu bulmak daha kolay olacaktır. Bunun için ‘WordPress Son Ziyaret Başlığı Değiştirici’ gibi bir isim verebilirsiniz.

Ardından, Kod Türü açılır menüsünden ‘PHP Snippet’ seçeneğini seçin.

Giving the custom code snippet a title and selecting the PHP code type in WPCode

Bundan sonra, aşağıdaki kod parçacığını kopyalayıp yapıştırabilirsiniz:

// Define a function to modify post titles based on the last visit
function wpb_lastvisit_the_title($title, $id) {

    // Check if not in the loop, a singular page, or a page post type; if true, return the original title
    if (!in_the_loop() || is_singular() || get_post_type($id) == 'page') return $title;

    // Check if no 'lastvisit' cookie is set or if it is empty; if true, set the cookie with the current timestamp
    if (!isset($_COOKIE['lastvisit']) || $_COOKIE['lastvisit'] == '') {
        $current = current_time('timestamp', 1);
        setcookie('lastvisit', $current, time() + 60 * 60 * 24 * 7, COOKIEPATH, COOKIE_DOMAIN);
    }

    // Retrieve the 'lastvisit' cookie value
    $lastvisit = $_COOKIE['lastvisit'];

    // Get the publish date of the post (in Unix timestamp format)
    $publish_date = get_post_time('U', true, $id);

    // If the post was published after the last visit, append a new span to the title
    if ($publish_date > $lastvisit) $title .= '<span class="new-article">New</span>';

    // Return the modified or original title
    return $title;
}

// Add a filter to apply the 'wpb_lastvisit_the_title' function to 'the_title' hook with priority 10 and 2 parameters
add_filter('the_title', 'wpb_lastvisit_the_title', 10, 2);

Bu snippet’in yaptığı şey, kullanıcının son ziyaretine göre WordPress yazı başlıklarını değiştirmektir.

Sayfanın bir blog yazısı olup olmadığını kontrol eder ve değilse orijinal başlığı olduğu gibi görüntüler. Ancak bir blog yazısı ise, başlık değiştirilecektir.

Ardından, kod parçacığı lastvisit çerezinin var olduğundan emin olur. Eğer yoksa, kod bunu oluşturur ve geçerli zamana ayarlar. İşlev daha sonra bu son ziyaret zamanını gönderinin yayınlanma tarihiyle karşılaştırır ve gönderi son ziyaretten daha yeniyse başlığa bir ‘Yeni’ etiketi ekler.

Kod parçacığını ekledikten sonra, aşağı kaydırın ve Ekleme Yöntemi için ‘Otomatik Ekleme’yi seçin.

Bunun dışında, Konum için ‘Yalnızca ön uç’ seçeneğini seçtiğinizden emin olun. Bu, kodun yalnızca WordPress blogunuzun ziyaretçilerin etkileşimde bulunduğu bölümünde çalışacağı ve yönetici panelinizde veya diğer yerlerde çalışmayacağı anlamına gelir.

Modifying the insertion settings in WPCode and activating and publishing the code

Bunu yaptıktan sonra kodu ‘Etkin’ hale getirebilir ve ‘Snippet’i Kaydet’e tıklayabilirsiniz.

Şimdi, yeni bir özel kod parçacığı eklemek için adımı tekrarlayın. Bu kez kod, kullanıcının son ziyaretine bağlı olarak son gönderi başlıklarına eklenen ‘Yeni’ etiketini şekillendirecektir.

Yani, ‘Post Title New Label Style’ gibi bir isim verebilirsiniz ve Kod Türü ‘CSS Snippet’ olmalıdır.

Creating a CSS code to customize the new post label in WPCode

Daha sonra aşağıdaki kod satırlarını kopyalayıp Kod Önizleme kutusuna yapıştırabilirsiniz:

/* CSS to style the "New" label in blog post titles */
.new-article {
    background-color: #4CAF50; /* Green background color */
    color: #ffffff; /* White text color */
    padding: 2px 5px; /* Padding around the label */
    margin-left: 5px; /* Adjust the margin to your preference */
    border-radius: 3px; /* Rounded corners for the label */
    font-size: 12px; /* Adjust the font size to your preference */
}

Bu kod parçacığı temel olarak özel bir arka plan rengi, metin rengi, dolgu, kenar boşluğu, kenarlık yarıçapı ve yazı tipi boyutu kullanarak ‘Yeni’ yazı etiketini özelleştirir.

Bu öğeleri ilerledikçe tercihlerinize göre ayarlamaktan çekinmeyin. Arka plan ve metin renkleri için hex renk kodlarını veya RGB değerlerini kullandığınızdan emin olun.

Ekleme bölümünde Konum olarak ‘Site Genelinde Başlık’ seçeneğini seçin. Bundan sonra, kodu ‘Etkin’ hale getirin ve ‘Snippet’i Kaydet’e tıklayın.

Choosing Site Wide Header as the code location in WPCode

Ve işte bu kadar! Kodun çalışıp çalışmadığını görmek için yeni bir blog yazısı yayınlayabilir ve yazıyı gizli modda mobil veya masaüstünde görüntüleyebilirsiniz.

Kod başarılı olursa, son gönderi başlıklarınızın yanında bir ‘Yeni’ etiketi görmeniz gerekir.

Example of the new post label made with WPCode

Geri dönen web sitesi ziyaretçileri için yeni gönderileri vurgulamanın yanı sıra, blogunuzu geliştirmek ve insanların sitenizde daha uzun süre kalmasını sağlamak için yapabileceğiniz başka yollar da vardır.

Örneğin, ziyaretçinin o anda okumakta olduğu gönderiyle ilgili gönderileri görüntüleyebilirsiniz. Bu şekilde, ilgi alanlarına uygun içerikler sunarak onların ilgisini canlı tutabilirsiniz.

Ya da e-posta adreslerini almak veya özel teklifleri tanıtmak için yapışkan bir kayan altbilgi çubuğu oluşturabilirsiniz. Bu çubuk, ziyaretçiler sayfayı aşağı kaydırdıkça görünür kalır. Bunu, abone olmak veya teklifinizden yararlanmak için sürekli bir hatırlatma sağlamak ve dönüşüm oranlarını artırmak için kullanabilirsiniz.

Erişilebilirlik amacıyla bir yazı tipi yeniden boyutlandırıcı da eklemek isteyebilirsiniz. Bu, ziyaretçilerin web sitenizdeki yazı tipi boyutunu kendi tercihlerine göre ayarlamalarına olanak tanıyarak içeriğinizi okumalarını kolaylaştırır.

Çok sayıda blog içeriğiniz varsa, belirli bir özel alana sahip olmaları halinde blog gönderilerini görüntüleyen özel sayfalar oluşturmak isteyebilirsiniz.

Diyelim ki ‘Tarif Zorluğu’ için bir özel alanınız var. ‘Tarif’ ile etiketlenmiş ve aynı zamanda ‘Kolay’ özel alan değerine sahip tüm blog gönderilerini görüntüleyen bir sayfa oluşturabilirsiniz. Bu şekilde, kolay tarifler arayan ziyaretçiler hepsini tek bir yerde bulabilir.

WordPress blogunuzu daha da optimize etmek için göz atabileceğiniz diğer ipuçlarını burada bulabilirsiniz:

Bu makalenin WordPress’te geri dönen ziyaretçiler için yeni gönderileri nasıl vurgulayacağınızı öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca en iyi WordPress sürükle ve bırak sayfa oluşturucu eklentileri uzman seçimlerimize ve bir WordPress web sitesinin nasıl düzenleneceğine ilişkin nihai kılavuzumuza göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

13 yorumBir Cevap Bırakın

  1. keramzyt

    Is any way to set this cookie and functionality to different subpages on website?

  2. Peter

    Hi
    I use WP for a static website and show posts in a sidebar using the Recent Posts widget.

    I would like visitors to the site to be able to see new posts by highlighting them in some way in the sidebar e.g. showing “New” against the title of the post.

    Is there any plugin that will support this? The Mark New Posts widget only shows that the item is new once you have opened the post from the sidebar.

    Many thanks

    Peter

  3. محمود

    it didn’t work in my site…
    please help.

  4. S

    Forgot to mention, as mentioned above, most websites have more than one theme per post/page, so this may not work in that instance. Have a wonderful day.

  5. S

    Thank you for all your help. However, this needs to be in a short video and explained in slow detail. This is complicated and for developers that are used to coding, not for the average joe building a website. I always appreciate your emails so much

  6. simpson

    Hello
    this tutorial not works for me can u help me?

  7. sam

    Hi

    This is awesome but doesn’t work for me on wordpress multisite

    Thanks

  8. Sam

    This does not work for multisite network. Can you please advise. I appreciate your help by adding a tutorial for multisite.

    Thanks

  9. mthcsn

    Great stuff! Thanks!
    Although, I think the cookie is expiring rather fast. I think it was meant to be ‘time()+(60*60*24*7)’ so it expires after a week. Otherwise, it expires only after slightly less than 3 hours.

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.