wp | Link Indication Eklentisi

wp’de yazı yazarken verdiğimiz linkleri ne kadar CSS ile süslleyerek
belli etsekte bu eklenti sayesinde, gideceği yeri belirleyeceğimiz gibi
eğer bir dosya ise uzantısını belli edebiliyoruz.

hakkında

wordpress’te site içine yada dışına giden bağlantıları veya bağlantılardaki dosya uzantısını gösterir.Örnek olarak;dış bağlantı

download

Kurulum

1. Öncelikle Link Indication eklentisini download kısmından indirin, ve
   zipli dosyayı açın.ve wordpress’in yüklü olduğu dizinde plugins
   klasörünün içine atın.
2. Eklentiyi yönetim panelinden aktif edin.
3. Zipli dosyanın içindeki resimleri kullandığınız temanın <images> klasörünün içine kopyalayın ve aşağıdaki kodları yine temanızın <style.css> dosyasına yada geçerli olan CSS dosyasına kopyalayın.

</p> <p>/* For Link Indication Eklentisi */</p> <p>a.liexternal { padding-right: 12px; background: url(<?php bloginfo('template_directory'); ?>/images/link-icon_external_01.gif) no-repeat right; }</p> <p>a.liwikipedia { padding-right: 14px; background: url(<?php bloginfo('template_directory'); ?>/images/link-icon_wikipedia_02.gif) no-repeat right; }</p> <p>a.liimdb { padding-right: 18px; background: url(<?php bloginfo('template_directory'); ?>/images/link-icon_imdb.png) no-repeat right; }</p> <p>a.liftp { padding-right: 13px; background: url(<?php bloginfo('template_directory'); ?>/images/link-icon_ftp_01.png) no-repeat right; }</p> <p>a.limailto { padding-right: 18px; background: url(<?php bloginfo('template_directory'); ?>/images/link-icon_mail_01.png) no-repeat right; }</p> <p>a.lipdf { padding-right: 12px; background: url(<?php bloginfo('template_directory'); ?>/images/link-icon_pdf_01.png) no-repeat right; }</p> <p>a.liyoutube { padding-right: 19px; background: url(<?php bloginfo('template_directory'); ?>/images/youtube.gif) no-repeat right; }</p> <p>a.liflickr { padding-right: 9px; background: url(<?php bloginfo('template_directory'); ?>/images//link-icon_flickr.png) no-repeat right; }</p> <p>a.lizip { padding-right: 13px; background: url(<?php bloginfo('template_directory'); ?>/images/link-icon_zip_01.png) no-repeat right; }</p> <p>a.lidoc { padding-right: 13px; background: url(<?php bloginfo('template_directory'); ?>/images/link-icon_word_10x10.png) no-repeat right; }</p> <p>a.lixls { padding-right: 13px; background: url(<?php bloginfo('template_directory'); ?>/images/link-icon_excel_10x10.png) no-repeat right; }</p> <p> a.lisosyomat { padding-right: 15px; background: url(<?php bloginfo('template_directory'); ?>/images/sosyomat.gif) no-repeat right; }a.lieksi { padding-right: 15px; background: url(<?php bloginfo('template_directory'); ?>/images/eksi.ico) no-repeat right; }

/p>

Kullanım

Eklentiyi kurduktan sonra yönetim oanelinden tercihler–>Link Indication sekmesine gidelim.Burada hangi linklerin yanında hangi görselin bulunacağını ayarlamamız gerekiyor.Bağlantı Türleri bölümünden <Search string> tablosuna görsellerin gösterilmesini istediğimiz adresi, <CSS class> tablosuna da CSS’de eklememiz gereken Class yazacağız.Kurulumda en çok kullanılan bağlantılar için CSS kodlarını vermiştim..

Lisans

EKlenti Michael Woehrer tarafından yazılmış olup GNU General Public License ile korunmaktadır.Eklenti sayfasına buradan ulaşabilirsiniz.