{"id":1806,"date":"2016-02-03T18:16:29","date_gmt":"2016-02-03T18:16:29","guid":{"rendered":"https:\/\/quietjohn.wordpress.com\/?page_id=184"},"modified":"2024-07-16T08:52:05","modified_gmt":"2024-07-16T08:52:05","slug":"custom-header-image","status":"publish","type":"page","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/how-to\/custom-header-image\/","title":{"rendered":"Custom Header Image"},"content":{"rendered":"\n

You can add a header image to make you blog more attractive.<\/p>\n\n\n\n

NB different themes may work differently. For example they need different sized images or may not support header images.<\/p>\n\n\n\n

The Twenty Twenty-two and Twenty Twenty-three themes that support site editing do not support Header Images. You can achieve the same effect using the Site Editor to edit a template.<\/p>\n\n\n\n

Accessing the Header Editor<\/h3>\n\n\n\n

Either :<\/p>\n\n\n\n

On your blog’s dashboard, got to Appearance-> Header<\/p>\n\n\n\n

or choose Customize from the blog Admin bar<\/p>\n\n\n\n

Header Section of The Customiser<\/h3>\n\n\n\n

Note that you are told the size of image that is needed [1]<\/strong>.<\/p>\n\n\n\n

Click Add new image<\/strong>. [2]<\/strong>.<\/p>\n\n\n

\n
\"header<\/a><\/figure><\/div>\n\n\n

Choose an Image<\/h3>\n\n\n\n

The Media Library Will open, you can choose an exiting image if any or Select Files from your computer[1]<\/strong>.<\/p>\n\n\n\n

Pick a file from your computer [2]<\/strong><\/p>\n\n\n\n

The image will upload and selected. Choose Select and Crop<\/strong> [3]<\/strong>.<\/p>\n\n\n

\n
\"choose<\/a><\/figure><\/div>\n\n\n

Crop Image<\/h3>\n\n\n\n

Next you will crop the image. The selection will be at the correct aspect ratio, it is best just to move this and then click Crop Image[1]<\/strong>.<\/p>\n\n\n

\n
\"Screenshot<\/a><\/figure><\/div>\n\n\n

Preview and Save<\/h3>\n\n\n\n

The Crop image dialog will close and you will be able to preview your header. If you are happy Click Save & Publish<\/strong> and then close the customiser.<\/p>\n\n\n

\n
\"Screenshot<\/a><\/figure><\/div>\n\n\n

Randomising Images<\/h3>\n\n\n\n

You can upload more than one image to the customiser [1]<\/strong> and then set the header to show a random header each time the blog is viewed[2]<\/strong>. Remember to Save & Publish.<\/strong><\/p>\n\n\n

\n
\"Screenshot<\/a><\/figure><\/div>\n\n