WordPress'te Haber İşaretleri Nasıl Oluşturulur

Dergiler, gazeteler veya blog okumak için zaten bir WordPress web siteniz varsa…, siteniz çok fazla bilgi ile dolu olduğundan ziyaretçilerin dikkatini olağanüstü gönderilere çekmekte zorluk çekebilirsiniz. Bunu çözmek için, haber şeritleri, okuma sitenizi daha okunaklı, bilgilendirici ve olağanüstü hale getirmek için kesinlikle mükemmel bir özelliktir!

Bu gönderide, size haber ticker'ların ne olduğunu, onları neden kullanmamız gerektiğini ve sadece birkaç basit adımla etkileyici bir haber ticker'ın nasıl oluşturulacağını göstereceğiz .

Başlayalım!

Haber İşaretleri nedir?

Çevrimiçi dergiler, çevrimiçi gazeteler gibi bazı web sitelerinde, altta veya üstbilgi, altbilgi veya kenar çubuğunda kaydırılan bazı haber slaytları görebilirsiniz. Bu haber slaytları, TV haber programlarındakilere benziyor.

İzleyiciler, bir TV haber programında veya bir dergi web sitesindeki haber şeridine bakarak en sıcak ve en dikkat çekici bilgileri alabilirler. Bir haber kaydında genellikle tık olarak adlandırılan birçok bilgi bulunur.

Aşağıdaki gif'te olduğu gibi, manşetteki haberleri görüyor musunuz? Bir haber kaydı bu şekilde çalışır.

WordPress'te bir haber kaydı örneği

Neden Haber İşaretlerini Kullanmalıyız?

Haber işaretçilerinin farklı web sitesi türleri için çeşitli avantajları vardır:

• Dergiler için haber şeritleri, hangi bilgilerin ve gönderilerin fark edileceğini vurgulamanıza yardımcı olur.
• Portföyler için, işe alım görevlilerinin dikkatini, göze çarpan iş deneyiminize ve ödüllerinize çekerler.
• Diğer türdeki web siteleri için, örneğin bloglarınızı daha çekici ve profesyonel hale getirmek için haber şeritlerinin kendileri sitelerin öne çıkanları haline gelecektir.

Bu nedenle, haber etiketleri, web sitelerinin sahipleri için açıkça yararlı bir araçtır. Bunun da ötesinde, WordPress web sitenize haber etiketleri eklemek çok kolaydır. Bir sonraki bölüme geçelim ve kendinize bir tane alalım!

WordPress'te Haber İşaretleri Nasıl Eklenir?

Haber kaydı eklemenin birçok yolu vardır.

Başlangıçta haber etiketleri ile önceden oluşturulmuş bir tema kullanabilirsiniz; bu en kolayı olurdu. Sadece temanın belgelerini dikkatlice okuyun.

Ancak, her temanın böyle önceden hazırlanmış bir haber kaydı yoktur. Bu gibi durumlarda, sayfa oluşturucuları veya eklentileri kullanmayı düşünebilirsiniz.

Bu yazıda Ditty News Ticker eklentisi adlı ücretsiz bir eklenti kullanacağız. Ücretsizdir, kullanımı çok kolaydır ve son derece özelleştirilebilir . Kontrol Panelinde indirip etkinleştirmeniz yeterlidir.

Burada bir eklentinin nasıl kurulacağı hakkında daha fazla bilgi edinebilirsiniz.

Şimdi, daha fazla tereddüt etmeyelim ve sitenizde harika bir haber kaydına sahip olmak için 3 adımımızı takip edelim:

1. Adım: Yeni Bir Haber İşareti Ekleyin

İlk olarak, Haber Ticker > Yeni Ekle'ye gidin.

Bir sonraki ekranda, aşağıda 5 sekme göreceksiniz: Başlık Ekle, Kısa Kod, Kayan Metin Modu, Kayan Yazı Tipi ve Genel Ayarlar . Bu sekmeler, haber ticker'larınızı yapılandırmak ve görüntülemek için kullanılır.

Akılda tutulması gereken çok fazla şey olduğunu düşünüyor musunuz? Endişelenmeyin, sizin için kısa ve net hale getireceğiz:

İlk önce, ticker'ınıza bir isim verin. Ad Ekle sekmesine adı yazın. Başlık genellikle satırın üstünde gösterilir, bu nedenle ziyaretçilerin dikkatini çekmek için çekici bir ad bulmaya çalışın.

Bundan sonra, Ticker Type 'ı tıklayın, ardından Ticker Text bölümünde (gerekirse bir bağlantıyla) haber ticker'da görüntülenecek içeriği ekleyin.

Yukarıda bahsettiğim gibi, haber ticker'ınız birçok tick içerebilir. Bir tane eklemek için ( + ) düğmesini ve silmek için ( x ) düğmesini tıklamanız yeterlidir.

2. Adım: News Ticker'ı Yapılandırın

Yeni bir haber şeridine sahip olduktan sonra, onu yapılandırarak daha göz alıcı hale getirmeniz gerekir.

Her şeyden önce, haber ticker'larınızın nasıl görüntüleneceğini seçin. Ticker Modu'na tıklayın, 3 seçenek göreceksiniz: Kaydır, Döndür ve Listele . Aslında Scroll en yaygın seçenektir, ancak siteniz için en uygun olanın hangisi olduğuna siz karar verebilirsiniz.

Yukarıdaki üç seçenekten birini seçtikten sonra, aşağıdaki çeşitli sekmelerle ticker'ların davranışını ayarlayabilirsiniz.

Şahsen, Kaydırma modunu seçtim, bu yüzden kaydırma eylemini ayarlayacağım. Dikkat edilmesi gereken iki önemli nokta vardır: Scroll Speed ve Tick ​​Space . Aslında en uygun parametreleri bulmak için birçok kez denemeniz gerekiyor. Benim için 8 kaydırma hızını ve 10 piksellik onay alanını tercih ederim.

Ayrıca, fareyle üzerine gelindiğinde duraklat seçeneğini de işaretliyorum, böylece bir onay işaretine tıklamak istediğimde haber şeridinin hareket etmesi duracak.

Ek olarak, Global Ayarlar ' ı tıkladığınızda, şeritleri özelleştirmek için başka seçenekler de göreceksiniz. Örneğin, ticker'ların başlığının üstlerinde olmasını istiyorsanız, Display Title'ı işaretleyin. Ya da tık yokken ticker'ları gizlemek istiyorsanız aşağıdaki resimdeki gibi seçeneği işaretleyiniz.

Artık haber şeridiniz görüntülenmeye hazır!

3. Adım: Haber İşaretlerini Görüntüle

Ekranın üst kısmındaki Kısa Kod sekmesine geri dönelim:

Haber kaydı, bu kısa kodu eklediğiniz yerde görüntülenecektir. Herhangi bir konuma ekleyebilirsiniz: ana sayfanın altbilgisi, gönderisi, kenar çubuğu widget'ı,…

Normalde, bir gönderinin içeriği için haber şeritleri kullanmayız. Haber şeritlerini üstbilgi, altbilgi veya kenar çubuğuna yerleştirirseniz daha iyi olur. Size bir kenar çubuğunun haber ticker'ına bir örnek verebilirim. İlk önce rastgele bir sayfa seçiyorum, Önizleme > Özelleştir > Widget'a gidiyorum.

Ardından, Kenar Çubuğu > Bir Widget Ekle seçeneğine gidin. Ses, Takvim gibi ek kenar çubukları için birçok seçenek göreceksiniz… Metin'i seçin , ardından kenar çubuğunun adını eklemek ve kısa kodunuzu yapıştırmak için küçük bir kutu göreceksiniz:

Birçok adım attın, değil mi? Ancak, özel renkler, yazı tipi boyutu, opaklık,… ile haber etiketlerinizi daha güzel hale getirmek istiyorsanız, hala yapacak küçük bir işiniz var. Bu eklentinin ücretsiz sürümü, kullanıcıların bu parametreleri ayarlamasını desteklemez. Yani sadece aşağıdaki gif gibi bir sonucumuz var:

Haber etiketleri çok güzel görünmüyor, bu yüzden biraz CSS ile biçimlendirdim. Özelleştir > Ek CSS'ye gidin .

Orada kod eklemek için küçük bir kutu göreceksiniz. Bu kodlar, haber kayıtlarınızın görünümünü değiştirecektir.

Mavi ve beyazın ana paleti ile Memory temasını kullanıyorum. Bu nedenle, mavi renkli bir haber kaydına sahip olmak için bu CSS'yi ekledim:

 .mtphr-dnt-tick-contents bir {
	renk: var(--ana renk);
}

.mtphr-dnt-tick-contents a:hover {
	renk: #000;
}

Yayınla 'yı tıklayın ve elimizde ne olduğunu görün:

İşte size basit bir örnek. Kendi başınıza çok daha çarpıcı bir haber şeridi oluşturabileceğinize eminim. Hadi bir deneyelim!

Son sözler

Bu, WordPress web sitenize Ditty News Ticker eklentisi ile bir haber ticker eklemekle ilgili. Kısa ve anlaşılır kılmak için elimizden gelenin en iyisini yaptık, bu nedenle bu yazının sizin için yararlı olacağını umuyoruz.

Belki eğitimimiz hakkında bazı merak ettikleriniz veya sorularınız olabilir, bu yüzden yorum bölümünde bize bildirmekten çekinmeyin. Bu eklentideki gelişmiş seçenekler veya eklentileri kullanmadan haber şeritleri eklemenin diğer yöntemleri hakkında size daha ayrıntılı bir eğitim göstermeye hazırız. Bu nedenle, bizi bağlamayı unutmayın!