Önce üst kısmın nasıl yapılacağını anlatmak üzere CSS kodlarını paylaşmak istiyorum:
/* Twitter Üst Bar */ #tw-ust {background:url(http://www.enesilhan.net/wp-content/themes/Eftal/resim/ust.png) repeat-x; height:50px;} .tw-ust-twitter {font-family: 'tahoma'; width:885px; background: url(http://www.enesilhan.net/wp-content/themes/Eftal/resim/twitter-ust.png) no-repeat left 3px; color:#3A3E45; font-size:11px; height:20px; margin:0px auto; padding:2px 0 3px 100px;} .tw-ust-twitter .twitter-link {text-shadow:none; color:#ddd;} .tw-ust-twitter a:link,.ust-twitter a {color:#00B1F0;} /* Twitter Üst Bar Bitiş */
(Kırmızı renk ile gösterilmiş alanları kendinize göre düzenleyebilirsiniz)
Şimdi de kullandığım eklenti olan Twitter for Wordpress eklentisini Twitter for Wordpress sayfadan indirin ve plugins klasörüne atın. Wordpress'in indirme sitesinde bu eklentinin 2 yıldan beri geliştirilmediğini söylese de biz bu uyarıya kulak asmadan eklentimizi etkinleştiriyoruz ve çalıştırmak için gerekli olan kodları sitemizin header.php alanına uygun bir yere yapıştırıyoruz. Eklentinin 2 yıldan beri geliştirilmemesi sizleri endişelendirmesin herhangi bir hata vermiyor. Test edilip onaylanmıştır :) Eklentinin çalışabilmesi için gereken kod şu şekilde:
<-?php twitter_messages("enesilhan"); ?-> (treler yok)
Ve en son olarak başta CSS kodlarıyla birlikte temanızın header.php'ye koymanız gereken kodları hep birlikte veriyorum:
<-div id="tw-ust"-><-div class="tw-ust-twitter"-><-?php twitter_messages("enesilhan"); ?-><-/div-><-/div->
Yukarıdaki en son kodda tüm tre işaretlerini siliyoruz arkadaşlar. Kodlar çakışma yaptığından dolayı tre koymak zorunda kaldım. Evet arkadaşlar genel mantığı anladınız sanırım. Eğer takıldığınız yer veya yerler olursa sorabilirsiniz. Bir sonraki yazımda görüşmek üzere..
Konuyu yanlış yere açtıysam moderatörler gerekli görülen yere taşıyabilirler :)
Kaynak: http://www.enesilhan.net/2012/09/kullandigim-twitter-eklentisi-ve-twitter-ust-bar-yapimi.html