變更背景或主題

您可以為頁面、頁面上的個別槽位以及槽位內的區段版面配置，指定背景色彩和影像。您也可以變更網站的整個主題。

槽位是橫跨頁面寬度的區域，可包含一或多個類型的內容。您為槽位指定的背景會套用到整個槽位及槽位中所有的元件。

變更背景

背景會彼此層層相疊。如果您指定槽位的背景，此背景會疊在為該頁面所指定背景的「上面」。對於大多數的影像與色彩而言，上層會覆蓋下層。如果您在背景色彩或影像中使用透明度，則下層色彩會穿透或融合於上層色彩。

有些元件 (例如段落與標題) 可提供背景色彩，作為預先定義樣式的一部分或作為自訂樣式。如果您為元件指定背景色彩，它將會層疊在任何區段版面配置、槽位或頁面背景上。請參閱使用樣式和格式。

頁面、槽位以及區段版面配置的背景選項雖然相似，但它們的存取方式卻略有不同：

  1. 開啟網站進行編輯。

  2. 瀏覽至您要編輯的頁面，並確定 「編輯」開關 已設為編輯。

  3. 變更頁面或槽位的背景：

    • 按一下提要欄位中的 「設計」圖示，然後按一下 「背景」圖示。

    • 若要指定整個頁面的背景，請按一下完成頁面，然後按一下 設定值。若要指定頁面上槽位的背景，請選取槽位，然後按一下 設定值。

  4. 變更區段版面配置的背景：

    • 按一下區段版面配置的功能表圖示 「元件功能表」圖示，然後選擇設定值。

    • 按一下背景。頁面、槽位以及區段版面配置的背景選項都相同。

  5. 若要使用影像作為背景，請按一下選取影像。您可以使用您能夠存取的任何位置中的影像。您也可以使用與您共用的影像，或是您從本機或網路檔案位置上傳的影像。

  6. 請選取影像，然後按一下確定。視窗會顯示所有可用的檔案。選擇適用於相關資訊環境的檔案類型。例如，假設您要選擇影像檔，請選取有效的影像格式 (GIF、JPG、JPEG、PNG 或 SVG)。

  7. 若要調整影像設定值：

    • 使用位置將影像放置在頁面或槽位中。

    • 選取比例選項調整影像的呈現方式：

      • 最適大小：將影像調整到整個影像裝入可用空間，但影像不扭曲。

      • 延伸：將兩個尺寸 (寬度或高度) 中較大尺寸調整到能剛好裝入可用空間，較小尺寸則延伸以填滿可用空間。
      • 無：以完整的像素解析度使用影像，如果影像無法裝入可用空間，則會剪裁成統一的大小。

    • 選取重複選項，讓太小而無法填滿可用空間的影像並列顯示。您選取的比例選項為延伸時，則不適用此選項。

    • 選取不隨頁面捲動，讓使用者捲動頁面時影像保持不動。

  8. 若要選取背景色彩，請從色彩功能表中選擇色彩，或按一下其他從完整的色彩選項中選取色彩。

    • 按一下右側的色譜列可選擇色彩，並在色彩範圍顯示中顯示色彩的變化。此畫面的右上角顯示所選色彩，以及所選色彩的濃淡；向左移動會增加白色的量，向下移動會增加黑色的量。

    • 若要選取色彩的變化，請在色彩範圍顯示內按一下，或按一下選取點並拖曳到新的色彩位置。目前的色彩方塊和 6 位數色碼會顯示您選取的色彩。

    • 若要調整透明度 (Alpha 色頻)，請按一下透明度滑桿並向左拖曳，以增加透明度。Alpha 值為 0%，則色彩為透明，讓下層的色彩與內容能完全穿透顯示。Alpha 值為 100% 可讓色彩完全不透明，遮住下層所有的色彩與內容。其他的值可讓下層的影像與色彩穿透，並使其色彩與上層的色彩以不同的程度融合。

    • 若要套用目前選取的色彩，請按一下選擇。

變更主題

當您按一下儲存時，系統會將您對主題所做的變更記錄為更新。除非您發布更新項目，否則主題變更不會套用至網站。

註：

並非所有主題都彼此相容。不同的主題會包含不同的導覽、樣式名稱或頁面版面配置資訊。例如，假設您選擇的主題含有不同的版面配置名稱，則現有頁面的版面配置可能無法在該主題中使用。屆時相關頁面會一片空白。頁面其實並未刪除，只是無法顯示。您選擇的主題必須具有相同名稱的版面配置和槽位，頁面才會正常顯示。如果您選擇了不相容的主題，只要將主題變更回原始主題，即可回復頁面內容。

切換時，務必使用相容的主題。如果您無法確定，請與主題開發人員確認。

變更網站使用的主題：

  1. 開啟網站進行編輯。

  2. 按一下提要欄位中的 「設計」圖示，然後按一下 「主題」圖示。

  3. 從可用的主題清單中選取主題，然後按一下確定。主題會套用至目前的更新項目中。若要儲存目前更新項目中的所有擱置中變更，請按一下儲存。