SharePoint Online：如何更改现代网站页面中的标题横幅图像？

要求：更改现代网站页面上的标题横幅图像。

如何更改 SharePoint Online 网站页面中的标题背景图像？

标题横幅图像用作背景，并对 SharePoint Online 中的新式页面产生视觉影响。在本指南中，我们将了解在 SharePoint Online 中的新式网站页面上更改横幅图像的步骤。以下是如何更改 SharePoint Online 上“网站页面”上的默认标题图像：

1. 导航到现代网站页面。例如，https://crescent.sharepoint.com/sites/marketing/SitePages/About-Us.aspx

2. 单击右上角区域的“编辑”按钮。

   

3. 单击顶部标题区域将其选中，然后单击小图像图标，如下所示。

   

4. 您可以上传新图像、使用 URL 或从网站选择现有图像作为横幅。选择后，拖动并设置焦点。

5. 保存并发布页面。

   

SharePoint 横幅尺寸： 以下是 Microsoft 提供的 SharePoint Online 新式页面横幅图像尺寸建议：SharePoint Online 横幅图像尺寸参考

PnP PowerShell 更改横幅图像

或者，您也可以通过 PowerShell 更改标题背景图像。以下是用于更改网站页面上横幅图像的 PnP PowerShell 脚本：

#Parameter
$SiteURL= "https://crescent.sharepoint.com/sites/marketing/"
$PageName = "About-us.aspx"
$PageHeaderImage = "/sites/marketing/images/banner.png"  #Server Relative URL

#Connect to PnP Online
Connect-PnPOnline -Url $SiteURL -Credentials (Get-Credential)

#Get Client Side Page
$Page = Get-PnPClientSidePage -Identity $PageName

#Set page header image
$Page.SetCustomPageHeader($PageHeaderImage)

#Save and publish the page
$Page.Save()
$Page.Publish() 

此脚本使用 Connect-PnPOnline cmdlet 连接到 SharePoint Online、获取页面并设置标题图像。

将横幅图像添加到网站页面库中的所有页面

如果您想更改“网站页面”库中所有页面的横幅图像怎么办？

#Parameter
$SiteURL= "https://crescent.sharepoint.com/sites/marketing"
$LibraryName = "Site Pages"
$PageHeaderImage = "/sites/marketing/SiteCollectionImages/banner.png"

#Connect to PnP Online
Connect-PnPOnline -Url $SiteURL -Credentials (Get-Credential)

#Get all Pages from the Library
$Pages = Get-PnPListItem -List $LibraryName

#Loop through each Page 
ForEach($Page in $Pages)
{
    #Get the Modern Site Page - Errors on Classic Pages
    $ClientSidePage = Get-PnPClientSidePage -Identity $Page.FieldValues.FileLeafRef -ErrorAction SilentlyContinue

    If($ClientSidePage)
    {
        Set-PnPPage -Identity $ClientSidePage -HeaderType Custom -ServerRelativeImageUrl $PageHeaderImage -Publish  #-TranslateX 5.2 -TranslateY 10.5
        Write-host -f Green "Changed Banner in Page:"$Page.FieldValues.FileRef
    }
}

总之，您可以通过 Web 浏览器 UI 或 PowerShell 执行几个简单的步骤来更改 SharePoint Online 新式页面中的标题背景图像，如上所述。