可能有的人不太明白什么是一图三按钮的效果，其实就是在侧边栏某一个文本工具中显示有一张图片和三个链接按钮，具体效果看下图一图三按钮效果，或见下图所示：
演示效果
![图片[1]-WordPress侧边栏如何实现一图三按钮的效果-我的运维技术站](https://cdn.92fuge.com/92fuge.com//2022/02/20220225144405image695.png)
侧边栏实现一图三按钮效果步骤
网站管理后台-–》子比主题设置—》自定义代码—》自定义 CSS 样式，把下面的 css 代码复制粘贴到里面即可。
添加一下css代码
登录站点后台 >> 外观 >> 小工具 >> 将『文本』或html代码 小工具添加到指定侧边栏中。
![图片[2]-WordPress侧边栏如何实现一图三按钮的效果-我的运维技术站](https://static.902d.com/wp-content/uploads/2020/09/20200929092342410.jpg)
![图片[3]-WordPress侧边栏如何实现一图三按钮的效果-我的运维技术站](https://cdn.92fuge.com/92fuge.com//2022/02/20220225145547image145.png)
将以下代码添加进去并保存即可。
说明：其他代码不用修改，只需将代码中的链接名称及链接地址等内容修改成自己想要的名称及地址即可。
玩转网已经根据以上教程在侧边栏实现了一图三按钮的效果，具体效果请移步玩转网首页侧边栏
总结
这个一图三按钮的效果，不单单适用于 WordPress，也适用于 zblogPHP 站点的侧边栏，更是适用于其他程序所见的站点侧边栏。当然，如果添加到不到侧边栏的地方应该也是可以，具体效果请自行测试和修改。
感谢您的来访，获取更多精彩文章请收藏本站。
© 版权声明
THE END
- 最新
- 最热
查看全部