Why should you insert a background image in WordPress?
It is easy for us to answer this question. When you add a background image to your WordPress page, it will certainly make your website look more attractive than ever.
Most webmasters will use the default themes provided by WordPress because they don’t know how to add a background image or they don’t take the time to fully customize these themes. Therefore, sometimes the default background image may not be suitable for your requirements and purpose.
One of the important things is that adding a background image for your page really makes your site stand out from established websites. Thanks to that, you will have a better chance of catching visitors’ attention at first sight.
To learn more about this useful feature, you can click on custom background.
How to add a background image in WordPress?
There are several ways, from easiest to hardest, to add a background image in WordPress. In today’s tutorial, we will teach you how to add a custom background for WordPress pages using the two easiest methods. They are well suited to beginners who don’t have any coding skills.
Now let’s dive into the following methods.
Solutions
Method 1: Use your WordPress theme settings to add a background image
To use this way, you first need to check whether the theme you are running supports the custom background image feature. Unfortunately, not all themes offer custom background images because the background might not match the theme’s overall design, so the developer decided to turn it off altogether.
Moreover, you can search your theme on WordPress.org to check this theme’s features in the tag section before downloading or upgrading to the premium theme.
If it is your favorite theme but it doesn’t support this feature, don’t worry: you can refer to other methods in today’s tutorial.
Now, just navigate to the Appearance> Customize page in your dashboard. This step will take you to the theme settings and the live preview area of your website. A list of theme options will be displayed in the left-hand sidebar.
In our case, we use the Hestia theme, so we need to click on Appearance settings to navigate to the background image option.
Now, simply click on the Background image option.
Here, the theme gives you a Select image box that allows you to upload background images from your files or choose an image from the media library. Let’s click on the Select image button to move to the next step.
You can choose from the images available in the media library or click on the Upload files button to upload a new image and select it. Next, remember to click on the “Choose Image” button after selecting your favorite image to use as the background.
After that, you will see a preview of your chosen image in the theme customizer. If you want to change to another image, you can click on the “Change image” button and redo the same steps as before. Or you can click on the “Remove” button to delete this image.
Under the background image, the theme gives you some background image options. Click on the “Preset’ box, and a drop-down list will show options including default, fill the screen, fill to screen, repeat, or custom. Therefore, you can choose one of them to display.
Moreover, it allows you to select the background image position by clicking on the arrows and clicking on the center to align the image to the center of the screen. If you are happy with the result in the live preview area, click on the “Publish” button to finish.
And then go back to your site and see how it looks.
Method 2: Use the Simple full-screen background image plugin
Simple full-screen background image plugin is considered one of the easiest tools that enable you to upload and set a full-screen image as the background of your website. In particular, the image scales automatically with the browser, so you don’t need to manually adjust its size to fit your website screen.
Step 1: As with other plugins, you first need to install and activate this plugin. Simply go to Plugins> Add New on your dashboard and type the plugin’s name in the search bar.
Now click on the Install Now button and activate it before moving to the next steps.
Step 2: Navigate to the Appearance> FullScreen BG Image, this plugin will offer you a “Choose Image” button. Click on this button to open your image library.
Here, it enables you to click on Update Files to upload a new image from your computer. You can also select your favorite image directly in your Media Library. And don’t forget to click on the “Use Image” button.
Next, you can see your background image in the preview area. Then click on the “Save Options” button. It’s that simple, isn’t it?
Now, let’s see how it looks on your website.
Wrap up
We have just offered the two easiest methods that help you add a background image in WordPress without writing a single line of code. If you are a new user, you can choose either one to start.
If you have any questions or need our assistance, please leave a comment below, and we will give you valuable support.
By the way, our free WordPress themes offer a wide range of modern, eye-catching, and responsive themes that fully support this effective feature. Visit them and pick one to give your site a fresh look.
