古騰堡編輯器讓WordPress頁面制作更簡單??梢暂p松添加文本鏈接、圖片鏈接和互動按鈕,打造更專業(yè)的網(wǎng)頁。本文會講解這些實用技巧。
![圖片[1]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南](http://gqxi.cn/wp-content/uploads/2025/06/20250617155650774-image.png)
一、插入文本鏈接
1. 添加鏈接的基本方法
- 在段落區(qū)塊中選中需要添加鏈接的文字;
- 工具欄中點擊“鏈接”圖標(??);
- 輸入或粘貼目標網(wǎng)址,可以選擇是否在新標簽頁打開;
- 回車或點擊“應(yīng)用”按鈕即可完成。
![圖片[2]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南](http://gqxi.cn/wp-content/uploads/2025/06/20250617160023748-image.png)
2. 設(shè)置高級選項
- 點擊已添加的鏈接后,再次點擊“鉛筆圖標”可編輯鏈接;
- 點擊“更多選項”圖標(三點),可以為鏈接添加
nofollow
屬性(適用于外鏈或廣告);
![圖片[3]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南](http://gqxi.cn/wp-content/uploads/2025/06/20250617160309514-image.png)
3. 插入錨點鏈接(跳轉(zhuǎn)至頁面內(nèi)部)
- 在目標段落添加“HTML錨點”,路徑為:
- 選中標題或任意區(qū)塊,點擊右側(cè)設(shè)置欄中的“高級”選項;
- 輸入一個英文/數(shù)字組合的錨點名稱(如:
about-us
);
![圖片[4]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南](http://gqxi.cn/wp-content/uploads/2025/06/20250617161119306-image.png)
- 回到需要跳轉(zhuǎn)的文本,插入鏈接地址為
#about-us
;
- 點擊保存后,點擊鏈接即可在同一頁面中跳轉(zhuǎn)到指定位置。
二、為圖片添加鏈接
- 插入“圖像”區(qū)塊后,點擊選中的圖片;
- 工具欄中點擊“鏈接”圖標;
- 可設(shè)置跳轉(zhuǎn)到:
- 鏈接到圖像文件;
- 鏈接到附件頁面;
- 點擊放大;
![圖片[5]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南](http://gqxi.cn/wp-content/uploads/2025/06/20250617162132882-image.png)
- 勾選“在新標簽頁打開”可增強用戶體驗。
![圖片[6]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南](http://gqxi.cn/wp-content/uploads/2025/06/20250617162214897-image.png)
三、添加按鈕并設(shè)置鏈接
按鈕在頁面中具有較高的視覺吸引力,常用于引導用戶點擊,如“立即購買”、“查看更多”等。
1. 插入按鈕區(qū)塊
- 點擊加號(+),選擇“多個按鈕(Button)”區(qū)塊;
![圖片[7]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南](http://gqxi.cn/wp-content/uploads/2025/06/20250617162322327-image.png)
- 輸入按鈕文案,如“了解詳情”;
![圖片[8]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南](http://gqxi.cn/wp-content/uploads/2025/06/20250617162402368-image.png)
- 選中文本后,點擊“鏈接”圖標添加跳轉(zhuǎn)地址;
![圖片[9]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南](http://gqxi.cn/wp-content/uploads/2025/06/20250617162548513-image.png)
- 可在右側(cè)欄設(shè)置按鈕樣式、顏色、寬度;
![圖片[10]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南](http://gqxi.cn/wp-content/uploads/2025/06/20250617163329140-image.png)
![圖片[11]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南](http://gqxi.cn/wp-content/uploads/2025/06/20250617163653159-image.png)
- 支持設(shè)置多個按鈕并排展示(通過“按鈕組”添加多個子按鈕)。
2. 設(shè)置按鈕跳轉(zhuǎn)行為
- 支持添加站內(nèi)鏈接、外部網(wǎng)址;
- 建議跳轉(zhuǎn)鏈接統(tǒng)一啟用“新標簽頁打開”選項,避免用戶離開當前頁面;
- 如果用于促銷或注冊,可以配合設(shè)置按鈕顏色為主色調(diào)以提升點擊率。
四、鏈接管理小技巧
- 為所有鏈接添加“描述性文字”來提升可訪問性(Accessibility);
- 對于外部鏈接,可使用插件如 External Links 或 WP External Links,批量設(shè)置
nofollow
和圖標提示; - 定期使用斷鏈檢測插件(如 Broken Link Checker)檢查頁面中失效鏈接,維護內(nèi)容質(zhì)量;
- 將常用按鈕樣式保存為“可重用區(qū)塊”,提高編輯效率。
五、常見問題排查
![圖片[12]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南](http://gqxi.cn/wp-content/uploads/2025/06/20250617164412198-image.png)
鏈接樣式不一致?
部分主題未定義鏈接顏色或懸停狀態(tài),建議通過主題自定義器或 CSS 增強樣式統(tǒng)一性。
按鈕在移動端顯示錯亂?
建議使用“列”區(qū)塊控制布局,或者啟用響應(yīng)式主題確保兼容性。
插入鏈接后點擊無效?
檢查是不是錯誤插入錯誤的協(xié)議(如漏寫 https://
),或鏈接被其它插件(如安全插件)攔截。
總結(jié)
古騰堡編輯器可以輕松添加各類鏈接和按鈕,支持頁面跳轉(zhuǎn)和樣式調(diào)整。搭配Kadence Blocks等插件,還可以實現(xiàn)更專業(yè)的按鈕效果和交互功能。
聯(lián)系我們 | |
---|---|
教程看不懂?聯(lián)系我們?yōu)槟赓M解答!免費助力個人,小企站點! |
![]() 客服微信
|
① 電話:020-2206-9892 | |
② QQ咨詢:1025174874 | |
③ 郵件:info@361sale.com | |
④ 工作時間:周一至周五,9:30-18:30,節(jié)假日休息 |
THE END
暫無評論內(nèi)容