wordpress插件介绍--Link Indication

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

16 thoughts on “wordpress插件介绍--Link Indication

  1. 我的为什么用不了啊?
    显示错误

    Warning: Invalid argument supplied for foreach() in C:\Discuz!EXP\wwwroot\Htdocs\wp-content\plugins\link-indication.php on line 150

  2. 不好意思,再弱弱问下:
    Type选File Extension,Search string选pdf,CSS class自己定义,照惯例是lipdf

    这些是在哪里选择啊?

  3. 问题已经解决了,感谢LonelyWord!
    我的QQ:69283590 MSN:irise.don@hotmail.com
    希望和你交流wordpress。

  4. 如果出现换行IE下会有不正常的显示
    比如说我左边的Common Creative那个图标
    FireFox下显示就没问题

  5. 請問一下,
    我plug-iin也裝了,css也加了,image也放好了.
    為什麼都沒有show出小圖示出來呢?

    我需要在post文章時,特別加入什麼字串嗎?
    有點不太懂他的運作耶,是指會自動search所設定的字串,然後在看文章時,就會自動show出小圖示了嗎?

    請幫忙解答一下吧,感謝~~

  6. 你好,我最近安装了这个插件,刚开始有效果,后来没效果了,能不能帮我看看怎么回事?

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注