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 Kayan Haber Ticker’ı Nasıl Eklenir

WordPress sitenize kayan bir haber başlığı mı eklemek istiyorsunuz?

Televizyon kanalları önemli hikayeleri vurgulamak için genellikle haber bültenlerini kullanır. Bu, ziyaretçilerin dikkatini çekmek için harika bir yoldur, bu nedenle web sitenize bir haber başlığı eklemek ve ardından özel fırsatları, popüler gönderileri ve diğer önemli içerikleri vurgulamak isteyebilirsiniz.

Bu makalede, WordPress’te kayan bir haber ticker’ının nasıl ekleneceğini göstereceğiz.

How to Add a Scrolling News Ticker in WordPress

Kayan Haber Ticker’ı Nedir?

Haber ticker’ı, ekran boyunca sürekli olarak kayan tek satırlık bir metindir. Genellikle güncel haberleri, spor sonuçlarını, canlı finans ve döviz bilgilerini ve hava durumu bilgilerini gösterir.

Bu, yapışkan bir kayan altbilgi çubuğunu nasıl kullanabileceğinize benzer.

Ticker’lar, küçük bilgi parçacıklarını göz alıcı bir şekilde göstermenin harika bir yoludur. İçerik her zaman kaydığı için, sınırlı bir alanda çok sayıda bilgi göstermek için de ticker’ları kullanabilirsiniz.

Örneğin, en iyi performans gösteren gönderilerinizi görüntülemek, yaklaşan bir satışı duyurmak veya diğer yararlı bilgileri paylaşmak için bir haber ticker’ı kullanabilirsiniz.

Bununla birlikte, WordPress blogunuza veya web sitenize nasıl kayan haber ticker’ı ekleyeceğinize bakalım.

WordPress’te Kayan Haber Ticker’ı Nasıl Eklenir

Web sitenize kayan bir haber ticker’ı eklemenin en iyi yolu, en iyi WordPress haber eklentilerinden biri olan Ditty‘yi kullanmaktır. Bu eklenti, web sitenize hareketli, kayan ve kaydırılan içerik eklemenize ve ardından animasyonun yönünü, aralığını, hızını ve stilini değiştirmenize olanak tanır.

Yapmanız gereken ilk şey Ditty eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için WordPress eklentisi yükleme hakkındaki adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından, WordPress panosunda Ditty ” Yeni Ekle ‘ye gitmeniz ve ardından ‘Varsayılan Ekle’ düğmesine tıklamanız gerekir.

Adding a ticker to your WordPress website

Artık ticker’daki ilk öğeyi oluşturabilirsiniz. ‘İçerik’ kutusuna, kayan ticker’da göstermek istediğiniz metni yazmanız yeterlidir.

Burada, bir duyuru yapabilir veya web sitesi banner‘ına benzer şekilde bazı yararlı bilgiler paylaşabilirsiniz. Örneğin, müşterilere planlanan bir satış veya son gönderiler hakkında bilgi verebilirsiniz.

Adding content to an online ticker

Ayrıca haber öğesine bağlantılar ekleyebilirsiniz, böylece insanlar ticker’da yer alan sayfayı veya gönderiyi kolayca ziyaret edebilir.

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

Adding links to a website ticker

Ayrıca bir bağlantı başlığı ekleyebilir, URL’yi nofollow olarak işaretleyebilir ve daha fazlasını yapabilirsiniz.

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

Adding a scrolling news ticker to WordPress

Önizleme şimdi yeni oluşturduğunuz öğeyi gösterecek şekilde güncellenecektir.

Devam etmek ve ticker’a başka bir öğe eklemek için ‘Öğe Ekle’ düğmesine tıklayın.

Adding items to a scrolling news ticker

Şimdi ‘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 olduğunuzda, bunların ticker’da görünme sırasını değiştirmek isteyebilirsiniz. Bunu yapmak için değiştirmek istediğiniz öğeyi tutup yeni bir konuma sürükleyip bırakmanız yeterlidir.

Changing the order of ticker items in a scrolling newsfeed

Varsayılan olarak, Ditty öğelerinizi bir liste halinde gösterir.

Kayan bir ticker oluşturmak istediğiniz için, ‘Display’ sekmesine tıklayın.

Creating an animated ticker in WordPress

Bu ekranda, ‘Türü Değiştir’ bağlantısına tıklayın.

Açılan pencerede ‘Ticker’ı seçin ve ardından ‘Güncelleme Türü’ne tıklayın.

How to create a scrolling ticker in WordPress

Artık WordPress web sitenizde ticker’ın nasıl göründüğünü ve hareket ettiğini değiştirebilirsiniz.

Bu, kaydırma yönünü, hızını ve ticker öğeleri arasındaki boşluğu değiştirmeyi içerir.

Customizing an animated ticker

Ayrıca ticker kabı, öğ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 hangi değişiklikleri yapmak istediğinizi görmek için bunları gözden geçirmeye değer.

Ticker’ın nasıl ayarlandığından memnun olduğunuzda, ‘Ditty’yi Kaydet’ düğmesine tıklayın.

Saving the ticker settings in WordPress

Bundan sonra, bir kısa kod kullanarak ticker’ı sitenize eklemeye hazırsınız. Bu kısa kodu almak için devam edin ve ‘Ayarlar’ sekmesine tıklayın.

Şimdi, ‘Kısa Kod’ alanındaki değeri kopyalayın.

Adding a ticker to a website using shortcode

Bunu yaptıktan sonra, kısa kodu herhangi bir sayfaya, gönderiye veya widget’a hazır alana ekleyebilirsiniz. Kısa kodun nasıl yerleştirileceği hakkında daha fazla bilgi için lütfen kısa kod ekleme kılavuzumuza bakın.

Bunu yaptıktan sonra, ticker’ı WordPress web sitenizde canlı hale getirmek için değişikliklerinizi güncellemeniz veya yayınlamanız yeterlidir.

News Ticker Preview

Umarız bu eğitim WordPress’te kayan bir haber kutusunun nasıl ekleneceğini öğrenmenize yardımcı olmuştur. Ayrıca, geri dönen ziyaretçiler için yeni gönderileri nasıl vurgulayacağınızı öğrenmek veya maksimum sonuç almak için en iyi WordPress kenar çubuğu hileleri uzman seçimimizi görmek 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

15 yorumBir Cevap Bırakın

  1. Lin

    I have two websites. Can I add a ticker on one site that will reflect the other site?

    • WPBeginner Support

      While the ticker would not transmit the information to your other site, you can certainly add the same information in the ticker.

      Yönetici

  2. karbhari

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

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

  4. Anna Sue

    I this may be the ticker I want but, as in many online videos about plugins, you talked and moved so fast I could get the instructions.

  5. H.M.Mohiuddin

    how can i add a news ticker without using plugin

  6. felix

    How do i add the Latest News: title to the scrolling news, it shows on my site, but i didnt see where to add if its lastest news or latest update etc

  7. hosam abdallah

    very good plugin but i have aquestion
    i use artisteer to make my themes can you tell me where can i add php function to widget
    in this or from where can i add to my themes

  8. Abdulmumin

    Hello, Please how can I add the direct function, kindly provide the ste by step instruction in adding the direct funtction.

    I added the shortcode in my about page and it worked but i added it on my home page but it didnt work…..kindly advice

    • WPBeginner Support

      Simply copy the Direct function as shown in the last screenshot of the article and paste in your theme’s home.php or header.php. Paste it at the location where you would like your news ticker to appear.

      Yönetici

  9. Sujani

    hey,
    thanks for giving the instructions clearly.. i had a a question where should we put the shortcode and direct function?
    do we place it in the post/page?

    Thanks,
    Sujani

    • WPBeginner Support

      shortcode for posts/pages/widgets and direct function if you want to hard code it in your theme’s template files.

      Yönetici

  10. Peter Johnson

    It seems a great theme, as I am not a PHP developer but I want to use this theme and integrate this theme on my wordpress blog. I just want you to describe ho can I use this theme in my Blog so my latest news can be shown on top of my menu or below my main menu like a slide shown on Television. Please I need a procedure.

    Thanks

  11. Mackenzie

    Thanks, really nice tut.

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.