实现WordPress侧边栏一图三按钮效果的代码

1、将以下CSS代码添加到所使用主题的style.css文件中: [cc] #update_versionimg{margin:5px015px} #update_versiona{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color:#fff} .blog_li…

1、将以下 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}

2、登录站点后台 >> 外观 >> 小工具 >> 将『文本』小工具添加到指定侧边栏中。

3、接着输入标题(可选,可不输入),并将文本小工具编辑框切换到文本格式,然后将以下代码添加进去并保存即可。

<div id="update_version"><a class="blog_link" href="https://www.cuikaiyun.cn/tougao" target="_blank" rel="noopener noreferrer">投稿中心</a><a class="cms_link" href="https://www.cuikaiyun.cn/tougao" target="_blank" rel="noopener noreferrer">在线投稿</a><a class="grid_link" href="https://www.cuikaiyun.cn/guestbook" target="_blank" rel="noopener noreferrer">联系博主</a></div>

本博客 [ 秋硕笔记 ] 内带有 原创 标签文章,均为秋硕独立创作。

撰文不易,转载请注明文章来源并保留原文链接:本文转载自 秋硕笔记。

本文链接:https://www.cuikaiyun.cn/wordpress-sidebar-code.html

主题侧边后台小工具添加

原创文章,作者:秋硕笔记,如若转载,请注明出处:https://www.davidwu.net/archives/1380

发表评论

电子邮件地址不会被公开。 必填项已用*标注