WordPress'te Haber Ticker Oluşturma: 3 Kolay Adım

Televizyon kanallarındaki kayan çubukları gördünüz mü? Son dakika haberlerini, trendleri ve önemli olayları vurgularlar. Bunlar, WordPress web sitelerini de geliştirebilen "haber şeritleri " olarak bilinir.

Adım adım kılavuzumuzla WordPress'te nasıl bir haber şeridi oluşturacağınızı keşfedin. ElementsKit eklentisini kullanarak dinamik bir haber şeridini nasıl uygulayacağınızı öğrenin ve web sitenizin haber sunumunu iyileştirin.

WordPress'te Haber Ticker'ı Anlamak

İçerik şeritleri olarak da adlandırılan Haber Ticker'ları, bir web sitesinde/diğer herhangi bir ortamda kısa duyurular içeren kayan bir metin efekti oluşturur . Kayan yazı, zamana duyarlı bilgilerin, gönderim çağrılarının ve diğer metin tabanlı mesajların yayınlanmasına yardımcı olur. Bu şeritler, sayfanızdaki metni hareket ettirerek dikkat çeker.

İçerik şeritleyicileri çok çeşitli içerikler sergileyebilir. Bunlar haber başlıklarını, duyuruları, promosyonları veya diğer kaydırma ayrıntılarını içerir. Bir haber şeridi, haber güncellemelerini sunarak onu özel bir içerik şeridi haline getirir.

Haber şeritleri veya haber beslemeleri, haber kanalları için fazlasıyla faydalıdır. Haberler, spor, hisse senetleri ve daha fazlası gibi konuları değiştirmek için değerlidirler. Web sitenizdeki bir haber şeridi, ziyaretçilerin güncel kalmasını sağlar. İçeriğinizden daha fazlasını keşfetmeleri için onları motive eder.

WordPress'te Haber Ticker Nasıl Eklenir?

Bu kılavuz, WordPress web sitenizdeki ElementsKit içerik şeridini kullanarak size yol gösterecektir. Adım adım talimatlara geçmeden önce Elementor ve ElementsKit'i açıklayalım.

Elementor ve ElementsKit, web sitesi oluşturmak ve özelleştirmek için ideal olan popüler WordPress eklentileridir. Elementor, WordPress için görsel bir sürükle ve bırak sayfa oluşturucu eklentisidir. Kod öğrenmek zorunda kalmadan WordPress sitenizin görünümünü özelleştirmenizi sağlayan bir araçtır.

Öte yandan ElementsKit, her türlü web sitesini kodlamadan sıfırdan tasarlamak için mükemmel bir çözüm olan bir Elementor eklentisidir. Elementor sayfa oluşturucunun yeteneklerini geliştirmek için ek öğeleri, widget'ları, şablonları ve özellikleri aracılığıyla Elementor'un işlevselliğini genişletir. Web sitesinin amacı ne olursa olsun, önceden oluşturulmuş şablonları ve widget'ları sürükleyip bırakarak web sitesini tasarlayabilirsiniz.

ElementsKit'in birçok güçlü özelliği vardır. Bunlardan biri, önemli veya trend olan haberleri oluşturmanıza ve görüntülemenize yardımcı olan Content Ticker Widget'tır . Premium özellikler sunan ElementsKit Pro sürümünün bir parçasıdır. Kaydırıcıyı farklı düzenler, kenarlıklar, animasyonlar ve tasarımlarla özelleştirebilirsiniz.

Ana Özellikler:

• Elementor için İçerik Ticker widget'ı.
• Kolay özelleştirme için sürükle ve bırak işlevi.
• Kullanıcı dostu arayüz.
• Önemli veya modaya uygun haberleri şık bir şekilde sergileyin.
• Özelleştirilmiş bir görünüm için çoklu düzen seçenekleri.
• Gelişmiş görsel çekicilik için kenarlıklar, animasyonlar ve tasarım seçenekleri.
• İçerik şeritlerinin hızlı oluşturulması.
• Elementor destekli web sitenizle entegre edin.

Şimdi, ElementsKit eklentisini WordPress'te bir haber şeridi olarak etkili bir şekilde kullanma konusunda ayrıntılı adım adım kılavuza geçelim.

1. Adım . Content Ticker Widget'ını Açın

WordPress web sitenize bir içerik şeridi eklemek için ElementsKit İçerik Ticker Widget'ını etkinleştirin. Ardından, Elementor editörünü açın ve widget'ı tasarım alanına sürükleyip bırakın.

İçerik Seçici widget'ını etkinleştirmek için:

1. ElementsKit > Widget'lara gidin
2. Widget listesinde Content Ticker'ı bulun ve etkinleştirin.
3. “ Değişiklikleri Kaydet ” düğmesine tıklayın.

2. Adım. Elementor'da İçerik Seçici Ayarlarını Özelleştirin

Ticker Başlığı

1. Başlığı göster. Ek özelleştirme seçeneklerinin kilidini açmak için kayan yazı başlığı özelliğini etkinleştirin.
2. Başlık Stili. Mevcut seçenekler arasından ticker başlığı için bir stil seçin.
3. Başlık Metni. Başlık için istediğiniz metni girin.
4. İşaretçiyi Etkinleştir Kayan yazı başlığının yanında bir işaretçi görüntüleyebilirsiniz.
5. Simge. Alternatif olarak, başlığın yanında bir simge görüntüleyebilirsiniz.
6. Konum. İstenen yerleşim olarak " Önce " veya " Sonra "yı seçin.
7. Ayırıcıyı etkinleştirin. Kayan yazı başlığıyla birlikte bir ayırıcı görüntüleme seçeneğiniz vardır.

Kayan Yazı İçeriği / Sorgu

Bu bölümde içerik türünü seçebilir ve ayarlarını tercihlerinize göre yapabilirsiniz.

İçerik Türü: Gönderi

Bu seçim, web sitesi gönderilerinizi kayan yazı üzerinde görüntülemenizi sağlar.

İçerik Türü: Özel

Kayan yazı üzerinde özel içerik görüntülemek için şu adımları izleyin:

1. İçerik Seçimi: " Özel " olarak ayarlayın.
2. Öğe Ekle: İçerik öğeleri ekleyebilirsiniz.
3. İçerik Başlığı: Kayan yazı içeriği için başlık girin.
4. İçerik Açıklaması: Kayan yazı içeriği için bir açıklama girin.
5. Resim Seçin: Kayan yazı içeriğinin görüntüleneceği bir resim ekleyin.
6. Bağlantı: İçeriği bir web sayfasına bağlamak için bir URL girin.

Ayarlar

Bu bölümde, ticker ayarlarını özelleştirebilirsiniz.

1. Görüntüyü Göster: Kayan yazıdaki içeriğin öne çıkan görüntüsünün görüntülenip görüntülenmeyeceğini seçin.
2. Görüntü Boyutu: Kayan yazı içeriği içindeki görüntünün boyutunu değiştirin.
3. Gölgeyi Etkinleştir: Kayan yazı içeriğinin sol ve sağ uçlarındaki gölgeyi etkinleştirin.
4. Açıklamayı Göster: Kayan yazıya içerik açıklamasının dahil edilip edilmeyeceğine karar verin.
5. Efekt: Seçeneklerden istediğiniz animasyon efekti stilini seçin: Varsayılan, Soldur, Seçim Çerçevesi ve Yazma. İpucu: Seçim Çerçevesi efektini seçerseniz, daha iyi görünürlük için Animasyon Hızını artırın.

6. Yön: Kaydırma sırasını i olarak belirleyin. Yatay kaydırma veya ii. Dikey kaydırma. Not: Seçim Çerçevesi efekti için yön ayarı geçerli değildir.

7. Animasyon Hızı: Animasyon efektinin hızını değiştirebilir ve ince ayar yapabilirsiniz. Not: Seçim Çerçevesi efekti için yön ayarı geçerli değildir.
8. Otomatik oynatma: İçerik şeridi için otomatik oynatmayı etkinleştirme seçeneğiniz vardır. Etkinleştirilirse, içerik değişiklikleri arasındaki gecikme süresini ayarlayabilirsiniz. Not: Otomatik oynatma ayarı Seçim Çerçevesi efekti için geçerli değildir.
9. Ters Yön: Varsayılan olarak, kayan yazı sağdan sola kayar. Ancak, kayan yazı kaydırma için soldan sağa yönü de seçebilirsiniz.

• İmleci Tut: Kullanıcılar, kayan yazı içeriğini fare imleciyle basitçe yakalayarak kaydırabilir. Not: İmleci Tut ayarı Seçim Çerçevesi efekti için geçerli değildir.

• Oku Göster: Kayan yazı içeriğinde manuel olarak gezinmek için ok özelliğini etkinleştirin. Okları görüntülemeyi seçerseniz, bir Sol Ok Simgesi ve bir Sağ Ok Simgesi seçin.

3. Adım: İçerik Yazı Stilini Özelleştirin

Elementor'daki stil sekmesi altında, içerik şeridini tercihinize göre özelleştirebilirsiniz.

sarıcı

1. Yön: Kayan yazı başlığının ve okların konumunu seçin.

• Normal: Kayan yazı başlığı solda ve ok sağdadır.

• Ters: Kayan yazı başlığı sağda ve ok soldadır.

2. Sarıcı Dolgu : Tüm içerik şeridi bölümü için üst ve alt dolguyu tercihinize göre özelleştirin.

Ticker Başlığı

1. Genişlik: İstenen görünümü elde etmek için kayan yazı başlığı bölümünün genişliğini değiştirin.
2. Hizalama: Kayan yazı başlığındaki simge ve metin için hizalamayı seçin.
3. İşaretçi Seçenekleri/Simge Seçeneği: Boyutu, başlık ile işaretçi/simge arasındaki aralığı ve işaretçi/simgenin rengini özelleştirin.

4. Tipografi: Başlık metni için istediğiniz tipografiyi seçin.
5. Padding: Ticker başlık dolgusunu özelleştirin.
6. Kenarlık Yarıçapı: Kayan yazı başlığının kenarlık yarıçapını düzenleyin.
7. Metin Rengi: Metin için rengi seçin.
8. Arka plan: Kayan yazı başlığı için arka planı seçin.
9. Simge: Kayan yazı başlığında görünecek bir simge seçin.
10. Ayırıcı Seçeneği: Etkinleştirildiğinde, genişlik, yükseklik ve renk gibi özellikleri ayarlayarak stilini özelleştirebilirsiniz.

Kayan Yazı İçeriği

1. Hizalama: Kayan yazı içeriğinin hizalamasını seçin.
2. Kenar Boşluğu: Kayan yazı içeriğinin sağ ve sol kenar boşluklarını ayarlayın.
3. Dolgu: İçeriğin dolgusunu özelleştirin.
4. Başlık Rengi: Metin içeriği başlığı için bir renk seçin.
5. Başlık Hover Rengi: İçerik başlığının üzerine gelindiğinde görüntülenecek bir renk seçin.
6. Başlık Tipografisi: İçerik başlığı metni için tipografiyi ayarlayın.
7. Açıklama Rengi: İçerik açıklamasının rengini değiştirin.
8. Açıklama Tipografisi: Açıklama metni için tipografiyi tanımlayın.

resim

Ayarlar kısmından “ Görüntüyü Göster ” seçeneği etkinleştirildiğinde içerik bir görselin görüntülenmesini içerecektir.

1. Görüntünün genişliğini ve yüksekliğini tercihlerinize göre özelleştirin.
2. Kenarlık türünü seçin.
3. Sınır yarıçapını ayarlayın.
4. İçerik görüntüsü için kenar boşluğunu ayarlayın.

Ok

“ Okları Göster ” özelliğini etkinleştirdiğinizde, kayan yazı üzerinde oklar görünür olacaktır.

1. Ok Konumu: Ok konumunu, kayan yazının soluna veya sağına ayarlayın.
2. Genişlik: Okların genişliğini ayarlayın.
3. Yükseklik: Okların boyutunu ayarlayın.
4. Aradaki Boşluk: İki ok arasındaki boşluğu değiştirin.
5. Simge Rengi: Ok simgeleri için rengi seçin.
6. Arka Plan Rengi: Oklar için bir arka plan rengi seçin.
7. Kenarlık Türü: Bir kenarlık türü seçin ve kenarlık genişliğini ve rengini özelleştirin.
8. Kenarlık Yarıçapı: Kenarlık yarıçapını ayarlayın.

WordPress Haber Ticker İçeriği için En İyi Uygulamalar

WordPress'te haber şeridinizden en iyi şekilde yararlanmak için içerikle ilgili en iyi uygulamaları takip etmek çok önemlidir. Bilgileri dikkatli bir şekilde seçip sunarak, hedef kitlenizin ilgisini etkili bir şekilde çekebilirsiniz.

• Alakalı Kal

Haber şeridinin içeriğinin güncel ve hedef kitleye uygun olduğundan emin olun. Tazeliğini ve çekiciliğini korumak için içeriği düzenli olarak güncel tutun.

• Okunabilirliğe Öncelik Verin

Görsel olarak okunması hoş olan yazı tipi stillerini, boyutlarını ve renklerini seçin. İçeriğinizin okunabilirliğini engelleyebilecek karmaşık animasyonlar veya tasarımlar kullanmaktan kaçının.

• Hızı ve Süreyi Optimize Edin

Kullanıcılara içeriği okumaları ve anlamaları için zaman tanımak için kayan yazı hızına ince ayar yapın. Kullanıcı deneyimine zarar verebilecek şekilde çok hızlı veya yavaş ayarlamaktan kaçının.

• Öğe Sayısını Sınırla

Sorunsuz bir kullanıcı deneyimi sağlamak için makul sayıda öğeye sahip olmanız önerilir.

• Kısa ve Net Metin Kullanın

Haber şeridinizdeki metni kısa ve odaklı tutun. Kullanıcıların her öğenin ana fikrini hızlı bir şekilde kavramasına izin verin.

• Alakalı Bağlantıları Dahil Et

Haber şeridinizdeki metne köprüler ekleyin. Kullanıcıları web sitenizdeki ilgili sayfalara bağlar. Kayan yazı, kullanıcıları içeriğe yönlendiren değerli bir gezinme aracına dönüşür.

• Cihazlar Arasında Duyarlılığı Kontrol Edin

Haber şeridini farklı cihazlarda, ekran boyutlarında ve çözünürlüklerde test edin. Tüm platformlarda tutarlı bir kullanıcı deneyimi sağladığından emin olun.

• Performansı İzleyin ve Optimize Edin

Haber şeridinizin performansını sürekli olarak değerlendirin. Kullanıcı deneyimini ve etkileşim metriklerini geliştirmek için gerekli değişiklikleri yapın.

Sarmak

WordPress'te bir haber şeridi ile web sitenizi geliştirebilirsiniz. Son dakika haberlerini, trendleri ve önemli güncellemeleri gösterebilir. Haber şeridi içeriğinizin alakalı, okunabilir ve hız için optimize edilmiş olduğundan emin olun. Kullanıcı deneyimini iyileştirmek için kısa ve öz metinler, alakalı bağlantılar ve cihazlar arasında yanıt verebilirlik testi kullanın.

WordPress'te yalnızca otomatik olarak kayan bir haber şeridi olarak değil, aynı zamanda çok yönlülük de oynayan bir eklenti seçin. İyi bir seçim haber şeridi eklentisi, haber başlıklarını, duyuruları, promosyonları veya diğer herhangi bir kaydırma bilgisini görüntüleyebilir. ElementsKit Content Ticker Widget'ımızın web sitenize getirebileceği kolaylık budur.

Eklentinizin işi sizin için yapmasına izin verin. Özelleştirilebilir ayarlarla bir haber şeridi oluşturmak için ElementsKit eklentimizi kurun ve etkinleştirin. Talimatları izleyerek ve WordPress sitenizdeki potansiyelinden yararlanarak kolayca entegre edin.

Blog deneyiminizi geliştirecek ve web sitenizin performansını yükseltecek, denemeniz gereken WordPress için en iyi SEO araçlarını bilmek ilginizi çekebilir.