Wordpress Sitelerinizde Eklentisiz Twitter Cards Kullanımı

Twitter her geçen gün sosyal ağını geliştiriyor bu geliştirmeleri de daha çok kullanıcı ve mevcut kullanıcığı daha rahat bir twitter kullanımı için yenilikler ekliyor. Bunlardan biri de geçen aylarda duyurmuş olduğu twitter cards. Bu yenilikte amaç, twitterda paylaşılan resim, video ve makaleleri farklı kılmak. Bu sayede artık sadece link değil, paylaştığınız içerikten özet görüntü de gösterilecek.

Bu uygulama sayesinde ziyaretçi trafiğiniz artacağı gibi sizin sosyal ağ hesaplarınızda daha fazla kullanıcı çekecektir. İşte bu kullanımlardan ilk yapanlardan olan Teakolik ( Hamza Şamlıoğlu ) hesbaından örnek verecek olursak, aşağıdaki gibi bir görüntü olacak.

(resim: arslania.com)

Gördüğünüz gibi bu sayede daha çok ziyaretçi elde edebilirsiniz.

Peki bu nasıl yapılacak ?

Bunun wordpress sitelerinde eklenti yardımıyla nasıl yapılacağı konusunda Ali Arslan bu yazısında çok güzel açıklamış. İsterseniz eklenti yardımıyla oradan yapabilirsiniz. Ben sizlere eklentisiz ve çoklu bloglar için olanı anlatacağım.

Eklentisiz Kurulum

Öncelikle aşağıdaki kodları </head> tagından önce ekliyoruz. Buradaki kodlar yanlızca tekil yazılarda görünür.

	<!-- TWITTER METALAR -->
<?php
if (is_singular()):
global $post;
setup_postdata($post);
?>
<meta name="twitter:card" value="summary" />
<meta name="twitter:url" value="<?php the_permalink(); ?>" />
<meta name="twitter:site" content="@aorhan">
<meta name="twitter:title" content="<?php the_title(); ?>" />
<meta name="twitter:creator" content="@<?php the_author_meta('twitter'); ?>" />
<meta name="twitter:description" content="<?php the_excerpt_rss(); ?>" />
<?php endif; ?>

twitter:site isimli meta sitenin twitter kullanıcı adı ekleyeceksiniz. Ben aorhan olduğu için öyle yazdım. Bunun dışında sitenizde birden fazla yazar var ise o zaman yukarıda bulunan metayı da eklemeniz gerekiyor. twitter:creator isimli meta da yazının yazarına ait twitter adresi girilecek. Bunun için burada php kodları kullanacağız. Benim eklemiş olduğum kod kullanıcı panelinden eklenen twitter kullanıcı adını çekiyor.

Yani

<meta name="twitter:creator" content="@<?php the_author_meta('twitter'); ?>" />

Bu metayla yapacağız ama temanızda bu bölüm aktif değilse çalışmaz. Bunun için ayrı olarak functions.php dosyasına yazar kullanıcı adı için panel eklemesi yapmamız gerecek.

Onun kodu da aşağıdaki gibidir. Fakat eklemeden önce functions.php dosyasını yedekleyin. Çünkü en çok hata veren dosya bu dosyadır.

function sosyal_yazar( $contactmethods ) {

    // twitter

    $contactmethods['twitter'] = 'Twitter';

    return $contactmethods;

}

add_filter('user_contactmethods','sosyal_yazar',10,1);

Ayrıca bu listeyi uzatmak isterseniz bu yazıya bakabilirsiniz

Bu kodu functions. php dosyasına ?> kodundan önce ekleyiniz.

Sonrasında kullanıcı panelinden aşağıdaki resimde sarıyla çizilmiş yere yazar twitter kullanıcı adını girerek bu bölümü de aktif  ediniz.

Bu şekilde tüm yazarlar için twitter adresini girdiğiniz her yazara ait yazıda onun twitter kullanıcı adıda çıkacak.

Daha sonra https://dev.twitter.com/form/participate-twitter-cards bu adresten başvuru yapınız. Ama yaparken https://www.arslania.com/wordpress-siteleriniz-icin-twitter-cards.html adresindeki yönergeleri okuyarak yapmanızda faydalı olacaktır.

Bende şu anda başvurdum ve sonucu bekliyorum. Bakalım kabul edilecek mi ? 🙂

 

6 Comments

  1. Avatar of Tech Tech dedi ki:

    head etiketleri arasına eklemek yerine function dosyamıza nasıl ekleyebiliriz?

  2. Avatar of Ahmet Orhan Ahmet Orhan dedi ki:

    Aynı fark yok biraz beklemeniz lazım onaylanınca çıkacaktır.

  3. Avatar of kenan kenan dedi ki:

    slm hocam bu vermiş oldugunuz kod. eklememizi istemişsiniz Tekil yazılar sayfasında kodu bulunmuyor. Bu kodları wordpress de hangi sayfaya ekleyecegiz. tşk.

    1. Avatar of Ahmet Orhan Ahmet Orhan dedi ki:

      Header.php ye ekleyın tekıl sayfalarda otomatık cıkar

  4. Avatar of sNews sNews dedi ki:

    Hamza bey çoğu konuda olduğu gibi bu konudada öncülük etmiş bravo

  5. Avatar of kralizasyon kralizasyon dedi ki:

    Daha açıklayıcı olmuş, teşekkürler 🙂

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir