How to add a custom image banner to a header of a site using PnP PowerShell?

Question

Hi everyone !

I'm trying to add a custom banner image to my site header but I can't seem to get it working using powershell. I've read some docs such as :
https://pnp.github.io/powershell/cmdlets/Get-PnPWeb.html
https://pnp.github.io/powershell/cmdlets/Get-PnPWebHeader.html
https://pnp.github.io/powershell/cmdlets/Set-PnPWebHeader.html

This is what I found on other forums about this :

Connect-PnPOnline -Url https://XXX.sharepoint.com/sites/test4  
Set-PnPWebHeader -HeaderBackgroundImageUrl "https://XXX.sharepoint.com/sites/test4/Style Library/__extendedHeaderBackgroundImage__getsitelogo.jpg"  
Invoke-PnPQuery  

Can anyone help me?

Thanks,

Answer 1

Hi GithendraPerera-1991,

I believe you are trying to change home page banner image programmatically. You can use PnP Powershell to do that. Follow below steps:

1. Connect your site using
   Connect-PnPOnline -Url $siteUrl -Credential $credential
2. Get Client Side Page
   $myHomePage = Get-PnPClientSidePage -Identity Home.aspx
3. Set custom page header:
   $myHomePage.SetCustomPageHeader('<Server relative Image URL>')
4. Save the page:
   $myHomePage.Save()
5. Publish:
   $myHome.Publish()

----------------------------------------------------------------------------------------------------------------------------------------------------

--If the reply is helpful, please Upvote and Accept as answer--