给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文件夹里即可实现本文所要达到的效果。

评论