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.
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.
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.
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.
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.
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üğü:
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.
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.
Ş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.
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.
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.
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.
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.
WordPress Blogunuzu Optimize Etmenin Daha Fazla Yolunu Öğrenin
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:
- WordPress’te Göreceli Tarihler Nasıl Görüntülenir?
- WordPress’te Özel Kaydırma Çubuğu Nasıl Oluşturulur
- WordPress Temalarında Yazı Alıntıları Nasıl Görüntülenir?
- Mobil Dostu WordPress Sitesi Oluşturmanın Yolları (Uzman İpuçları)
- WordPress’te Metin Nasıl Vurgulanır (Başlangıç Kılavuzu)
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.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
keramzyt
Is any way to set this cookie and functionality to different subpages on website?
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
محمود
it didn’t work in my site…
please help.
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.
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
WPBeginner Support
Please use the first method which uses a plugin.
Yönetici
simpson
Hello
this tutorial not works for me can u help me?
sam
Hi
This is awesome but doesn’t work for me on wordpress multisite
Thanks
Sam
This does not work for multisite network. Can you please advise. I appreciate your help by adding a tutorial for multisite.
Thanks
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.
Danny van Kooten
Great idea – I turned this into a quick plugin so it’s even easier to integrate. It’s available from the WP.org repository: http://wordpress.org/plugins/highlight-new-posts/
Suggestions are very welcome.
simpson
pls update plugin
Dennis Does Cricket
Can you please show pics of what the intended outcome is?