超連結字段

使用連結欄位動態新增連結到您的設計。

超連結欄位是一個集合功能,可以將動態超連結新增到設計中,例如,產生外部活動平台(例如,Eventbrite)的註冊 URL 或社交平台的超連結。超連結欄位通常與文字連結或按鈕相關聯,可用於篩選集合數組,或使用集合數組或集合頁面上的條件顯示來顯示特定元件。

電源提示: 您可以在富文本欄位中嵌入內嵌超連結。

透過本教程,您將了解:

  1. 建構超連結欄位的步驟
  2. 將超連結欄位連結到文字和超連結的方法
  3. 使用超連結欄位細化 Collection 陣列的方法
  4. 使用超連結欄位建立條件可見性的策略

建構超連結欄位的步驟

您可以在任何新的或現有的集合中建立超連結欄位。繼續您的收藏設置,點擊 新增另一個字段,並選擇 超連結。若要將內容輸入到超連結欄位中,請在 CMS 中選擇一個集合項,然後將任何有效的 URL 插入到該欄位中。您可以在超連結欄位中使用相對超連結(例如「/about-us」)。

將超連結欄位連結到文字和超連結的方法

您可以將超連結欄位連結到集合數組或集合頁面上的文字功能,以將 URL 動態顯示為文字。若要將超連結欄位與文字元素關聯:

  1. 在畫布上選取文字元素(例如文字區塊)
  2. 訪問 元素設定面板 > “元素”設定
  3. 啟用設定 從「集合」中獲取文本 檢查kbox
  4. 從下拉清單中選擇超連結字段

或者,您可以將超連結欄位連結到集合數組或集合頁面上的任何超連結元素(例如按鈕),以設計動態超連結。若要將超連結欄位與超連結元素關聯:

  1. 選擇畫布上的超連結元素(例如超連結區塊、按鈕)
  2. 使用權 元素設定面板 > 連結設定
  3. 勾選 從「集合」中取得 URL 檢查kbox
  4. 從下拉清單中選擇超連結字段

您可以透過取消選擇將連結的超連結欄位與文字和超連結元素分離 從「集合」中取得 URL 或者 從「集合」中獲取文本 元素設定面板中的 checkbox(es)。

使用超連結欄位細化 Collection 陣列的方法

若要使用超連結欄位細化 Collection 陣列:

  1. 確定您想要在畫布上最佳化的 Collection 數組
  2. 使用權 元素設定面板 > 集合數組設定 > 過濾器
  3. 點選“” 符號建立過濾器
  4. 從初始下拉清單中選擇超連結字段
  5. 選擇一個 標準 (例如,等於、不等於等)來自第二個下拉列表
  6. (可選)根據需要指定值
  7. 節省

過濾標準

您可以將後續篩選條件與超連結欄位結合使用:

  • 等於 — 搜尋 URL 與您為此條件指定的 URL 相同的集合項
  • 不相等 — 掃描 URL 與您為此條件指定的 URL 不同的集合項
  • 已設定 — 尋找擁有為此超連結欄位設定的任何 URL 的集合項目
  • 未設定 — 尋找缺少為此超連結欄位設定任何 URL 的集合項目

獲得更多關於過濾 Collection 數組的見解.

使用超連結欄位建立條件可見性的策略

您可以設定條件可見性以顯示或隱藏集合數組中或使用超連結欄位的集合頁面上的各個元素。

例如,如果您維護一個個人集合並希望列出他們的項目網站,並且知道並非所有人都有項目網站,則您可以設計一個指向每個人的項目網站的超鏈接,該超鏈接僅在設置項目網站連結時可見。

要建立此條件,您需要將一個超鏈接字段合併到您的集合中(例如“項目站點”),為每個人附加其相關集合項目中的項目站點鏈接,並設計一個元素作為鏈接到他們的項目。然後:

  1. 選擇畫布上的超連結元素
  2. 使用權 元素設定面板 > 連結設定
  3. 啟用設定 從「集合」中獲取文本 檢查kbox
  4. 從下拉清單中選擇超連結字段
  5. 訪問 元素設定面板 > 有條件的可見性
  6. 按 ”“ 象徵
  7. 選擇 超連結字段 (例如,「專案網站」)來自初始下拉列表
  8. 選擇 已設定 在第二個下拉清單中
  9. 節省

獲得有關條件可見性的更多見解。

麥伊凡
Ewan Mak 的最新帖子 (看全部)