在WordPress網(wǎng)站中，按鈕是引導用戶操作的重要元素之一。雖然WordPress 5.8及以后的版本引入了全新的“區(qū)塊小工具”編輯器，但許多用戶仍然習慣使用舊版的“經(jīng)典小工具”來添加按鈕。本文將詳細介紹如何在WordPress中通過舊版小工具添加按鈕。
方法一：使用“文本”小工具添加HTML按鈕
- 登錄WordPress后臺，進入“外觀” > “小工具”。
- 在可用小工具列表中找到“文本”小工具，將其拖拽到側邊欄或其他小工具區(qū)域。
- 在小工具編輯框中，輸入HTML代碼來創(chuàng)建按鈕，例如：
<a href="https://example.com" class="button">點擊這里</a>
- 保存小工具，按鈕將顯示在網(wǎng)站前端。
方法二：使用自定義CSS增強按鈕樣式
如果默認的按鈕樣式不符合需求，可以通過添加CSS代碼來自定義外觀：
- 在“外觀” > “自定義” > “額外CSS”中，輸入以下代碼（可根據(jù)需要調整顏色、大小等屬性）：
.button {
display: inline-block;
padding: 10px 20px;
background-color: #0073aa;
color: white;
text-decoration: none;
border-radius: 5px;
}
.button:hover {
background-color: #005177;
}
- 保存更改，按鈕將應用新的樣式。
方法三：通過插件恢復舊版小工具（可選）
如果WordPress版本較新且默認使用區(qū)塊編輯器，可以通過安裝插件（如“Classic Widgets”）恢復舊版小工具界面：
- 進入“插件” > “安裝插件”，搜索“Classic Widgets”。
- 安裝并激活插件，小工具界面將恢復為經(jīng)典模式。
- 按照方法一或方法二添加按鈕即可。
注意事項
- 使用HTML代碼時，確保鏈接地址（
href）和按鈕文本正確。 - 如果按鈕需要更復雜的功能（如下載、表單提交等），建議使用專門的插件（如“MaxButtons”或“Buttonizer”）。
- 定期檢查按鈕功能，確保鏈接有效且樣式適配移動設備。
通過以上方法，即使使用舊版小工具，也能輕松在WordPress網(wǎng)站中添加美觀且功能完善的按鈕！
