共用方式為

管理 CSS 檔案

  • 發行項

階層式樣式表 (CSS) 可讓您控制網站的格式及樣式設定。

根據預設，新的 Power Pages 網站會將 bootstrap.min.css、theme.css 和 portalbasictheme.css 檔案安裝為網站範本的一部分。

您可以使用樣式工作區來修改樣式，也可以上傳自己的自訂 CSS 檔案。

上傳新的自訂 CSS 檔案時，此檔案可做為入口網站管理應用程式中的網頁檔案使用。

注意

Power Pages 網站使用 Bootstrap 3.3.x。 網站開發人員不可將 Bootstrap 3 取代為其他 CSS 程式庫，因為 Power Pages 的部分案例相依於 Bootstrap 3.3.x。 其他資訊：Bootstrap 概觀。

在樣式工作區中管理自訂 CSS 檔案

  1. 移至 Power Pages。

  2. 在需要新增頁面的網站上選取編輯。

  3. 選取樣式工作區。

  4. 在樣式工作區的其他選項底下，選取管理 CSS 選項。

    使用設計工作室管理 CSS 檔案。

上傳 CSS 檔案

在管理 CSS 面板中會顯示預設 CSS 檔案的清單：

  • bootstrapmin.css
  • theme.css
  • portalbasictheme.css

若要上傳自訂 CSS 檔案，請選取上傳，並選擇您的自訂 CSS 檔案。

使用設計工作室上傳 CSS 檔案。

注意

  • 您可以上傳大小最多為 1 MB 的自訂 CSS 檔案。
  • 上傳自訂 CSS 檔案之後，預覽就會反映在右側。
  • 上傳的自訂 CSS 檔案將適用於所有主題。

更多選項

選取自訂 CSS 檔案右側的 ... (省略符號)，在其中可將檔案的優先順序調高或調低，以及停用自訂 CSS 檔案。

Note

底端列出的 CSS 檔案會有較高的優先順序，表示如果兩個檔案包含相同屬性的更新，則會套用位於清單較下方之檔案中所包含的更新。

CSS 檔案的優先順序。

架構

任何自訂 CSS 檔案的優先順序皆低於預設 portalbasictheme .css，且高於 theme.css。 這項優先順序設定是為了鼓勵使用現成可用樣式選項的樣式面板來自訂樣式。

Note

建議僅將自訂 CSS 用於設定樣式窗格中未現成提供之樣式的格式。

警告

不要停用、刪除或變更任何預設 CSS檔案的顯示順序 (bootstrap.min.css、theme.css 或 portalbasictheme.css)。 否則會在設計工作室中看到錯誤。
使用入口網站管理應用程式來更新 CSS 檔案。
開啟入口網站管理應用程式，並還原預設 CSS 檔案的預設狀態和顯示順序，以解決問題。

刪除自訂 CSS 檔案

  1. CSS 檔案會儲存為 Web 檔案。 若要移除自訂 CSS檔案，請移至入口網站管理應用程式，並選取 Web 檔案。

  2. 找出自訂 CSS 檔案記錄。 您可能需要篩選名稱和網站值，才能找到正確的記錄。

  3. 選取 Web 檔案記錄之後，請選取刪除。

  4. 在設計工作室中，選取同步設定，以從自訂 CSS 中清除樣式變更。

請參閱