Monday, June 8, 2020

How to Add a Custom Background in WordPress



Hello guys! Welcome back to another section of my tutorial on WordPress. In this tutorial post, we will be discussing about the background images, the background colors and background opacity.

Following below are the simple steps on how to set custom backgrounds in WordPress -

Step 1 - Click on Appearance → Background.


Step 2 - The following page get displayed where the Background Image section shows up.



Step 3 - There is no image selected yet for the background. If you want to do so, then click on Select Image. The following page is going to be displayed.


Here you can upload images using two options -

  • Upload Files
  • Media Library

Step 4 - Upload Files - When you click on Upload Files. The following screen is displayed. Select the files from your computer and then click on the Choose Image if you are ok with the image.



Step 5 - Media Library - When you click on the Media Library the following page appears. You can select files from WordPress media library, which means, if you already have some images uploaded then you can select any of them.


After selecting an image, on the right side you will be shown with a few options -

  • Edit Image - When you click on this you are then taken to another page where you can edit your image. As shown in the screenshot below, make the required changes, click on Save and finally click on Update.



  • Delete Permanently - If you want your image to be removed from the library, then click on this button.
  • Title - If you decide to make any changes to the title of the image, this is the right place for it.
  • Caption - You can give a brief explanation about your image here.
  • Alt Text - Give an alternative text to your image so that it is easily available for the users during search.
  • Description - Give a short description about the image here.

Step 6 - Click on the Colors → Background Color on the same page. Change your background color.

Background Opacity is not used for all themes. Theme Customization is not the same for every theme we use. It changes from theme to theme.


RECOMMENDED POST: The Legacy in JavaScript

Alright guys! This is where we are rounding up for this tutorial. In my next tutorial post, we will be learning about WordPress Host Transfer.

Feel free to ask your questions where necessary and i will attend to them as soon as possible. If this tutorial was helpful to you, you can use the share button to share this tutorial.

Follow us on our various social media platforms to stay updated with our latest tutorials. You can also subscribe to our newsletter in order to get our tutorials delivered directly to your emails.

Thanks for reading and bye for now.
Share:

0 comments:

Post a Comment

Hello dear readers! Please kindly try your best to make sure your comments comply with our comment policy guidelines. You can visit our comment policy page to view these guidelines which are clearly stated. Thank you.