教學課程:將頁面新增至 Power Pages 網站

在此教學課程中,您將了解如何將頁面新增至 Power Pages 網站。 您可以使用此頁面將靜態內容 (例如文字或影像) 顯示給您的對象,或用來讓網站訪客可以使用清單及表單,與 Dataverse 的資訊進行互動。

在本教學課程中,您會了解如何:

  • 將新頁面新增至網站
  • 新增和修改頁面上的內容
  • 在網站地圖中移動頁面

先決條件

使用空白配置建立頁面

在這些步驟中,您將使用空白配置來建立頁面。 深入了解 Power Pages 後,您可以使用其他配置,甚至可以建立自己的自訂配置

這段影片概述使用空白配置建立頁面的步驟。

  1. 移至 Power Pages

  2. 在需要新增頁面的網站上選取編輯。 如果您沒有網站,請先建立網站,然後再繼續。

  3. 選取頁面,然後選取主要導覽標題右側的新增頁面圖示 (+)。

  4. 提供頁面名稱,並選取從空白開始頁面配置。

    將頁面新增至網站。

  5. 幾分鐘後,您應該會看到空白頁面,其中已選取要新增至區段的元件。

設計頁面並新增內容

  1. 選取文字圖示。

  2. 輸入頁面的名稱 (例如,我的頁面)。

    • 將樣式變更為標題 1
    • 選取 B 圖示將文字設為粗體。
    • 調整對齊方式,使文字置中顯示

    將文字新增至頁面。

  3. 在文字下方,選取 + 圖示,並選取空白間隔圖示以新增空白間隔元件。

  4. 在空白間隔下方,選取 + 圖示,並選取文字圖示以新增另一個文字區塊。

  5. 將一些文字新增至文字方塊。 使用樣式和色彩進行實驗。

  6. 選取文字下方的 + 圖示,並新增另一個空白間隔。

  7. 選取按鈕元件。

  8. 為按鈕設定下列詳細資料:

    • 按鈕標籤連絡我們
    • 選擇頁面連結
    • 從下拉式清單選取連絡我們頁面。
    • 選取確定
    • 使用屬性功能表將按鈕置中
  9. 選取整個區段,並從屬性功能表選取背景,然後變更區段的背景色彩。

  10. 將區段、元件和色彩新增至頁面,進行實驗。

    範例網頁。

預覽您的頁面

您隨時都可以預覽網站上的頁面外觀。

  1. 從設計工作室的主功能表選取預覽

  2. 選擇桌面讓頁面出現在瀏覽器中,也可以掃描 QR 代碼,在行動裝置上檢視頁面。

在網站地圖中移動頁面

將頁面新增至主要導覽將會新增功能表選項。 使用設計工作室,可以將頁面移到整個網站階層中的不同位置。

這段影片概述在網站地圖中移動頁面的步驟。

  1. 主要導覽底下,選取省略符號 (...) 圖示,並選擇移至其他頁面

    在階層中移動頁面

  2. 此頁面現在應該會出現在其他頁面區段中。 如果立即預覽頁面,則會發現此頁面沒有功能表項目。

  3. 其他頁面底下,再次選取您的頁面,並選擇移至「主要導覽」

  4. 選取頁面並選取省略符號 (...),以使用上移下移選項,在階層中上下移動頁面。

  5. 將頁面移至頁面連結下方。 選取將此設為子頁面選項,使其成為頁面頁面的子頁面。

  6. 預覽頁面,並注意您的頁面如何成為頁面下的子連結,以及 URL 如何反映此頁面現在是子頁面。

    子頁面。

另請參閱

後續步驟

繼續閱讀下一篇文章,了解如何將樣式套用至網站。