wordpress插件介绍--Link Indication
作者网站:Link Indication
也可以直接下载
看到每个链接后边都有一个小图标了吧,让链接看上去更直观,挺有意思的
激活后会在选项里边多出一项Link Indication,看着例子就可以自己添加一些东西了
比如想让文件扩展名为pdf的文件连接后边显示pdf文件图标
Type选File Extension,Search string选pdf,CSS class自己定义,照惯例是lipdf
然后编辑主题的css文件,加上
a.lipdf { padding-right: 12px; background: url(images/link-icon_pdf.png) no-repeat right; }
即可
link-icon_pdf.png文件位于/wp-content/themes/your-theme/images/下,当然可以根据你的需要进行修改
我的css文件里添加的东西
/* For Link Indication plugin */
a.liexternal { padding-right: 12px; background: url(images/link-icon_external.gif) no-repeat right; }
a.liwikipedia { padding-right: 14px; background: url(images/link-icon_wikipedia.gif) no-repeat right; }
a.liimdb { padding-right: 18px; background: url(images/link-icon_imdb.png) no-repeat right; }
a.liftp { padding-right: 13px; background: url(images/link-icon_ftp.png) no-repeat right; }
a.limailto { padding-right: 18px; background: url(images/link-icon_mail.png) no-repeat right; }
a.lipdf { padding-right: 12px; background: url(images/link-icon_pdf.png) no-repeat right; }
a.lixls { padding-right: 12px; background: url(images/link-icon_excel.png) no-repeat right; }
a.lidoc { padding-right: 12px; background: url(images/link-icon_word.png) no-repeat right; }
a.lizip { padding-right: 12px; background: url(images/link-icon_zip.png) no-repeat right; }
a.litxt { padding-right: 12px; background: url(images/litxt.png) no-repeat right; }
a.liaudio { padding-right: 12px; background: url(images/liaud.png) no-repeat right; }
对应图标下载
效果示意
链接类
外部链接
Wikipedia
IMDB
FTP
mailto
文件类
pdf
doc
xls
txt
zip
mp3