Twitter mesajlarınızı blogunuzda yayınlayın: Twitter for WordPress


Dün gece Egonomik Twitter ile tanıştı (anasayfada üst kısımda görülebileceği üzere). Yakın çevreme hep söylerim; eğer vakti zamanında biri bana Twitter gibi bir fikirle gelseydi böyle basit bir fikrin kesinlikle tutmayacağı üzerine kalıbımı basardım (hala da nasıl tuttuğunu anlayabilmiş değilim). Nihayetinde 140 karakter ile o anki haleti ruhiyeni dile getiriyorsun, takipçilerin türüyor vesaire, bir nevi mini blog da denebilir. Neyse bundan bir kaç on yıl önce Ford otomobil üretimi için kredi başvurusunda bulunduğu bankanın müdüründen “otomobil sadece bir moda, insanlar kısa bir süre sonra bundan sıkılıp ulaşım için yine atları tercih edecekler” gibi bir yanıt almıştı, Allah’tan tarihte ileri görüşlülük vasfından bu derece yoksun kimseler var da ben pek göze batmıyorum.

Gelelim konumuza, Twitter’ı ne amaçlı kullanıyor olursanız olun kelamlarınızı veya takip ettiğiniz kişilerin kelamlarını blogunuzda yayınlamak isteyebilirsiniz. Bu işi kullanımı oldukça kolay olan “Twitter for WordPress” isimli bir WordPress plug-ini sayesinde halledebilirsiniz. Plug-in’in en güzel yanı kullanırken Twitter şifrenizi felan istemiyor oluşu, haliyle siz de “şifrem emin ellerde mi?” gibi bir düşünceyle endişe etmek durumunda kalmıyorsunuz.

Twitter for WordPress zımbırtısını admin panelinden “Eklentiler -> Yeni ekle” kısmından kolayca yükleyip kurabileceğiniz gibi dilerseniz manuel olarak şu adresten‘de indirebilirsiniz.

Kullanım
Temanızdaki sütunlara “Bileşenler” aracılığıyla kolayca adapte edebilirsiniz. Bunun haricinde sitenizin farklı bir bölümünde kullanmak isterseniz, en basit haliyle aşağıdaki kod işinizi görecektir:

1
<?php twitter_messages('kullanici_adi'); ?>

kullanici_adi kısmını Twitter kullanıcı adınızla değiştirin (örn: egonomik). Ayrıca bu kod aracılığıyla hem kendinizin hem de takip ettiğiniz birden çok kişinin twit’lerini yayınlayabilirsiniz.

Eklentiyi daha geniş haliyle (benim kullandığım gibi) kullanmak isterseniz kodu aşağıdaki şekilde düzenleyin:

1
<?php twitter_messages('kullanici_adi', 5, true, true, 'oku>>', true, true, false); ?>

Ayarlar
Kod kalıbı şu şekilde:
twitter_messages(‘username’, [msgs],

    , [timestamp], [‘link’], [hyperlinks], [twitter_users], [encode_utf8]);

    username: Twitter kullanıcı adı
    msgs: Kaç adet mesaj gösterileceği (Twitter en fazla 20 mesaja izin veriyor)
    list: Mesajların liste halinde gösterilip gösterilmeyeceği
    timestamp: Mesajın tarih/zaman bilgisi
    link: Mesaja “oku” şeklinde bir link verilip verilmeyeceği
    hyperlinks: Mesajda geçen url’lere link verilip verilmeyeceği
    twitter_users: @kullanici şeklindeki içeriklere link verilip verilmeyeceği
    encode_utf8: UTF8 Dil kodlamasını aktif/deaktif etme seçeneği

    Kişiselleştirme (Customization)
    Yeni Twitter kutucuğunuzu/bölümünüzü temanızla uyumlu hale getirmek veya görsel açıdan zenginleştirmek için halihazırda kullanmakta olduğunuz temanın style.css (veya adı her ne.css ise) dosyasına (/wp-content/themes/sizin_temaniz/) bazı kodlar ekleyebilirsiniz, bu kodların temel çatısı aşağıdaki gibi:

    1
    2
    3
    4
    5
    6
    ul.twitter { ... }
    li.twitter-item { ... }
    p.twitter-message { ... }
    .twitter-timestamp { ... }
    a.twitter-link { ... }
    a.twitter-user { ... }

    Tabiki kodları kendi temanıza uyumlu hale getirmek için “…” kısımlarını düzenlemeniz gerekiyor. Egonomik’te kullanılan şekliyle bir örnek verecek olursak, CSS kodlarınız şuna benzemeli:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    ul.twitter {
        background-color: #F3FAFE;
        border: 1px solid #E0F2FC;
        padding-top: 2px;
        padding-bottom: 2px;  }

    li.twitter-item {
        line-height: 13px;
        font-family: Tahoma;
        font-size: 11px;
        color: #6C6C6C;
        border: 1px solid #E0F2FC;
        padding: 6px;
        margin: 4px; }

    p.twitter-message {
        font-size: 11px; }

    .twitter-timestamp {
        color: #A3A3A3;
        font-style: italic; }

    a.twitter-link {
        color: #2C78D0; }

    a.twitter-user {
        color: #2C78D0; }

    Eğer CSS dosyanıza bu kodları import ederseniz Twitter kutucuğunuz Egonomik’inkine çok benzeyecektir.

    Orjinal eklenti sitesi ve İngilizce döküman için şu adresi ziyaret edebilirsiniz:
    http://rick.jinlabs.com/code/twitter/

    Facebook Yorumları

    Uyarı: Yorumlarda link kullanmayınız. Link içeren yorumlar otomatik olarak spam kabul edilmektedir.

    Bir Cevap Yazın

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