Resimli Bağlantılar Bileşeni v1.0

13 Kasım 2008

WordPress'in Bağlantılar yapısını bilirsiniz. Beğendiğiniz siteleri sitenizde göstermek için güzel bir araçtır, ancak WordPress ile birlikte gelen Bağlantılar bileşeni bu özelliği yeterince kullanmanıza izin vermez. Siz de çoğu kişinin yapmaya başladığı gibi (bkz. Yan Menüm) bağlantılarınızı resim olarak göstermek istiyorsanız, bu bileşenim tam size göre. Bileşenin yeni sürümünü WordPress.org'un eklentiler dizinine taşıdım. Bu nedenle bu sayfadaki sürüm yerine daha gelişmişini kullanmak isterseniz lütfen buraya uğrayın.
Birçok kişi, bu işi Ali'nin eklentisi olan Resimli Bağlantı Kutuları eklentisini kullanarak yapıyor. Bugün ben de şöyle bir inceleyeyim dedim. Eklenti güzel ancak girilen verileri kendi veritabanında tutması hatta bunun için iki tablo açması açıkçası benim hoşuma gitmedi. Ayrıca WP'nin bağlantılar özelliği dururken ekstra tablolar açan bir eklentiyi kullanmak işime gelmedi. Ben de küçük bir araştırma ile Resimli Bağlantılar Bileşeni'mi yazdım. Bileşen WP'nin bağlantılar yapısını kullanarak bağlantıları resimli olarak gösteriyor. Lütfen kurulum ve kullanım notlarını ayrıca benioku.txt dosyasını iyi okuyunuz.

Kurulum

Sayfa sonundan bileşeni indirin.
Zip'li dosya içerisindeki 'resimli-baglantilar' klasörünü ya da 'resimli-baglantilar.php' dosyasini sitenizin 'wp-contents/plugins' klasörüne yükleyin.
Bileşeni sitenizin yönetim panelindeki Eklentiler bölümünden 'Resimli Bağlantılar' eklentisini etkinleştirin.
Temanızın 'style.css' dosyasına aşağıdaki CSS biçimlendirmelerini ekleyin.
< View plain text >

code
1. li.rbaglanti a, li.rbaglanti a:hover {
2. text-decoration: none;
3. }
4. li.rbaglanti {
5. float:left;
6. }
7. li.rbaglanti a img {
8. filter:alpha(opacity=60);
9. -moz-opacity: 0.6;
10. opacity: 0.6;
11. }
12. li.rbaglanti a:hover img {
13. filter:alpha(opacity=100);
14. -moz-opacity: 1.0;
15. opacity: 1.0;
16. }

Kullanım

Bu bileşen ile birlikte WP'nin Bağlantılar bileşenini kullanamazsınız.
Bağlantılara resim eklediğimiz için wp_list_bookmarks() fonksiyonu (doğal olarak bağlantılar bileşeni de) varsayılan olarak bağlantıları resimli gösterecektir
Bağlantılara resim tanımlamak için sitenizin Yönetim Panelindeki Yönet/Bağlantılar bölümünden resimli göstermek istediğiniz bağlantıları düzenle dedikten ya da yeni bağlantı eklerken Gelişmiş alanındaki Görsel Adresi kısmına resmin adresini girin. Resim eklemediğiniz ya da gösterilsin şeklinde ayarlamadığınız bağlantıları bileşen göstermeyecektir.

Resim tanımlarken
Kullanacağınız resimleri Yaz bölümünden Yükledikten sonra adresini buraya yapıştırabilir ya da kendiniz yazabilirsiniz.
Eğer bağlantılarınız için bağlantı referansı (rel) eklemek isterseniz aşağıdaki resimdeki bölümden seçim yapabilir ya da ilgili metin kutusuna (örneğin, nofollow) yazabilirsiniz. Bu kısmı doldurmanızı tavsiye ederim, böylece bağlantılarınızın gücünü artırabilirsiniz.

Bağlantıya Rel ekleyin
Yaptığınız değişiklikleri kaydedin.
Tasarım/Bileşenler bölümünden Resimli Bağlantılar bileşenini yan menünüze ekleyip, ayarlarını yapın. Ayarlar kısmında göstermek istediğiniz resimlerin boyutunu belirtebilirsiniz. 30x30 en uygunudur.

Resimli bağlantılar bileşen görünümü

Bileşen yapısını kullanmıyorsanız, yan menünüze aşağıdaki kodu ekleyin.

<?php if (function_exists('yg_resimli_baglantilar')) { ?>
<li><h2><?php echo 'Rastgele Yazılar'; ?></h2>
<ul>
<?php yg_resimli_baglantilar(30, 30); ?>
</ul><br style="clear: both;" />
</li>
<?php } ?>

böylece resimleri 30x30 boyutlarında göstermiş olursunuz.

Eklenti WordPress 2.6.3 sürümünde yazıldı ve test edildi. Şu anda sitemde kullanmaktayım. Problem ya da önerilerinizi lütfen bildiriniz. Bileşenin CSS bölümü Resimli Bağlantı Bileşeni'nden alınmıştır. Eğer bileşeni kullanıyorsanız, bir yorum bırakmayı unutmayın.

Bileşeni İndir

Resimli Bağlantılar v1.0

Bu yazının kısa bağlantısı http://www.yakupgovler.com/?p=510.

Yazılarımı RSS aboneliği ile takip edebilir, yeni yazılarıma kolaylıkla ulaşabilirsiniz. Bunun için ise RSS adresimi kullanabilirsiniz.