WordPress给文章内超链接添加一个按钮

WordPress给文章内超链接添加一个按钮-狐狸库
WordPress

主题演示及下载链接按钮很好奇,总是问如何添加的,其实很简单,准备一张按钮图片,然后在文章中加入一个盒子(DIV),几行CSS样式就可作出这个效果,现在就教大家如何添加这个按钮效果.

WordPress给文章内超链接添加一个按钮-狐狸库

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

<div id=\"demo\"><a href=\"https://xxx.com/\">主题演示</a></div>
<div id=\"download\"><a href=\"https://xxx.com/\">主题下载</a></div>

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

#download {
background: url(images/dd.png) no-repeat;
width:105px;
height:25px;
color: #fff;
padding-left:15px;
}
#demo {
background: url(images/dd.png) no-repeat 0 -25px;
width:105px;
height:25px;
color: #fff;
padding-left:15px;
}

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

具体参数可作适当修改

用table表格进行定位,完整代码如下:

<table border=\"0\" width=\"240\" align=\"center\">
<tbody>
<tr>
<td width=\"120\" height=\"25\">
<div id=\"demo\"><a href=\"http://demo.xingkongweb.com/\">主题演示</a></div></td>
<td width=\"120\" height=\"25\">
<div id=\"download\"><a href=\"https://xingkongweb.com\">主题下载</a></div></td>
</tr>
</tbody>
温馨提示: 本文最后更新于2022/10/20 04:26:25若文章内容或图片失效,请留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容