wordpress为日志中的链接添加一个按钮

爱德华OL

准备一张按钮图片,然后在文章中加入一个盒子(DIV),几行CSS样式就可作出这个效果,现在就教大家如何添加这个按钮效果.


首先,在编辑日志时切换到代码模式(HTML),在适当位置加入以下代码:

1. <div id="demo"><a href="http://yuyanke.org/">主题演示</a></div>
   
2. <div id="download"><a href="http://yuyanke.org/">主题下载</a></div
   

复制代码

接着再把以下样式文件加到主题的style.css中:

1. #download {
   
2. background: url(images/dd.png) no-repeat;
   
3. width:105px;
   
4. height:25px;
   
5. color: #fff;
   
6. padding-left:15px;
   
7. }
   
8. #demo {
   
9. background: url(images/dd.png) no-repeat 0 -25px;
   
10. width:105px;
    
11. height:25px;
    
12. color: #fff;
    
13. padding-left:15px;
    
14. }

复制代码

把下面这张按钮图片上传到主题的图片目录中,一般是images文件夹



具体参数可以自行修改