Divi 按鈕已經有顏色、邊框和文字，點下去卻沒有到預期頁面，先檢查連結設定。Button 的外觀與 URL 是不同內容；看起來像按鈕，不代表已經指定目的地。填好 URL 後，還要核對開啟方式，並在退出編輯器後測試一般訪客看到的連結。
本文以 Divi 5 官方示範編輯器中的 Button 模組為例，設定本地 URL 與 In A New Tab 選項。示範能確認欄位與畫布上的 href，但編輯畫布會攔截部分連結行為，不能用它取代前臺的新分頁測試。自己的測試頁儲存後，還需要按下方步驟核對。
先確認選到的是 Button
從 Layers 找到目標 Button，對照畫布位置與文字，再看右側面板標題是否為 Button。同一個頁面可能有多顆相似按鈕，選到第二顆卻一直點第一顆測試，會讓你誤以為 URL 沒有生效。
Button 的 Content 裡有 Text 與 Link。Text 負責顯示文字，Link 負責目的地及開啟方式。先確認按鈕文字可以描述目的地，例如「查看服務內容」，再設定對應頁面；不要只寫「點這裡」，讓讀者必須靠周圍段落猜用途。
如果畫面上的元件其實是含連結的 Text、圖片或整個可點模組，欄位名稱與結構可能不同。本文是 Button 模組的操作，不要把 Button Link URL 當成所有模組都有的固定欄位。
在 Content 的 Link 核對 URL
展開 Link，查看 Button Link URL。一般文字 URL 可以直接修改；若欄位顯示一個命名標籤，例如示範頁中的 Download Divi 5，它可能連接設計變數或動態來源，而不是普通文字輸入框。
這次示範先點該標籤，選 Detach From Variable，讓這顆按鈕的 URL 成為本地值，再輸入 https://example.com/tutorial/。操作沒有修改全局變數。對自己的網站也一樣，先判斷要改單顆按鈕，還是有意調整所有引用同一個變數的連結。
如果你希望所有共用聯絡按鈕都更新，就應先盤點變數用途，再處理共用值；只改某一顆時，則確認本地覆寫或解除連接符合維護方式。不要因為欄位不能直接打字，就刪掉整個模組，也不要未看使用範圍就改全局 URL。
範例網址是保留給說明使用的域名，並不代表這個教學路徑有真正內容。你的測試應填入自己的有效頁面或測試目的地，再確認 HTTPS、路徑、大小寫與需要的查詢參數。少一段路徑或多一個空白，都可能讓按鈕走錯位置。
開啟方式與目的地分開設定
在 Button Link Target 選擇 In The Current Tab，連結預期在目前分頁開啟；選 In A New Tab，則設定另開分頁的方式。選哪個取決於讀者的操作流程，不是所有外部連結都必須另開，也不是所有按鈕都應讓原頁一直保留。
站內導覽通常需要自然地前往下一頁。如果連向下載、外部文件或需要回來繼續填寫的內容，可以考慮另開分頁，並讓按鈕文字或附近提示說明。不要讓每次點擊都產生新分頁，最後讀者找不到原本操作的位置。
這次在桌面編輯狀態選擇 In A New Tab，選項確實更新。官方示範的手機編輯狀態中，這些非響應式連結欄位不能直接修改，因此先回到桌面設定。欄位不能點時，應看目前編輯狀態與來源，不要強行覆蓋介面。
編輯畫布的點擊不等於訪客行為
Visual Builder 中的點擊常用來選取模組，並非直接執行一般網站導覽。這次畫布的連結 href 已變成輸入的範例 URL，但畫布中的元素沒有提供 target 或 rel 屬性來證明前臺另開分頁行為。不能因為選項顯示正確，就宣稱訪客頁也已經測通。
官方示範頁的 Preview 按鈕也沒有在這次操作中提供可用的前臺預覽，因此截圖只呈現設定結果。你在自己的測試站應使用正常的 Preview 或儲存後退出 Visual Builder，再檢查一般頁面，而不是以編輯器中的點擊代替驗收。
如果自己的前臺仍沒有連結，先查目前頁面是否已保存最新修改，以及是否有其他模組遮在按鈕上方。可用開發工具查看真正的 a 元素，核對 href；不要只看編輯器欄位裡的網址。欄位保存與瀏覽器實際輸出是兩個需要分開確認的結果。
在前臺檢查 href、target 與 rel
在一般訪客頁，用元素選取工具找到按鈕連結。href 應指向你設定的目的地；如果選了另開分頁，核對最終輸出的 target，再實際點擊確認。使用鍵盤 Tab 到按鈕並按 Enter，也應能執行正常導覽。
rel 描述連結與目的地的關係。Divi 5 的 Button Relationship 可設定相關值，但不要假設每個站點、每個版本都自動輸出相同的 rel。需要 noopener 或 noreferrer 等行為時，應按自己的用途設定，再檢查實際 HTML；本文沒有把示範編輯器當成這些屬性的前臺證明。
若目的地需要登入、下載檔案或外部系統，還要測真正的下一步是否可用。按鈕能開新分頁，只代表導覽動作開始，不代表讀者已取得文件或完成申請。確認整個目的地頁面與操作條件，才能避免漂亮按鈕帶到錯誤頁。
手機與儲存後都再測一次
完成桌面檢查後，以窄視窗看按鈕是否容易點擊、文字是否清楚、是否被其他內容擋住。若按鈕旁有另開分頁提示，也要確認手機仍看得到。不要只因為桌面滑鼠可點，就忽略手機的實際觸控範圍。
交接時留下按鈕位置、文字、目的地與開啟方式。若連結使用變數，記錄變數名稱與這次是本地值還是共用來源。下一位修改者才能知道改一個 URL 會影響一顆按鈕，還是更多頁面。
發布前最後再看一次訪客頁：按鈕外觀、目的地與實際開啟方式都符合需求，再完成這次修改。遇到問題先回頭核對這三項，比反覆增加動畫或改按鈕顏色更容易找到原因。
目的地有錨點時，核對頁面與位置
如果按鈕連到同頁某個區段，確認網址中的錨點與目標元素 ID 相符，也看固定頁首是否遮住標題。若連到另一頁的區段，先確認那個頁面存在，再測錨點位置；不能只因為網址帶有井號，就認定讀者會看到指定內容。
最後把測試結果留給維護者：從哪一頁點哪顆按鈕、到哪個目的地、是否另開分頁。這種具體記錄有助於之後頁面改名或搬遷時重新核對，而不是只留下「連結正常」四個字。
評論0