註解：
Adobe Muse 不再增加新功能，並將於 2020 年 3 月 26 日停止支援。如需詳細資訊和協助，請參閱 Adobe Muse 終止服務頁面。
Adobe Muse 中的排版 Widget 可讓您將複雜的互動功能新增至網站。無論是攝影網站或餐廳網站，排版 Widget 對於要顯示各種內容的任何網站而言簡直就是不可或缺的工具。您無需撰寫任何程式碼，即可使用這些 Widget 來建立獨有的導覽和瀏覽體。
Adobe Muse 提供數種「排版」Widget 類型，讓您新增和設計各式各樣的網站內容。例如，若您是要建立攝影網站的使用者，您可以選擇「影像預視燈箱顯示」Widget 來突顯網站的相片收藏館。此 Widget 會暫時使頁面其餘部分變暗，讓訪客注意力集中在作用中的顯示區域。
您也可以將 Widget 嵌套在排版 Widget 中，創造出有趣的網頁設計。例如，若您正在設計目錄，則可使用「空白排版」Widget 來建立漢堡菜單，並且將「幻燈片展示」Widget 嵌套於「空白排版」Widget 的「目標」區域。這類設計可為網站訪客提供獨特的使用者體驗。
請繼續閱讀，以瞭解 Adobe Muse 中可使用的排版 Widget 類型。
排版 Widget 包含兩個容器：觸發與目標。觸發區域為網站訪客點擊的區域，而目標區域則為顯示的對應區域。您可以連結觸發與目標區域，為網站增添複雜性與互動性。
Adobe Muse 提供下列類型的排版 Widget。您可以根據設計需求使用其中一種 Widget，或經由嵌套方式使用 Widget 組合。
如要在 Adobe Muse 中新增和使用排版 Widget，請選取您要新增的排版 Widget，然後將其拖曳到「設計」視圖。由於這些 Widget 預設能自適應調整，因此您會看到 Ｗidget 在不同的中斷點間流動。如果您想要變更排版 Widget 的位置或內容，可以針對特定中斷點，將個別 Widget 元素修改、調整大小及固定位置。
依照此程序操作，即可在版面中新增排版 Widget。
-
使用「選項」面板設定排版 Widget您可以從「選項」面板進行下列設定：
- 位置：指定目標區域位於頁面上的何處。若要讓目標重疊，請選取「堆疊」；若要將目標放在不同位置，請選取「散佈」。若要使頁面其餘部分變暗，請選取「影像預視燈箱」。
- 顯示目標：指定使用者按一下觸發時的目標行為設定。
- 隱藏目標：指定隱藏目標的設定。除非使用者按一下觸發，否則目標區域會維持隱藏。
- 轉變：指定當使用者按一下觸發或將游標指向觸發時，目標區域中的內容會如何變化。選擇「淡化」可使新目標淡入，「水平」會以水平滑動方式帶入目標，「垂直」則以垂直滑動方式帶入目標。
- 轉變速度：針對排版 Widget 指定轉變的速度。如果您希望立即轉變，請選取「無」。
- 自動播放：設定此選項後，即可在您的網站上建立幻燈片展示。如果您選取此選項，幻燈片不需要使用者互動就會自動播放。
- 隨機排列：如果您想要依隨機順序顯示目標，則可選取此選項。
- 將觸發置頂：選取此選項後，即可將觸發放置在目標容器之上。您也可以在「圖層」面板上看到相同的階層。
- 啟用撥動：選取此選項後，即可為觸控裝置啟用撥動動作移至下一個目標的功能。
- 最初全部隱藏：如果您想要在網站最初載入時隱藏所有目標選項，則可選取此選項。若要查看目標，使用者必須按一下相應的觸發。
- 自動預視燈箱：如果您想要在網站載入時自動顯示影像預視燈箱，則可選取此選項。
- 組件：選取「上一個」、「下一個」或「關閉按鈕」選項，即可為您的 Widget 新增額外的互動功能。使用者可以按一下網站上的「上一個」、「下一個」及「關閉」選項。
- 編輯：選取「編輯時顯示影像預視燈箱組件」，即可在您編輯 Ｗidget 時於「設計」視圖中顯示目標區域。選取「在設計模式中全部顯示」，即可在「設計」視圖中同時檢視所有目標容器。
進行排版 Widget 的設定註解：
您從「位置」下拉式清單中選擇「散佈」或「堆疊」當作選項後，「編輯時顯示影像預視燈箱組件」選項即會停用。
如果您選取「自動預視燈箱」選項，「最初全部隱藏」選項即會停用。
排版 Widget 依預設為流動或自適應。若要在自適應版面中新增及使用排版 Widget，請執行下列任一步驟：
- 若您是使用最新版 Adobe Muse 建立新的自適應網站，請從「Widget 資料庫」面板將排版 Widget 拖移到「設計」視圖中。
- 若您使用的是 Adobe Muse 2017.0.3 或較舊版本，則排版 Widget 不是自適應。在這種情況下，請使用最新版 Adobe Muse 開啟您的 .muse 檔案。選取 Widget 內部的元素，然後選擇「調整大小」選項當作「自適應寬度」或「自適應寬度和高度」(視何者適用而定)。
註解：
您無法選取整個 Widget 以及變更「調整大小」屬性。選取 Widget 中的個別元素或多個元素，使其成為自適應。
遵循新增並設定排版 Widget 中提及的步驟設定您的 Widget。設定 Widget 以及為其設定樣式之後，您即可在瀏覽器中預視 Widget 或使用定位桿及調整大小。您將發現 Widget 會依據螢幕尺寸自動調整大小。
註解：
當您在自適應版面中新增排版 Widget 時，建議您先在最大的中斷點配置您的設計。完成在最大的中斷點放置及設定 Widget 之後，即可在所需的任意位置新增其他中斷點。
若要深入瞭解針對自適應版面設計您的網站，請參閱在自適應設計中配置物件。
排版 Widget 最獨特的其中一項功能即是支援在排版 Widget 中嵌套其他 Widget。也就是說，您可以在排版 Widget 內部新增表單、幻燈片展示或選單項目等 Widget。
例如，您可以在烹飪網站上於專題新聞 Widget 的目標容器內部新增幻燈片展示 Widget。當網站訪客按一下選單標籤 (專題新聞 Widget) 時，內含收藏館的目標區域即會以幻燈片展示顯示。
您也可以將聯絡表單新增為目標，如此當使用者按一下聯絡標籤時，便會立即來到聯絡表單。
您可以藉由嵌套方式實現更多組合及設計的可能性。但是當您在自適應版面中設計嵌套 Widget 時，請注意下列幾個層面：
- 「固定」不適用於非自適應容器內部嵌套的自適應元素。
- 當您將物件置入非自適應容器時，這些物件將不會是自適應設計。
註解：
當您在排版 Widget 內部嵌套 Widget 時，建議您不要使用超過三層的嵌套。
您可以設定排版 Widget 來建立有子選單的網站導覽。您可以建立選單項目，此選單項目將在訪客將游標指向作用中區域時顯示子選單，並在游標移開觸發子選單開啟之作用中區域時，隱藏同一個子選單。您也可以設定 Widget，在訪客未按下子選單中的任何連結而直接將游標移開子選單的情況下，隱藏子選單。當您為含有許多不同子區段的網站建置導覽列時，建立這些類型互動式子選單的功能相當便利。
「顯示目標」和「隱藏目標」選單在您想重複網站中的常見選單行為時非常實用。訪客可選擇按一下連結，或者將游標指向視窗區域以外的位置，以隱藏視窗。當此選項啟用時，不需要按一下「關閉」按鈕也能隱藏子選單。
此功能可在使用下列「排版」Widget 時使用：
- 空白
- 專題新聞
- 工具提示
「選項」面板提供兩種設定來顯示目標容器：
- 按下滑鼠：當使用者按一下時顯示目標
- 滑鼠指向效果：當使用者將游標指向觸發時顯示目標
您也可以選擇在排版 Widget 中隱藏目標容器。下列是隱藏目標容器的四個選項：
- 無
- 按下滑鼠
- 滑鼠移開時
- 滑鼠移開觸發和目標時
在下節中，您將瞭解如何使用滑鼠指向效果行為來顯示目標容器，以及在滑鼠移開觸發容器和目標容器時隱藏目標容器。
請依照下列步驟來瞭解如何啟用「排版」Widget 的「滑鼠移開時隱藏」設定，以建立依訪客互動隱藏和顯示子選單連結的選單列：
