如何使用分段滑桿模組？

Webayt CMS 中的分段式滑桿模組用於在您的網站上建立包含圖片、標題、描述和按鈕的高級滑桿區域。此模組不僅可讓您建立視覺橫幅，還可以建立包含文字和導航區域的更具描述性的版塊。

分段式輪播圖模組特別適用於首頁、服務展示、活動專區、產品或套餐介紹以及醒目的導覽列。您可以管理每個輪播圖元素的圖片、標題、描述、按鈕文字、按鈕連結、顏色設定、分組選擇、順序和狀態資訊。

分段滑塊模組的用途是什麼？

分段式輪播模組可讓您在網站上建立更豐富的輪播圖部分。與標準輪播圖結構不同，每個輪播圖元素不僅可以包含圖片，還可以包含標題、描述、按鈕和顏色設定。

這樣，您不僅可以向訪客展示圖片，還可以提供支援圖片的簡短訊息、描述性文字以及將他們引導至相關頁面的按鈕。

例如，分段式滑桿模組可用於推廣服務、突出活動、宣布新功能或引導使用者造訪特定頁面。

如何存取分段式滑桿模組頁面？

若要存取分段滑桿模組，請前往Webayt管理面板左側選單中的「模組」部分，然後進入分段滑桿模組頁面。

模組 → 分段式滑桿模組

此頁面列出了先前新增的輪播圖元素。您可以新增新的輪播圖元素、編輯現有輪播圖元素，或根據需要刪除它們。

輪播列表螢幕

分段式滑桿模組在其主螢幕上以表格形式顯示新增的滑桿元素。此清單包含滑桿圖像、標題、分組資訊、序列值和狀態資訊。

通常可以在商品清單介面執行以下操作：

• 查看目前滑桿元素
• 進入新增滑桿的介面。
• 編輯滑桿元素
• 刪除滑桿元素
• 控制滑塊的啟動或非激活狀態。

此畫面可讓您快速控制分段滑桿區域中包含哪些元素以及它們的顯示順序。

如何新增的多段式滑桿？

若要新增的分段式滑桿元素，請使用「插入滑桿」標籤。在此畫面上，您可以定義滑桿的文字、圖像、按鈕資訊、顏色設定、分組選擇、順序值和狀態。

1. 登入Webayt管理面板。
2. 從左側選單開啟“模組”部分。
3. 轉到“分段式滑桿模組”頁面。
4. 點選「新增滑桿」標籤。
5. 請填寫輪播圖的標題和描述欄位。
6. 請輸入按鈕文本，如有必要，請輸入按鈕連結。
7. 上傳或選擇一張圖片作為輪播圖。
8. 選擇背景色、標題色和描述色。
9. 如有必要，請選擇一個小組。
10. 設定滑桿的順序值。
11. 將其狀態設為開啟或關閉。
12. 點選「新增」按鈕儲存滑桿元素。

滑桿添加完成後，即可在對應的模組區域中使用。

如何使用標題欄位？

標題列用於顯示輪播圖上突出顯示的主要資訊。由於它是訪客最先註意到的文本之一，因此建議保持標題簡短、清晰、易於理解。

標題欄位可用於反白您要推廣的服務、活動、功能或推薦資訊。

如何使用描述欄位？

描述欄位用於輸入更詳細的文字，作為標題的補充說明。此欄位可以簡要解釋滑桿的功能、為使用者提供的功能或其重要性。

建議描述文字不要過長。由於輪播圖區域通常需要快速瀏覽，因此簡短有效的文字效果更佳。

如何使用按鈕文字和按鈕連結？

按鈕文字用於確定滑桿上顯示的按鈕文字。例如，可以使用簡短的指示性文本，例如「查看詳情」、「取得報價」、「立即開始」或「聯絡我們」。

按鈕連結指定使用者點擊按鈕後將被重定向到的頁面連結。此欄位可以重新導向至服務頁面、方案頁面、聯絡頁面或其他內容。

如果按鈕不打算使用，則可以根據主題結構將按鈕文字或按鈕連結留空。但是，如果要使用按鈕，請確保連結指向正確的頁面。

如何利用視覺空間？

在分段式滑桿模組中，可以為每個滑桿元素選擇一張圖片。圖片可以增強滑桿的視覺效果，並提供與文字相輔相成的敘述性資訊。

上傳圖片時，應注意檔案大小和支援的檔案類型。優先上傳符合面板中指定檔案規則的圖片。

有關一般圖像上傳程序的詳細信息，您可以查看“如何在 Webayt 面板中上傳圖像？”指南。

背景顏色的作用是什麼？

“背景顏色”設定用於確定對應滑桿元素的背景顏色。這樣，您可以為每個滑桿元素創建不同的視覺氛圍。

選擇背景顏色時，應注意確保其與圖片、標題和描述文字的顏色協調一致。如果使用過深或過淺的顏色，也應檢查文字的可讀性。

如何使用標題顏色和描述文字顏色？

標題顏色決定了滑桿標題的顯示顏色。描述文字顏色管理描述區域中文字的顏色。

這些顏色應與滑桿的背景色相符。使用淺色文字搭配深色背景，或使用深色文字搭配淺色背景，可以提高可讀性。

在選擇顏色時，既要考慮品牌一致性，也要考慮使用者體驗。

分組的目的是什麼？

分組選擇功能可讓您將滑桿元素與特定群組關聯。此欄位可用於根據不同的使用場景分隔分段式滑桿元素，或在相關模組顯示中列出屬於特定群組的滑桿。

如果您只想在頁面上顯示特定群組中的滑桿元素，可以選擇該群組。一般情況下，可以選擇預設群組。

有關群組的更多詳細信息，您可以查看“如何使用群組”指南。

排隊區域的用途是什麼？

順序欄位用於決定滑桿元素的顯示順序。

如果存在多個滑桿元素，它們的排序值會影響它們在前端的排列方式。根據主題結構，排序值較低的滑桿元素可能會更早顯示。

為了確保滑桿流暢運行，系統地規劃序列值很有幫助。

「狀態」欄位的用途是什麼？

「狀態」欄位決定滑桿元素是否會顯示在網站上。

• 開啟：滑塊元素在網站上可見。
• 關閉：滑桿元素仍保存在面板中，但不會顯示在網站上。

與其刪除想要暫時停用的滑桿元素，不如設定為關閉。這樣，您以後可以重新啟用它們。

如何更新分段式輪播圖？

若要更新現有的分段滑桿元素，您可以點選清單畫面中該元素旁的「編輯」按鈕。

在輪播圖更新介面，您可以編輯標題、描述、按鈕文字、按鈕連結、圖片、顏色設定、分組選擇、順序和狀態欄位。修改完成後，點選「更新」按鈕儲存輪播圖。

滑桿更新介面可能還會包含一個「要更新的清單」欄位。此欄位用於指定在多語言環境中要更新哪些語言清單。

有關此主題的更多詳細信息，您可以查看指南“如何使用更新列表？” 。

刪除分段滑桿

如果不再需要某個滑桿元素，可以使用清單畫面上的「刪除」按鈕將其刪除。

刪除滑桿時，對應的項目會從分段滑桿清單中移除。如果以後可能再次需要使用該項目，將其狀態設為「已關閉」可能比刪除它更安全。

如何為頁面新增分段式輪播模組？

在分段式滑桿模組中建立滑桿元素後，這些元素即可在系統中使用。但是，要使這些滑桿元素顯示在頁面上，可能需要在該頁面的模組管理區域中使用分段式滑桿模組。

有關如何向頁面添加模組的詳細信息，您可以查看“如何向頁面添加模組？”指南。

分段式滑桿和滑桿模組的區別

滑桿模組主要用於管理視覺橫幅。而分段式滑桿模組則在圖像旁邊提供了其他區域，例如標題、描述、按鈕和顏色設定。

簡要地：

• 滑塊模組：用於以視覺橫幅為中心的滑塊結構。
• 分段式滑桿模組：用於包含圖像、文字、按鈕和顏色設定的更具描述性的滑桿區域。

使用分段滑桿時應考慮哪些因素？

分段式輪播區是吸引訪客注意力的關鍵元素之一。因此，視覺效果、文字和顏色必須整體協調一致。

• 寫一個簡短而吸引人的標題。
• 描述文字不要寫得太長。
• 建立帶有清晰指示性短語的按鈕文字。
• 請檢查按鈕連結是否重定向到正確的頁面。
• 請確保圖片與輪播圖設計相容。
• 確保背景色和文字顏色清晰易讀。
• 按計劃確定訂單價值。
• 不要刪除未使用的滑桿元素，而是考慮將其關閉。
• 如果使用分組選擇，請確保選擇正確的分組。
• 更新完成後，檢查頁面在前端的顯示效果。

概括

Webayt CMS 中使用分段滑桿模組來建立包含圖像、標題、描述、按鈕和顏色設定的進階滑桿區域。

此模組可讓您使輪播圖元素更具描述性，並引導訪客造訪特定頁面。建議在更新後執行前端檢查，以確保輪播圖元素以正確的順序顯示，且顏色、圖像和連結均正確無誤。