登录站点后台 >> 外观 >> 小工具 >> 将『文本』小工具添加到指定侧边栏中,加入下面代码。
代码
- <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>