共用方式為


編輯網站頁首

編輯網站的頁首,將品牌套用至 Power Pages 網站。 您可以:

  • 更新網站頁首,並新增您組織的標誌。
  • 提供標誌影像的替代文字。
  • 變更色彩和字型。
  • 預覽網站的回應式配置。

在頁面工作區中,將游標暫留在頁首元件上,並選取編輯網站頁首按鈕。 編輯選項會出現在頁面工作區的視窗中。

[編輯網站頁首] 按鈕的螢幕擷取畫面,此按鈕會在您將游標暫留在頁面工作區的頁首上時出現。

變更網站的標題,並在頁首編輯視窗的標題 + 標誌區段中變更或移除標誌。 您也可以使用 Liquid 程式碼進行自訂

頁首編輯視窗中標題與標誌選項的螢幕擷取畫面。

  • 網站標題底下的方塊中輸入網站的標題。
  • 若要使用不同的標誌,請選取上傳影像,然後依照提示選取影像檔案。
  • 替代文字底下的方塊中,輸入標誌影像的替代文字。
  • 若要完全移除頁首中的標誌,請關閉網站標誌切換。

使用 Liquid 來自訂標題和標誌

頁首是由三個使用 Liquid 標記語言的內容片段所組成。

內容片段 Liquid 語法
網站名稱 {{ snippets['Site name'] }}
標徽 URL {{ snippets['Logo URL'] }}
標誌替代文字 {{ snippets['Logo alt text'] }}

如果在程式碼中變更標題和標誌,這些變更會覆寫您在頁首編輯視窗中所做的任何變更。 當這些變更無法進行編輯時,會顯示以下訊息:Your updates may not show on the site because of customizations to the code made by someone in your org.

在入口網站管理應用程式中修改頁首,讓頁首程式碼與您在頁首編輯視窗中所做的變更相符。

設定樣式

在頁首編輯視窗的樣式區段中變更頁首的樣式。

提示

您也可以透過編輯網站的 CSS 檔案來自訂標題的樣式。

品牌色彩

頁首編輯視窗中樣式選項的螢幕擷取畫面。

  • 選取品牌色彩底下的圓圈,以變更網站頁首所使用的色彩。
  • 選取頁首背景右側的方塊,以變更頁首的背景色彩。
  • 選取標題網站導覽右側的 >,以變更網站標題與導覽元素的類型特性。

Layout

在頁首編輯視窗的配置區段中,預覽網站的回應式配置。

頁首編輯視窗中配置選項的螢幕擷取畫面。

  • 使用 +- 控制項來變更顯示大小。

另請參閱

新增文字
新增按鈕
新增影像
新增影片
新增空白間隔
新增 Power BI
新增清單
新增表單
新增 iFrame
新增多步驟表單
使用 Visual Studio Code 網頁版編輯程式碼
結構網站地圖