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, satışlar, duyurular veya son dakika haberleri gibi önemli güncellemelerin dikkatini çekmek için sayfanın üst kısmında kayan bir metin satırı kullanır.

Genellikle haber bandı olarak adlandırılan bu özellik, düzeninizi bozmadan veya ziyaretçileri rahatsız etmeden önemli mesajların görülmesini sağlamanın kolay bir yoludur.

Kendi WordPress sitemizde sınırlı süreli teklifleri tanıtmak ve önemli güncellemeleri paylaşmak için haber bantları kullandık ve ana sayfanızı yeniden tasarlamadan bir şeyi vurgulamak istediğinizde özellikle iyi çalışırlar.

Bu kılavuzda, WordPress sitenize adım adım kayan bir haber bandı eklemeyi göstereceğiz.

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

💡Hızlı Cevap: Haber Bandı Nasıl Eklenir

WordPress'te kayan bir haber bandı eklemenin en kolay yolu Ditty eklentisini kullanmaktır. Eklentiyi kurun, metin öğelerinizi ekleyin, 'Ticker' görüntüleme türünü seçin ve oluşturulan kısa kodu sitenizin üstbilgisine veya ana sayfasına yapıştırın.

Kaydırılan Haber Akışı Nedir?

Haber bandı, ekranda sürekli kayan tek bir metin satırıdır.

Küçük bilgi parçacıklarını dikkat çekici bir şekilde görüntülemek için harika bir yoldur. İçerik sürekli kaydığı için sınırlı bir alanda çok fazla bilgi gösterebilirsiniz.

Bantlar tipik olarak şunları görüntülemek için kullanılır:

Bu, bir yapışkan kayan altbilgi çubuğu kullanmaya benzeyebilir.

WordPress blogunuza veya web sitenize kayan bir haber bandı eklemeyi inceleyelim.

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

Haber bandı oluşturmanın en kolay yolu bir eklenti kullanmaktır. Özel CSS bazı özelleştirmeler sunsa da, yeni başlayanlar için dostu değildir.

Ditty'yi (eski adıyla Ditty News Ticker) öneririz. Pazardaki en iyi WordPress haber eklentilerinden biridir.

Bu eklenti ile web sitenize hareketli, kayan ve kaydırılan içerikler ekleyebilirsiniz. Animasyonun yönünü, aralığını, hızını ve stilini de değiştirebilirsiniz.

Öncelikle eklentiyi kurmanız ve etkinleştirmeniz gerekir. 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 gerekir. Ardından ‘Varsayılan Ekle’ düğmesine tıklayın.

WordPress web sitenize bir bant ekleme

Şimdi, ticker için ilk öğeyi oluşturabilirsiniz. ‘İçerik’ kutusuna göstermek istediğiniz metni yazın.

Bir duyuru yapabilir veya 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 bağlantılar da ekleyebilirsiniz. Bu, insanların ticker'da yer alan sayfayı veya gönderiyi kolayca ziyaret etmelerini sağlar.

Bunu yapmak için ‘Bağlantı’ alanına bir URL ekleyin.

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.

Ticker'dan en iyi şekilde yararlanmak için birden fazla haber öğesi eklemek isteyebilirsiniz. Değişikliklerinizi kaydetmek için ‘Öğe Ayarlarını Güncelle’ düğmesine tıklayın.

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

Ardından, ihtiyacınız olan kadar haber öğesi eklemek için yukarıdaki adımları tekrarlayabilirsiniz.

Öğelerinizden memnun kaldığınızda, sıralarını yeniden düzenlemek isteyebilirsiniz. Taşımak istediğiniz öğeyi tutup yeni bir konuma sürüklemeniz yeterlidir.

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ı kutusu, öğeler, başlıklar ve daha fazlası için farklı stiller arasından 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 bunları incelemeye 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 kayan yazıyı 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

Kısa kodu herhangi bir sayfaya, gönderiye veya widget'a hazır alana ekleyebilirsiniz. Ancak, kayan yazılar site başlığına veya ana sayfanın en üstüne yerleştirildiğinde en etkilidir.

Kısa kodu nasıl yerleştireceğiniz hakkında daha fazla bilgi için lütfen kısa kod ekleme kılavuzumuza bakın: kısa kod ekleme.

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

Kayar bir haber bandı, dönen duyuruları vurgulamaya yardımcı olur. Ancak, bunu yapışkan kayan bir alt bilgi çubuğu ile birleştirmek, farklı amaçlar için ziyaretçilerin dikkatini etkili bir şekilde çekebilir.

Alt bilgi çubuğu, temel, statik bilgileri görünür tutar. 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.

Kayar Haber Bantları Hakkında Sıkça Sorulan Sorular

Okuyucularımızın WordPress'e kayan haber bantları ekleme hakkında sıkça sorduğu bazı sorular şunlardır:

WordPress'e kayan haberler nasıl eklenir?

Kayar haberler eklemenin en iyi yolu, Ditty gibi özel bir eklenti kullanmaktır. Eklentiyi yükleyebilir, yeni bir kayan yazı öğesi oluşturabilir ve haber akışını gönderilerinizde, sayfalarınızda veya kenar çubuğunuzda görüntülemek için oluşturulan kısa kodu kullanabilirsiniz.

WordPress'e kayan metin nasıl eklenir?

Mobil cihazlarda çalışmasını sağlamak için kayan metin eklemek üzere bir eklenti kullanmalısınız. Eski HTML <marquee> etiketinden kaçınmanızı öneririz çünkü bu etiket eskidir ve modern web tarayıcılarında doğru görüntülenmeyebilir.

WordPress'e nasıl bir kaydırma çubuğu eklerim?

Sitenize kayan bir metin çubuğu (ticker) eklemek istiyorsanız, bu kılavuzda gösterildiği gibi Ditty eklentisini kullanabilirsiniz. Navigasyon için özel bir kaydırma çubuğu veya okuma ilerleme çubuğu eklemek istiyorsanız, muhtemelen Worth The Read gibi farklı bir eklentiye ihtiyacınız olacaktır.

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.