给WordPress下载链接添加网盘图标


很多博客喜欢用外链来提供下载,节省主机流量又能充分利用网盘的优秀网络服务,可是这时候问题来了,如果你在同一篇文章内有多个网盘的下载链接,那么读者很难区分开来自己到底想用哪个下载链接。

我们可以通过简单的css修改来实现对网盘下载链接增加各大网盘的logo,本文只是做一个演示,就挑选了115、DBank、uudisc、box.net、RayFile、Mediafire和纳米盘,如果想增加自己常用的其它网盘的下载图标,可以按照本文提供的代码修改或增加。

将下面的css样式加进主题的style.css即可:

/* download icon */
a[href^="http://u.115.com/"]{   
   background:url(images/115ico.png) no-repeat left center;
   padding-left:19px;
}
a[href^="http://dl.dbank.com/"]{
   background:url(images/dbank.png) no-repeat left center;
   padding-left:19px;
}
a[href^="http://www.uudisc.com/"]{
   background:url(images/uudisc.png) no-repeat left center;
   padding-left:19px;
}
a[href^="http://www.boxcn.net/"]{
   background:url(images/boxnet.png) no-repeat left center;
   padding-left:19px;
}
a[href^="http://www.box.net/"]{
   background:url(images/boxnet.png) no-repeat left center;
   padding-left:19px;
}
a[href^="http://www.rayfile.com/"]{
   background:url(images/rayfile.png) no-repeat left center;
   padding-left:19px;
}
a[href^="http://www.mediafire.com/"]{
   background:url(images/mediafire.gif) no-repeat left center;
   padding-left:19px;
}
a[href^="http://d.namipan.com/"]{
   background:url(images/namipan.gif) no-repeat left center;
   padding-left:19px;
}

然后将网盘的图标(16x16px)放进主题目录下的image文件夹里即可实现本文所要达到的效果。

声明:Shire | 一路走一路记|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 给WordPress下载链接添加网盘图标


Carpe Diem and Do what I like