在WordPress网站中，按钮是引导用户操作的重要元素之一。虽然WordPress 5.8及以后的版本引入了全新的“区块小工具”编辑器，但许多用户仍然习惯使用旧版的“经典小工具”来添加按钮。本文将详细介绍如何在WordPress中通过旧版小工具添加按钮。
方法一：使用“文本”小工具添加HTML按钮
- 登录WordPress后台，进入“外观” > “小工具”。
- 在可用小工具列表中找到“文本”小工具，将其拖拽到侧边栏或其他小工具区域。
- 在小工具编辑框中，输入HTML代码来创建按钮，例如：
<a href="https://example.com" class="button">点击这里</a>
- 保存小工具，按钮将显示在网站前端。
方法二：使用自定义CSS增强按钮样式
如果默认的按钮样式不符合需求，可以通过添加CSS代码来自定义外观：
- 在“外观” > “自定义” > “额外CSS”中，输入以下代码（可根据需要调整颜色、大小等属性）：
.button {
display: inline-block;
padding: 10px 20px;
background-color: #0073aa;
color: white;
text-decoration: none;
border-radius: 5px;
}
.button:hover {
background-color: #005177;
}
- 保存更改，按钮将应用新的样式。
方法三：通过插件恢复旧版小工具（可选）
如果WordPress版本较新且默认使用区块编辑器，可以通过安装插件（如“Classic Widgets”）恢复旧版小工具界面：
- 进入“插件” > “安装插件”，搜索“Classic Widgets”。
- 安装并激活插件，小工具界面将恢复为经典模式。
- 按照方法一或方法二添加按钮即可。
注意事项
- 使用HTML代码时，确保链接地址（
href）和按钮文本正确。 - 如果按钮需要更复杂的功能（如下载、表单提交等），建议使用专门的插件（如“MaxButtons”或“Buttonizer”）。
- 定期检查按钮功能，确保链接有效且样式适配移动设备。
通过以上方法，即使使用旧版小工具，也能轻松在WordPress网站中添加美观且功能完善的按钮！
