技术

WP美化教程博客侧边栏小工具实现一图三按钮

我这个人废话不去多说,教程就是要简洁:

以知更鸟主题LST版本为例子, 将以下 CSS 代码添加到所使用主题的 style.css 文件中

#update_version img{margin:5px 0 15px}
#update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color:#fff}
.blog_link{background-color:#2ba9fa}
.blog_link,.cms_link{float:left;margin-right:5%}
.cms_link{background-color:#ff6969}
.grid_link{float:left;background-color:#70c041}

后台→外观→小工具→使用“文本”小工具,添加到指定侧边栏中(下面代码)


<div id="update_version"><a href="自定义链接" target="_blank" rel="noopener"><img src="自定义图片"/></a><a class="blog_link" href="自定义链接" target="_blank" rel="noopener">自定义菜单</a><a class="cms_link" href="自定义链接" target="_blank" rel="noopener">自定义菜单</a><a class="grid_link" href="自定义链接" target="_blank" rel="noopener">自定义菜单</a></div>
<div align="center"><strong>自定义文字</strong>
<strong>自定义文字</strong></div>
我还没有学会写个人说明!

WP美化教程导航菜单鼠标划过两种颜色变幻效果

上一篇

WP美化教程知更鸟主题博客侧边栏作者信息小工具美化

下一篇

你也可能喜欢

评论已经被关闭。

插入图片
WP美化教程博客侧边栏小工具实现一图三按钮

长按储存图像,分享给朋友