Add custom background color to WordPress theme

WordPress is one of the most popular content management systems (CMS) available today. It is used by millions of people to create beautiful websites and blogs. One of the great features of WordPress is the ability to customize the background color of your website. This feature can be used to create a unique look and feel for your website.

The first step to customizing the background color of your WordPress website is to access the “Appearance” tab in the WordPress dashboard. From there, you can select the “Customize” option. This will bring up the WordPress Theme Customizer, which allows you to customize the background color of your website.

Once you are in the Theme Customizer, you can select the “Background” tab. This will open up a color picker where you can choose the exact color you want for your background. You can also adjust the opacity of the color to make it more or less transparent. Once you have chosen the color you want, you can save your changes and your new background color will be applied to your website.

In addition to the color picker, you can also customize the background of your website with an image. To do this, you can select the “Background Image” tab in the Theme Customizer. Here, you can upload an image from your computer or choose one from the WordPress media library. You can also adjust the position of the image and select a background color to be used if the image is not displayed correctly.

Once you have chosen the background color and/or image for your website, you can also customize the background for specific pages. To do this, you can select the “Background” tab in the page editor. Here, you can select the background color and/or image you want to use for that specific page.

Open the “functions.php” file and write the below code in it.

if (!function_exists('hs_setup')) :
    function hs_setup()
    {
        add_theme_support(
            'custom-background',
            apply_filters(
                'hs_custom_background_args',
                array(
                    'default-color' => 'ffffff',
                    'default-image' => '',
                )
            )
        );
    }
    add_action('after_setup_theme', 'hs_setup');
endif;