Birçok web sitesi, haberleri, satışları veya duyuruları vurgulamak için en üstte kayan bir metin satırı kullanır.
Haber akışı adı verilen bu özellik, önemli güncellemelerin gözden kaçırılmamasını sağlamanın basit ve etkili bir yoludur.
Kendi sitelerimizde sınırlı süreli teklifleri ve duyuruları vurgulamak için haber bantları kullandık ve ziyaretçileri bilgilendirmemize yardımcı oldular, ancak sayfayı karıştırmadılar.
Bu kılavuzda, WordPress sitenize kayan bir haber kaydırıcısı eklemeyi göstereceğiz.

Kaydırılan Haber Akışı Nedir?
A news ticker is a single line of text that scrolls continuously across the screen. It typically shows current news items, sporting results, live financial and currency information, and weather information.
Bu, bir yapışkan kayan altbilgi çubuğu kullanmaya benzeyebilir.
Kayan yazılar, az miktarda bilgiyi dikkat çekici bir şekilde görüntülemek için harika bir yoldur. İçerik sürekli kaydığı için, kayan yazıları sınırlı bir alanda çok fazla bilgi göstermek için de kullanabilirsiniz.
Örneğin, en iyi performans gösteren yazılarınızı görüntülemek, yaklaşan bir indirimi duyurmak veya başka faydalı bilgiler paylaşmak için bu WordPress tasarım öğesini kullanabilirsiniz.
Bunu göz önünde bulundurarak, WordPress blogunuza veya web sitenize kaydırılan bir haber bandı eklemeye nasıl bakacağımızı görelim.
WordPress'e Kaydırılan Bir Haber Bandı Nasıl Eklenir
Bir haber bandı oluşturmanın yollarını araştırırken, en kolay yolun bir eklenti kullanmak olduğunu bulduk. Özel CSS bir dereceye kadar özelleştirme sunsa da, en başlangıç dostu yöntem değildir.
Ve iş için en iyi eklenti Ditty News Ticker'dır. Şu ana kadar bulduğumuz en iyi WordPress haber eklentilerinden biridir.
Bununla, web sitenize hareketli, kayan ve kaydırılan içerikler ekleyebilir ve ardından animasyonun yönünü, aralığını, hızını ve stilini değiştirebilirsiniz.
Yapmanız gereken ilk şey eklentiyi kurmak ve etkinleştirmektir. Daha fazla ayrıntı için, WordPress eklentisinin nasıl kurulacağına dair eksiksiz kılavuzumuza bakın.
Etkinleştirdikten sonra WordPress kontrol panelinde Ditty » Yeni Ekle bölümüne gitmeniz ve ardından ‘Varsayılan Ekle’ düğmesine tıklamanız gerekir.

Artık duyarlı haber bandının ilk öğesini oluşturabilirsiniz. 'İçerik' kutusuna, kayan bantta göstermek istediğiniz metni yazmanız yeterlidir.
Burada, bir duyuru yapabilir veya web sitesi bannerı gibi faydalı bilgiler paylaşabilirsiniz. Örneğin, alışveriş yapanlara planlanmış bir indirim veya son gönderiler hakkında bilgi verebilirsiniz.

Haber öğesine, insanların kayan yazıda yer alan sayfayı veya gönderiyi kolayca ziyaret edebilmeleri için bağlantılar da ekleyebilirsiniz.
Bunu yapmak için 'Bağlantı' alanına bir URL eklemeniz yeterlidir.

Bir bağlantı başlığı da ekleyebilir, URL'yi nofollow olarak işaretleyebilir ve daha fazlasını yapabilirsiniz.
Haber akışından en iyi şekilde yararlanmak için ‘Öğe Ayarlarını Güncelle’ düğmesine tıklayarak birden fazla haber öğesi eklemek isteyebilirsiniz.

Önizleme şimdi oluşturduğunuz öğeyi gösterecek şekilde güncellenecektir.
Ticker'a başka bir öğe eklemek için ‘Öğe Ekle’ düğmesine tıklayın.

Artık ‘Varsayılan Ekle’ye tıklayabilir ve yukarıda açıklanan süreci izleyerek öğeyi oluşturabilirsiniz.
Ticker'a daha fazla öğe eklemek için bu adımları tekrarlamanız yeterlidir.
Öğelerinizden memnun kaldığınızda, haber bandında görünme sıralarını değiştirmek isteyebilirsiniz. Bunu yapmak için, değiştirmek istediğiniz öğeyi alın ve yeni bir konuma sürükleyip bırakın.

Varsayılan olarak Ditty, öğelerinizi bir liste halinde gösterir.
Kaydırılan bir haber bandı oluşturmak istediğiniz için 'Görüntü' sekmesine tıklayın.

Bu ekranda, ‘Tür Değiştir’ bağlantısına tıklayın.
Görünen açılır pencerede 'Ticker'ı seçin ve ardından 'Update Type' (Tür Güncelle) seçeneğine tıklayın.

Artık haber akışının WordPress web sitenizde nasıl görüneceğini ve davranacağını değiştirebilirsiniz.
Bu, kaydırma yönünü, hızını ve haber bandı öğeleri arasındaki boşluğu değiştirmeyi içerir.

Ayrıca, kayan yazı kapsayıcısı, öğeler, başlıklar ve daha fazlası için farklı stiller arasında seçim yapabilirsiniz. Bu ayarların çoğu kendi kendini açıklayıcıdır, bu nedenle yapmak istediğiniz değişiklikleri görmek için gözden geçirmeye değer.
Ticker'ın kurulumundan memnun kaldığınızda, ‘Ditty Kaydet’ düğmesine tıklayın.

Bundan sonra, kısa kod kullanarak haber bandını sitenize eklemeye hazırsınız. Bu kısa kodu almak için 'Ayarlar' sekmesine tıklayın.
Şimdi, ‘Shortcode’ alanındaki değeri kopyalayın.

With that done, you can add the shortcode to any page, post, or widget-ready area. For more information on how to place the shortcode, please see our guide on how to add a shortcode.
Bunu yaptıktan sonra, haber akışını WordPress web sitenizde yayına almak için değişikliklerinizi güncelleyin veya yayınlayın.

🎁 Bonus: Maksimum Etki İçin Yapışkan Bir Alt Bilgi Çubuğu Ekleyin
Kaydırılan bir haber akışı dönen duyuruları vurgulamaya yardımcı olurken, bunu yapışkan kayan bir alt bilgi çubuğuyla birleştirmek, farklı amaçlar için ziyaretçi dikkatini etkili bir şekilde çekebilir.
Altbilgi çubuğu temel, statik bilgileri görünür tutarken, haber bandı zamanında güncellemelerin ön planda olmasını sağlar.
OptinMonster gibi araçlarla, çekici alt bilgi çubukları oluşturabilir ve özel teklifleri, acil haberleri veya popüler gönderileri sergilemek için bunları haber ticker'ınızla koordine edebilirsiniz.

Alt bilgiyi sürekli bir harekete geçirici mesaj olarak düşünün, haber bandı ise kısa vadeli, önemli güncellemeleri sunar.
Bu özellikler birlikte kullanıcı deneyimini iyileştirir ve teklifler ve önemli içeriklerle zamanında etkileşim kurmayı teşvik ederek dönüşüm oranlarını artırabilir.
Başlamak için, WordPress'te yapışkan kayan bir altbilgi çubuğu oluşturma eğitimimize bakın: WordPress'te yapışkan kayan bir altbilgi çubuğu oluşturma.
Bu eğitimde WordPress'te kayan bir haber bandı eklemeyi öğrendiğinizi umuyoruz. Ayrıca, geri dönen ziyaretçiler için yeni gönderileri nasıl vurgulayacağınızı öğrenmek veya en iyi WordPress kenar çubuğu hilelerimizin en iyi sonuçları elde etmek için uzman seçimlerimizi görmek isteyebilirsiniz.
Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.


Jiří Vaněk
Bu makale için teşekkürler; bir yıldır uğraştığım bir sorunu çözmeme yardımcı oldu. Bir blogum var ve sözde bir mikroblog eklemek istedim - web sitesinde yeni gelişmeler hakkında çok hızlı ve özlü güncellemeler yayınlayabileceğim küçük bir bölüm. Ancak, şu anda mikrobloglama için özel bir eklenti bulunmuyor. Bu yöntem, mikroblog sorununu nihayet çözmek ve siteme hızlı, kısa güncellemeler eklemek için tam olarak ihtiyacım olan yoldu. Bir yıl sonra kullanılabilir bir çözüm bulduğum için çok heyecanlıyım - harika!
kzain
‘ve been wanting to tweak the look of my links and this post made it super easy. The customizer option was perfect for my basic needs, but I’ll definitely keep the CSS method in mind for more advanced changes.
Bağlantı renginizin web sitenizin geri kalanıyla iyi kontrast oluşturduğundan emin olmak için bir renk paleti aracı kullanmayı düşünün.
Lin
İki web sitem var. Bir sitede diğer siteyi yansıtacak bir haber bandı ekleyebilir miyim?
WPBeginner Desteği
Ticker diğer sitenize bilgiyi iletmeyecek olsa da, aynı bilgiyi kesinlikle ticker'a ekleyebilirsiniz.
Yönetici
karbhari
How do i add the Latest News: title to the scrolling news, after header in main page it shows on my site.
Anna Sue
Where do you enter the text for your ticker? My install doesn’t show some of the items you have in your screenshots.
Anna Sue
İstediğim kayan yazı bu olabilir ama eklentilerle ilgili birçok çevrimiçi videoda olduğu gibi, çok hızlı konuştunuz ve hareket ettiniz, talimatları alamadım.
H.M.Mohiuddin
eklenti kullanmadan nasıl haber bandı ekleyebilirim
plazma
dinamik değil.
felix
Kaydırılan habere 'En Son Haberler:' başlığını nasıl eklerim, sitemde görünüyor, ancak en son haberler veya en son güncelleme vb. ekleyecek bir yer göremedim
hosam abdallah
çok iyi bir eklenti ama bir sorum var
temalarımı yapmak için artisteer kullanıyorum widget'a php fonksiyonunu nereye ekleyebileceğimi söyleyebilir misiniz
burada veya temalarıma nereden ekleyebilirim
Abdulmumin
Merhaba, Lütfen doğrudan işlevi nasıl ekleyebilirim, lütfen doğrudan işlevi ekleme konusunda adım adım talimatları sağlayın.
Kısa kodu hakkımızda sayfama ekledim ve çalıştı ama ana sayfama ekledim ama çalışmadı... Lütfen tavsiye edin
WPBeginner Desteği
Makalenin son ekran görüntüsünde gösterildiği gibi Doğrudan işlevi kopyalayın ve temanızın home.php veya header.php dosyasına yapıştırın. Haber akışınızın görünmesini istediğiniz konuma yapıştırın.
Yönetici
Sujani
Selam,
Talimatları net bir şekilde verdiğin için teşekkürler.. kısa kodu ve doğrudan fonksiyonu nereye koymamız gerektiği konusunda bir sorum vardı?
Bunu gönderiye/sayfaya mı yerleştiriyoruz?
Teşekkürler,
Sujani
WPBeginner Desteği
gönderiler/sayfalar/widget'lar için kısa kod ve temanızın şablon dosyalarına kodlamak isterseniz doğrudan işlev.
Yönetici
Peter Johnson
Harika bir tema gibi görünüyor, çünkü ben bir PHP geliştiricisi değilim ama bu temayı kullanmak ve bu temayı WordPress bloguma entegre etmek istiyorum. Bu temayı blogumda nasıl kullanabileceğimi, en son haberlerimin televizyonda slayt gösterisi gibi ana menümün üstünde veya altında nasıl gösterileceğini açıklamanızı istiyorum. Lütfen bir prosedüre ihtiyacım var.
Teşekkürler
Mackenzie
Teşekkürler, gerçekten güzel bir eğitim.