En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

WordPress'e Kaydırılan Bir Haber Bandı Nasıl Eklenir

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.

WordPress'e Kaydırılan Bir Haber Bandı Nasıl Eklenir

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.

WordPress web sitenize bir bant ekleme

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.

Adding content to an online ticker

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 web sitesi bandına bağlantı ekleme

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.

WordPress'e kayan bir haber ticker'ı ekleme

Ö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.

Kaydırılan haber bandına öğe ekleme

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.

Kaydırılan bir haber akışında haber öğelerinin sırasını değiştirme

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.

WordPress'te animasyonlu bir bant oluşturma

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.

WordPress'te kayan bir kaydırıcı nasıl oluşturulur

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.

Animasyonlu bir bantı özelleştirme

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.

WordPress'te bant ayarlarını kaydetme

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.

Kısa kod kullanarak bir web sitesine haber kaydırıcısı ekleme

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.

Haber Ticker Önizlemesi

🎁 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.

OptinMonster altbilgi çubuğu önizlemesi

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.

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

Nihai WordPress Araç Seti

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

Okuyucu Etkileşimleri

17 CommentsLeave a Reply

  1. 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!

  2. ‘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.

  3. İki web sitem var. Bir sitede diğer siteyi yansıtacak bir haber bandı ekleyebilir miyim?

    • Ticker diğer sitenize bilgiyi iletmeyecek olsa da, aynı bilgiyi kesinlikle ticker'a ekleyebilirsiniz.

      Yönetici

  4. How do i add the Latest News: title to the scrolling news, after header in main page it shows on my site.

  5. Where do you enter the text for your ticker? My install doesn’t show some of the items you have in your screenshots.

  6. İ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.

  7. 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

  8. ç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

  9. 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

    • 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

  10. 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

  11. 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

Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.