使用主圖網頁組件

附註: 我們想要以您的語言,用最快的速度為您提供最新的說明內容。 本頁面是經由自動翻譯而成,因此文中可能有文法錯誤或不準確之處。 讓這些內容對您有所幫助是我們的目的。 希望您能在本頁底部告訴我們這項資訊是否有幫助。 此為英文文章出處,以供參考。

將焦點和視覺效果至您的頁面與主圖網頁組件。 您可以顯示主圖網頁組件中多達五個項目,並以強調每個使用引人注目的影像、 文字和連結。 [主圖] 網頁組件預設會包含在通訊網站中,但您也可以將 [主圖] 網頁組件新增到其他頁面。

附註: 

  • 某些功能會逐漸推出給已加入首已設定目標發行計劃的組織。 這表示您可能還無法看到此功能,或看起來可能與說明文章中描述的不一樣。

  • 您必須具備編輯權限來建立頁面。 如果您是擁有者,但您無法新增頁面,您的系統管理員可能已關閉執行此作業的功能。

內容

通訊網站上的主圖網頁組件: 主題和展示

當您建立通訊網站時,則主圖網頁組件預設會包含在頁面上。 它是預先填入預設影像、 文字和變更展現您自己的影像、 文字、 頁面、 連結或文件的連結。

當您選取類型的通訊網站,您想要的主題時,預設的示範用圖像就會是五個磚 (如此您可以變更一到 5) 磚塊式並排版面配置:

通訊網站上的主圖網頁組件

當您選取展示通訊網站,您想要的類型時,將預設主圖是三個層級 (如此您可以變更一到五層) 的垂直版面配置:

展示示範用圖像

您可以變更主圖網頁組件的版面配置從格線垂直圖層,使用 [編輯網頁組件] 按鈕 網頁組件編輯] 按鈕 ,而您可以變更的連結、 影像和文字的每個磚或使用編輯詳細資料] 按鈕 編輯詳細資料 針對各個圖層磚或圖層。

英雄編輯按鈕

1.編輯網頁組件] 按鈕

2.編輯詳細資料] 按鈕

變更主圖網頁組件的版面配置

觀看這段影片,瞭解如何完成,或遵循影片下方的步驟。

您的瀏覽器不支援視訊。 請安裝 Microsoft Silverlight、Adobe Flash Player 或 Internet Explorer 9。
  1. 如果您還不是在編輯模式中頁面上,按一下 [編輯最上方頁面右上方。

  2. 按一下網頁組件編輯網頁組件] 按鈕 網頁組件編輯] 按鈕 左側,然後選取您想要的版面配置類型,-您可以選取最多 5 磚 (例如的主題網站上),或最多 5 層級 (例如,展示網站上)。

    主圖版面配置選項 主圖版面配置選項

變更影像、 文字和連結的每個磚或圖層

觀看這段影片,瞭解如何完成,或遵循影片下方的步驟。

您的瀏覽器不支援視訊。 請安裝 Microsoft Silverlight、Adobe Flash Player 或 Internet Explorer 9。
  1. 如果您還不是在編輯模式中頁面上,按一下 [編輯最上方頁面右上方。

  2. 按一下 [編輯詳細資料 編輯詳細資料 磚或您想要變更的圖層的右下角。

  3. 在工具箱],按一下 [變更],然後選擇要從中取得您連結的位置:

    • 最近: 如果您最近開啟的圖像、 頁面或文件可以看到他們列於此處。

    • Web 搜尋: 您可以尋找影像從 Bing 利用創意常見的授權。 您必須負責檢閱] 頁面上插入之前授權圖像。 SharePoint Online只。

    • OneDrive: 您可以取得文件或儲存在 OneDrive 的圖像連結。 SharePoint Online只。

    • 網站: 您可以從您指定的網站文件、 圖像或頁面取得連結。

    • 上傳: 您可以上傳文件或從個人裝置的影像。

    • 從連結: 企業版或 SharePoint Online 從 OneDrive 輸入連結的頁面、 文件或影像。

  4. 選取您的圖像、 頁面或文件,然後按一下 [開啟]。

  5. 在工具箱] 底下的影像,選取自訂影像] 或 [僅限色彩只有色彩是可用只會對應到您網站的佈景主題色彩磚版面配置及色彩)。

    如果有的話自動選取] 選項會自動從頁面或文件,您要連結至],選取影像。

  6. 輸入影像的替代文字

  7. 選項:

    • 您可以顯示呼叫動作] 連結,只要將開關切換為 [是]。 接著,新增您呼叫動作文字(例如,「 深入了解 」)。 使用的各個圖層中的分層的版面配置,但僅適用於磚塊式並排的版面配置中的最大磚呼叫動作] 連結。

    • 為分層的版面配置,您也可以顯示主題標題的各個圖層主題標題將開關切換為 [是]。 然後新增您的主題標題文字

變更焦點的圖像

在 SharePoint Online 中,您可以變更框架中取得的最重要的部分圖片的主圖網頁組件中已選取影像的視圖。

  1. 如果您還不是在編輯模式中頁面上,按一下 [編輯最上方頁面右上方。

  2. 按一下 [設定視圖 設定焦點] 按鈕 在工具列在您想要變更的示範用圖像下方]。

  3. 拖曳視圖影像中您要的位置。

    焦點

重新排列磚或圖層

您可以將您想要的位置,以重新排列磚或圖層。

  1. 如果您還不是在編輯模式中頁面上,按一下 [編輯最上方頁面右上方。

  2. 按一下並按住 [移動項目] 按鈕,然後拖曳磚或圖層您想要。

    英雄移動項目

將主圖網頁組件放在一欄

主圖網頁組件可以佔據整個頁面的寬度。 如果您想而主圖網頁組件是否不佔用全寬,您可以新增將它移到資料行的不是完整的寬度。

觀看這段影片,瞭解如何完成,或遵循影片下方的步驟。

您的瀏覽器不支援視訊。 請安裝 Microsoft Silverlight、Adobe Flash Player 或 Internet Explorer 9。
  1. 如果您目前不在編輯模式中,按一下 [編輯頂端頁面右上方。

  2. 正上方的示範用圖像網頁組件中,將游標,然後按一下圈起來的+左側的網頁組件

  3. 區段版面配置] 底下選取一欄。

    一欄
  4. 在網頁組件的左側,使用移動網頁組件] 按鈕,將主圖網頁組件拖曳到您剛才新增的資料行。

    移動網頁組件] 按鈕

    移動示範用圖像

空白主圖網頁組件新增至頁面

您可以新增主圖網頁組件至小組網站還是通訊網站中的頁面。 方法如下:

  1. 如果您還不是在編輯模式中頁面上,按一下 [編輯最上方頁面右上方。

  2. 您在頁面上,將游標上方或下方到現有網頁組件,您會看到有圈起來+,像這樣的線條:

    用於將網頁組件新增至頁面的加號

    按一下 [ +,,然後選擇 [主圖網頁組件。

    為空白狀態主圖網頁組件
  3. 按一下 [網頁組件編輯按鈕 網頁組件編輯] 按鈕 ,然後選取可能用於 5 磚格線 1,-依您想要的版面配置或 1 至 5 個垂直圖層的類型。

  4. 針對您想要變更每個磚,按一下 [選取連結]。

  5. 每個磚,在工具箱],按一下 [選取],然後選擇要從中取得您連結的位置:

    • 最近: 如果您最近開啟的圖像、 頁面或文件可以看到他們列於此處。

    • Web 搜尋: 您可以尋找影像從 Bing 利用創意常見的授權。 您必須負責檢閱] 頁面上插入之前授權圖像。 SharePoint Online只。

    • OneDrive: 您可以取得文件或儲存在 OneDrive 的圖像連結。 SharePoint Online只。

    • 網站: 您可以從您指定的網站文件、 圖像或頁面取得連結。

    • 上傳: 您可以上傳文件或從個人裝置的影像。

    • 從連結: 企業版或 SharePoint Online 從 OneDrive 輸入連結的頁面、 文件或影像。

  6. 選取您的圖像、 頁面或文件,然後按一下 [開啟]。

  7. 在工具箱] 底下的影像,選取自訂影像] 或 [僅限色彩。 如果有的話自動選取] 選項會自動從頁面或文件,您要連結至],選取影像。 彩色僅可只適用於磚版面配置],並且對應至您網站的佈景主題色彩的色彩。

  8. 輸入影像的替代文字

  9. 在 [選項] (僅限SharePoint Online ):

    • 您可以顯示呼叫動作] 連結,只要將開關切換為 [是]。 接著,新增您呼叫動作文字(例如,「 深入了解 」)。 使用的各個圖層中的分層的版面配置,但僅適用於磚塊式並排的版面配置中的最大磚呼叫動作] 連結。

    • 為分層的版面配置,您也可以顯示主題標題的各個圖層主題標題將開關切換為 [是]。 然後新增您的主題標題文字

縮放比例主圖網頁組件中的圖像

若要針對將主圖網頁組件選擇最佳大小的影像,請考慮下列事項:

  • 網頁組件的設計的螢幕寬度納入跨版面配置。

  • 版面配置中的網頁組件的高度縮放遵循 4:3 長寬比 8:3 和影像內的網頁組件縮放比例的長寬比。

  • 圖層]版面配置],在個別的圖層縮放 8:3 和長寬比,9:16 靠近每個圖層配合內的影像的長寬比。

附註: 您可以新增連結至視訊或主圖網頁組件上傳視訊。 不過,無法播放視訊的網頁組件中。 使用者可以按一下視訊的連結,並會移至視訊的播放程式] 或 [連結來源,來檢視視訊。

增進您的 Office 技巧
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與其中一位 Office 支援專員連絡以深入了解您的意見。

×