Twitter, işlevselliğini daha geniş dünya çapında web'e genişletiyor. Hepsi resmi tweet düğmesi ile başladı, ardından Twitter Anywhere Platformu ve en son da yeni resmi Twitter takip düğmesi. Muhtemelen bu Twitter takip düğmesi de neyin nesi diye merak ediyorsunuz? Twitter takip düğmesi ile akıllı takip düğmesi arasındaki fark nedir? Merak etmeyin, bu makalede Twitter takip düğmesinin ne olduğunu ve bunu WordPress sitenize nasıl ekleyebileceğinizi ele alacağız.
Twitter Takip Düğmesi Nedir
Twitter takip düğmesi, kullanıcıların herhangi bir web sitesinden twitter hesabınızı (veya herhangi bir twitter hesabını) kolayca takip etmelerini sağlayan küçük bir widget'tır. Takip düğmesi, resmi tweet düğmesi ile aynı uygulama modelini kullanır ve entegre edilmesi gerçekten çok basittir. Takip düğmesinin demosunu aşağıdaki resmin sol üst köşesinde görebilirsiniz. Takip düğmesine tıkladığınızda, kullanıcı hakkında daha fazla bilgi içeren bir pencere açılır.
Aşağıdaki Akıllı Takip düğmesinden nasıl farklı olduğunu muhtemelen merak ediyorsunuz?
Akıllı takip düğmesi, tüm Twitter Anywhere entegrasyonunu yapmanızı gerektirir. Ayrıca takipçi sayınızı göstermenize veya herhangi bir özelleştirme yapmanıza izin vermez. Oysa Twitter takip düğmesi sayımı göstermenize olanak tanır ve entegre edilmesi çok kolaydır. Canlı örneği aşağıda inceleyin (ne işe yaradığını görmek için takip etmeyi unutmayın):
Resmi Twitter Takip Düğmesini WordPress'e Ekleme
Takip Düğmesi sayfasına gidebilir ve sizin için bir kod oluşturabilirsiniz. Veya aşağıdaki kodu kopyalayabilirsiniz:
<a href="http://twitter.com/wpbeginner" class="twitter-follow-button">Follow @wpbeginner</a>
Not: Kullanıcı adını kendi adınızla değiştirdiğinizden emin olun.
Eğer resmi tweet düğmesini kullanıyorsanız, betiği iki kez yapıştırmanız gerekmez. Bu nedenle kodunuz şöyle görünecektir:
<a href="http://twitter.com/wpbeginner" class="twitter-follow-button">Follow @wpbeginner</a>
Şimdi kodu WordPress temanızda istediğiniz yere yapıştırabilirsiniz. Çoğu kişi bu tür kodu sidebar.php dosyasına koyacaktır. Ancak, bir tema dosyasını düzenleme konusunda rahat hissetmiyorsanız, WordPress tema widget'larını da kullanabilirsiniz. Tüm iyi temalar widget'a hazır kenar çubuklarıyla gelir. Yani tek yapmanız gereken Görünüm » Widget'lar sekmesine gitmek. Ardından uygun kenar çubuğunuza bir metin widget'ı ekleyin. Son olarak, yukarıdaki kodu yapıştırın ve işiniz bitti. Örnek için aşağıdaki ekran görüntüsüne bakın:
Bunun gibi basit bir şeyi yapmak için bir eklenti eklemeye gerçekten gerek yok.
Gelişmiş Özelleştirme
Bu bölüm, bu düğmeyi sitelerinin renk şemasına vb. uydurmak için daha fazla özelleştirmek isteyen tasarımcılar ve geliştiriciler içindir. Twitter, düğme rengini, metin rengini, bağlantı rengini, dilini, widget'ını ve eklentinin hizalamasını özelleştirmenize olanak tanır.
Kullandığımız JavaScript sürümündeki mevcut değişkenler:
- data-show-count (true veya false)
- data-button (mavi veya gri)
- data-text-color (onaltılık kod)
- veri-bağlantı-rengi (onaltılık kod)
- data-lang (tr, en, fr, de, es) – iki harfli ISO-639-1 dil kodunu kullanır
- data-width – (300px)
- data-align – (right)
Bir kodda belirtmek isterseniz, şöyle görünür:
<a href="http://twitter.com/wpbeginner" class="twitter-follow-button">Follow @wpbeginner</a>
Kaynaklar:
Biodun
Merhaba,
Genişliği "data-width=300px" seçeneğiyle artırmaya çalıştım ancak işe yaramıyor.
Pj Germain
HARİKA! Henüz bir eklenti daha kurmak istemiyordum ve bu harika çalıştı! Eski bir gönderi olduğunu biliyorum ama başardınız!!!
Çok teşekkürler!
Verity
Merhaba, bilgi için teşekkürler. Bunu HTML sayfama ekledim ancak bağlantı sadece metin (yani benim twitter adım) olarak görünüyor ve resmi Twitter düğmesi olarak değil. Herhangi bir tavsiye? Şimdiden teşekkürler.
Si Sai
Merhaba
Blogumda birden fazla yazarım varsa ve gönderdikleri gönderiler için bireysel yazarların Twitter takip düğmesinin görüntülenmesini istiyorsam ne yapmalıyım?
Chris Q
Bu harika! Teşekkürler.
Blogumu sıfırdan, daha önce hiç bilgim olmadan oluşturdum ve sizin gibi kaynaklar yol boyunca paha biçilmez olduğunu kanıtladı.
Ancak bir sorum var: sayacı gizlemenin veya kaldırmanın bir yolu var mı? Bir resim tarafından yarı yarıya gizlenmiş, bu yüzden sadece kurtulmak istedim. Açık olduğunu düşündüğüm kod parçasını silmeyi denedim ama hala orada.
Nadia
Düğmeyi gayet iyi yayınladım ve her şeyle bağlantılı ama nerede olduğunu nasıl değiştireceğimi bilmiyorum. Üstbilgime yayınladım ama düğmenin FB simgemin hemen yanında görünmesini istiyorum ve şu anda üstbilgide başka bir resim tarafından yarı yarıya kapatılıyor. Öneriler??
Nadia
Boşverin, HALLETTİM!!! Vay vay
Nadia
Bu sorunu yaşayan başka herkes için-
Bu sayfada sağlanan bağlantıyı başlık bölümüme eklemiştim. Konumu düzenlemek için stil bölümüne gitmeniz gerekir. Şu kodu kullandım:
.twitter-follow-button { display: block; position: absolute; top: 60px; right: -170px; width: 32px; height: 32px; }
Judy Hochberg
Bir metin widget'ına yükledim ve blogumda iyi görünüyor, ancak nasıl çalıştığını anlamıyorum. Bir kullanıcı tıkladığında ne olur? WordPress veya Twitter, potansiyel abonenin kim olduğunu nasıl biliyor?
Tıkladığımda, “Artık @my_twitter_handle'a abone oldunuz.” gibi bir açılır mesaj alıyorum. Mesaj, web sitesine giriş yapmış olsam da olmasam da aynı. Peki kimliğim nasıl biliniyor?
Punit Bhalodiya
WP-yeni başlayanlar için harika bir gönderi, teşekkürler..!!!!!!
Pritam Patil
You are the real wp rockstart man !! its working ..and lets hope i get more followers
Gemma
Merhaba,
Talimatları izledim ve işe yaradı – düğme görünüyor ve test ettiğimde twitter'ıma bağlanıyor. Ancak, widget, blogumdaki takip düğmesinin altında html kodunu da gösteriyor. Kodu gizleyip sadece düğmeyi göstermenin bir yolu var mı?
Teşekkürler
Yayın Kadrosu
Widget'ın herhangi bir html kodu göstermemesi gerektiği için kopyala/yapıştır hatası gibi görünüyor.
Yönetici
David M. Perkins
Tamam, maalesef bu işe yaramadı. Yardım alabileceğim başka bir yer var mı?
Yayın Kadrosu
Hangi kısım çalışmadı? Hangi hatayı gösteriyor?
Yönetici
David M. Perkins
Yukarıdaki talimatlar hiç yardımcı olmadı – ama neyse ki eklentiler aracılığıyla başka bir yol buldum (geri alamayacağım *saatler* sonra). Bunun "WPBeginner" olarak adlandırıldığını unutmamalısınız – "Beginner" (Acemi) vurgusu, ve birine rastgele kod yayınlamasını söylemek ve *tüm* adımları açıklamamak: önce şunu yapın, sonra şuna tıklayın, bu da şunu gösterecektir vb. (bazı "acemi"leriz siz de biliyorsunuz, tamamen dijital diplodocusuz), yardımcı olmuyor.
Her durumda, hallettim – ama yukarıdaki talimatları izleyerek değil.
Yayın Kadrosu
Merhaba David,
Herhangi bir yere yapıştırmamızı söylememizin nedeni, nereye eklemek istediğinizi bilmememizdir. Üstbilgi, kenar çubuğu, altbilgi, her gönderiden sonra vb. Olabilir. Bunların hepsi farklı konumlardır. Ayrıca, Görünüm » Widget'lar'a gidip metin widget'ına ekleyebileceğinizi belirttik. Metin widget'ını uygun widget alanlarına (temanız tarafından desteklenen) yerleştirebilirsiniz. Bazılarının altbilgisinde widget alanları vardır, ancak çoğunun kenar çubuğunda bulunur.
David M. Perkins
@ Editorial Staff dedi ki ~
"Temanızın herhangi bir yerine yapıştırın dememizin nedeni, nereye eklemek istediğinizi bilmememizdir. Üstbilgi, kenar çubuğu, altbilgi, her gönderiden sonra vb. olabilir. Bunların hepsi farklı konumlardır."
Benim demek istediğim, talimatlarda şöyle denilebilirdi: “Kenar çubuğunuza eklemek istiyorsanız, *buraya* gidin, *buraya* tıklayın, bu size *bunu* gösterecektir ve ardından metni *oraya* yapıştırın. Gönderinizin altına görünmesini istiyorsanız, *buraya* gidin, *buraya* tıklayın, bu size *bunu* gösterecektir vb.” Düğmeyi görünür kılmayan kod, kontrol panelim sayfasında *bir yerlere* yapıştırılmış halde duruyor – ama şu an nerede olduğunu sadece tanrıçalar bilir.
Tekrar söylüyorum – bazılarımız burada *yeni başlayanlarız* ve dijital diplodoklarız – ve yeni başlayanların gitmek istedikleri yere ulaşmaları için nazik, kibar, *yönlendiren* bir ele ihtiyaçları olabilir, değil mi?
Yayın Kadrosu
Merhaba David,
Tam olarak ne dediğinizi anlıyoruz ancak bu söylendiği kadar kolay değil. Her WordPress teması farklı kodlanmıştır (genel tema, çeşitli çerçevelere dayalı alt temalar vb.). Bunun üzerine, bir insan beyninin düğmeyi görüntülemek için düşünebileceği her tek noktayı kapsayamayız. Bu yüzden en temel noktayı (Görünüm > Widget'lar) ele aldık. Temaya bağlı olarak kenar çubuğu, üstbilgi, altbilgi vb. için widget'larınız olacaktır.
Widget'ların ayrıntılı bir genel bakışını ücretsiz videolarımızda burada bulabilirsiniz: http://videos.wpbeginner.com/
eggtartbox
Deneydim ve twitter'ıma bağlanıyor, ancak normal metin olarak… bunun nedeni wordpress.com blogumda olmam olabilir mi?
Alyssa
Aynı sorunu yaşıyorum. Twitter'ıma bağlanıyor ama düğmeyi göstermiyor. Bunu düzeltmek için herhangi bir fikriniz var mı?
Gorn
@wpbeginner Aslında ikisi de değil. CIX tarafından blog.cix.co.uk adresinde barındırılan bir WordPress olanağı.
Şimdi çalıştırdım, ancak http://twitter.com/about/resources/buttons adresindeki "eski tarz" twitter düğmelerini kullanarak – ne "betik" biçimi ne de kısa kod biçimi çalışmadı. Bunun nedenine dair herhangi bir fikriniz var mı?
wpbeginner
@Gorn Bunu WordPress.com blogunda mı yoksa kendi kendine barındırılan bir blogda mı yapıyorsunuz?
Gorn
Bunun için teşekkürler. Ancak benim için işe yaramıyor. Metin widget'ını kaydettiğimde, betik öğesi kaldırılıyor ve kenar çubuğumda yalnızca bir metin bağlantısı kalıyor. Fikirleriniz var mı?
TheNerdyNurse
güzel ekleme. Sitemin zaten çok yavaş yüklendiğini hissediyorum. Bunun onu daha da yavaşlatacak bir şey olacağından endişeleniyorum. Yüklemedeki yavaşlığa neyin neden olduğunu gerçekten çözmem gerekiyor.
jasonfox_me
İpucu için teşekkürler. Twitter'dan kodu aldım ve iyi görünüyordu (test etmediğim için aptallık etmişim) geçen gün arkadaşım beni takip etmeye çalıştığını ve kullanıcının mevcut olmadığını söylediğini belirtti. Nedense eski kullanıcı adım kodda kalmış... sadece bir uyarı.
TheFadeMusic
@wpbeginner LUMIX DMC-GF3s http://t.co/8wwbZSR
wpbeginner
@likewpcom çoğu durumda gerekmeyecektir.
likewpcom
Twitter düğmesi eklemenin bir başka yolu da http://goo.gl/EHyex gibi bir WordPress eklentisi kurmaktır
AlbertAlbs
Evet. Zaten yaptım. O Twitter takip düğmesini ekledikten sonra çok fazla takipçi kazandım.