侧边栏小工具实现多彩菜单[WordPress]

登录站点后台 >> 外观 >> 小工具 >> 将『文本』小工具添加到指定侧边栏中，加入下面代码。

代码

<ul class="colorbar">
<li><a href="链接地址" target="_blank" style="background-color:#ff3030;">我是文字</a></li>
<li><a href="链接地址" target="_blank" style="background-color:#428BCA;">我是文字</a></li>
<li><a href="链接地址" target="_blank" style="background-color:#e84266;">我是文字</a></li>
<li><a href="链接地址" target="_blank" style="background-color:#91c24f;">我是文字</a></li>
<li><a href="链接地址" target="_blank" style="background-color:#f49800;">我是文字</a></li>
</ul>
<style type="text/css">
.colorbar li {
width: 100% !important;
}
.colorbar li a {
color: #fff;
line-height: 40px;
display: block;
width: 100%;
text-align: center;
}
.colorbar li a:hover {
opacity: 0.8;
}
</style>