如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南

古騰堡編輯器WordPress頁面制作更簡單??梢暂p松添加文本鏈接、圖片鏈接和互動按鈕,打造更專業(yè)的網(wǎng)頁。本文會講解這些實用技巧。

圖片[1]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南

一、插入文本鏈接

1. 添加鏈接的基本方法

  • 在段落區(qū)塊中選中需要添加鏈接的文字;
  • 工具欄中點擊“鏈接”圖標(??);
  • 輸入或粘貼目標網(wǎng)址,可以選擇是否在新標簽頁打開;
  • 回車或點擊“應(yīng)用”按鈕即可完成。
圖片[2]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南

2. 設(shè)置高級選項

  • 點擊已添加的鏈接后,再次點擊“鉛筆圖標”可編輯鏈接;
  • 點擊“更多選項”圖標(三點),可以為鏈接添加 nofollow 屬性(適用于外鏈或廣告);
圖片[3]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南
  • 若使用 Rank MathYoast SEO 等插件,還可以添加站內(nèi)錨點,提升 SEO 效果。

3. 插入錨點鏈接(跳轉(zhuǎn)至頁面內(nèi)部)

  • 在目標段落添加“HTML錨點”,路徑為:
    • 選中標題或任意區(qū)塊,點擊右側(cè)設(shè)置欄中的“高級”選項;
    • 輸入一個英文/數(shù)字組合的錨點名稱(如:about-us);
圖片[4]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南
  • 回到需要跳轉(zhuǎn)的文本,插入鏈接地址為 #about-us;
  • 點擊保存后,點擊鏈接即可在同一頁面中跳轉(zhuǎn)到指定位置。

二、為圖片添加鏈接

  • 插入“圖像”區(qū)塊后,點擊選中的圖片;
  • 工具欄中點擊“鏈接”圖標;
  • 可設(shè)置跳轉(zhuǎn)到:
    • 鏈接到圖像文件;
    • 鏈接到附件頁面;
    • 點擊放大;
圖片[5]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南
  • 勾選“在新標簽頁打開”可增強用戶體驗。
圖片[6]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南

三、添加按鈕并設(shè)置鏈接

按鈕在頁面中具有較高的視覺吸引力,常用于引導用戶點擊,如“立即購買”、“查看更多”等。

1. 插入按鈕區(qū)塊

  • 點擊加號(+),選擇“多個按鈕(Button)”區(qū)塊;
圖片[7]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南
  • 輸入按鈕文案,如“了解詳情”;
圖片[8]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南
  • 選中文本后,點擊“鏈接”圖標添加跳轉(zhuǎn)地址;
圖片[9]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南
  • 可在右側(cè)欄設(shè)置按鈕樣式、顏色、寬度;
圖片[10]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南
圖片[11]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南
  • 支持設(shè)置多個按鈕并排展示(通過“按鈕組”添加多個子按鈕)。

2. 設(shè)置按鈕跳轉(zhuǎn)行為

  • 支持添加站內(nèi)鏈接、外部網(wǎng)址;
  • 建議跳轉(zhuǎn)鏈接統(tǒng)一啟用“新標簽頁打開”選項,避免用戶離開當前頁面;
  • 如果用于促銷或注冊,可以配合設(shè)置按鈕顏色為主色調(diào)以提升點擊率。

四、鏈接管理小技巧

  • 為所有鏈接添加“描述性文字”來提升可訪問性(Accessibility);
  • 對于外部鏈接,可使用插件如 External LinksWP External Links,批量設(shè)置 nofollow 和圖標提示;
  • 定期使用斷鏈檢測插件(如 Broken Link Checker)檢查頁面中失效鏈接,維護內(nèi)容質(zhì)量;
  • 將常用按鈕樣式保存為“可重用區(qū)塊”,提高編輯效率。

五、常見問題排查

圖片[12]-如何在古騰堡中插入鏈接與按鈕:WordPress 實用操作指南

鏈接樣式不一致?
部分主題未定義鏈接顏色或懸停狀態(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é)假日休息
? 轉(zhuǎn)載聲明
本文作者:linxiulian
THE END
喜歡就支持一下吧
點贊112 分享
評論 搶沙發(fā)

請登錄后發(fā)表評論

    暫無評論內(nèi)容