Google News Abone Ol Butonu

 

 

Bir süre önce  “Google News Abone Ol Butonu Nasıl Yapılır” sorusu üzerine basit / uygulaması kolay bir kod yazdım. Soruyu soran; eklenti ya da herhangi bir işe yarar çözüm bulamadığından yakınıyordu ve gerçekten de yerli ya da yabancı platformlar dahil hiçbir yerde anlatılmadığını fark ettim; WPEnvolay.com’un amacı da bilinen konuların bir tekrarı değil, çözüm olarak ilk kez anlatılan içeriklerden meydana geldiği için bu cevabı tekrar düzenleyerek burada da anlatmaya karar verdim. (Daha önce de ilk kez WPEnvolay.com’da anlatılan WordPress Admin Paneli Değiştirme (wp-admin gizleme) konusu da, eklentilerle yapılan bu işlemi sadece kod kullanarak ele alıp kesin bir sonuca varmıştı).

 

Senaryo oldukça basit, buton sadece is_home()  etiketi ile varsayılan blog yayınlarına bağlanıyor. Ardından sayfaya eklenecek işlev için $googleurl olarak keyfi bir değişken belirliyor. PNG ya da SVG kullanmak yerine Google News logosunun SVG koordinatlarını alıyor. (SVG koordinatları; hem piksel kaybı olmadan yeniden boyutlandırılabilir, hem de daha hızlı veri aktarır).  Abone ol metni için bir class verilerek direkt PHP’de CSS stili kullanıyor, böylece tek dosya; tek bir kod parçacığı ile işlev tamamlanıyor. (PHP’deki CSS geliştirilebilir).


 

 

Google News Takip Et Butonu

$beforecontent filtresi butonu içerikten önce / sayfanın üstünde görüntüleyecek. İçerikten sonra / sayfanın altında kullanılmak istenirse kod’daki $beforecontent filtresi kaldırılmalıdır. (Senaryo önce içerikten sonra planlanmıştı – daha sonra istek üzerine sayfanın başında görüntülenmesi için filtreler yeniden tanımlandı).

 

Farklı bir SVG logo kullanmak için: SVG dosyalarının koordinatlarını bir metin belgesi ya da kod editörleri ile alabilirsiniz. SVG dosyası; vektör tabanlı çalışan (Adobe Illustrator – CorelDRAW gibi) grafik uygulamalarında oluşturulmamış ya da format dönüştürücüleri kullanılarak kodlanmış ise, genellikle BASE64 ile şifrelenerek aktarılır. (Koordinatları belirlenmiş örnek SVG öğesi bakınız: https://wpenvolay.com/site/wpenvolay-logo.svg).

 

BASE64 ve direkt aktarılan görüntü kaynakları için HTML <img src=””> etiketini kullanabilirsiniz
BASE64 ile aktarılan görüntüler: https://wpenvolay.com/other/google-haberler-img-base64.png
PNG/JPG gibi direkt görüntü kaynakları: https://wpenvolay.com/other/google-haberler-img.png

(Değişiklikler vurgulandı).

 

Kodların bir sayfa üzerinde önizlemesi: https://wpenvolay.com/other/google-haberler.png

Google News logo SVG formatı için bakınız: https://wpenvolay.com/other/google-news.svg

PHP dosyasını indirebilirsiniz: https://wpenvolay.com/other/google-haberler-wpenvolay.7z

 

“https://news.google.com/topstories?hl=tr&gl=TR&ceid=TR:tr” URL adresini özelleştirin. “Abone Ol” metnini, 22px olarak olarak ayarlanan puntoyu ve metnin #5f6368 renk kodunu değiştirebilirsiniz. Logonun boyutu için “width – height” CSS tanımlarını ve görünüm alanı / konumlandırma için “viewBox” özniteliğini kullanın. (“width – height” CSS tanımları; bu görünüm alanının dışına çıkamaz).

Bu senaryonun ilk yazarı: wpenvolay.com

 

 

(378)


378
Görünüm

3 yorum

  • Doruk

    Hocam gerçekten çok teşekkürler emeğinize sağlık

  • Mustafa

    Hocam kodu ekledim dediğiniz gibi ama post taki tüm metin link haline dönüştü, neden öyle oldu acaba, ne yapmak gerekir?

    • WPEnvolay

      merhaba. kod; yayınlanmadan önce wordpress’in varsayılan resmi temasında, üçüncü taraf eklentiler kullanılmadan wpcmstest.xyz adresinde test edildi. ayrıca kodun, başarı ile çalıştığına dair geri dönüşler de alındı. bazı temalarda bu sorunun birden fazla nedeni olabilir ve kodun tekrardan düzenlenmesi de gerekebilir – (ileride bir sorun fark edildiğinde kod tekrardan güncellenebilir). öncelikle kodu, konuda belirtildiği şekilde doğru uyguladığınızdan emin olun, ardından üçüncü taraf eklentileri sırası ile devre dışı bırakın ve sonucu izleyin – (önbelleği boşaltmayı unutmayın). functions.php dosyasında aynı etiketi kullanan benzer bir senaryo varsa, bu kodu silmeyi deneyin. bir sonuç almayı başaramazsanız; $beforecontent filtresini silin ve sadece content filtresini uygulayın – bunun için ekran görüntüsünü takip edebilirsiniz; 6, 9, 29, 31’inci satırları düzenleyin: görüntü. bu ihtimaller üzerinde durduktan sonra başarılı bir sonuç alamazsanız; [email protected] adresine bildirin.

Sadece şu etiketi çalıştırabilirsin <code>