How to make custom background color on wordpress?


If it is possible to dynamically change the background color in WordPress. Colors play an important role in how users see your site and how they interact. In this article, we will show you how to randomly change the background color in WordPress.
Click here : Website Designing Services UAE

Method 1: Adding an Arbitrary Background Color Change through Code

In this way, we will add code to our WordPress files. Try this method only if you are comfortable embedding snippets from the web into WordPress.
First you need to add this code to the functions.php file of your theme or plugin for a specific site:
function wpb_bg() {
$rand = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f');
$color ='#'.$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)].
$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)];
echo $color;
}
1
function wpb_bg() {
$rand = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f');
$color ='#'.$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)].
$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)];
echo $color;
}
This function simply generates a random hexadecimal color value and displays.
Now you need to edit the header.php file of your theme. Find the < body > tag  , it will look like this:
<body <?php body_class(); ?>>
1
<body <?php body_class(); ?>>
Now change the line to this:
<body <?php body_class(); ?> style="background-color:<?php wpb_bg();?>">>
1
<body <?php body_class(); ?> style="background-color:<?php wpb_bg();?>">>
Save the changes and see what you get:
Randomly changing the background color of the site

Method 2: Adding Random Colors in the Form of Stripes to the Background of the Site Using the Plugin

If you are too lazy to poke around in the code, then the wonderful Fabulous Background Colors plugin will come to your aid. First, install and activate it on your blog. The plugin works out of the box, i.e. a minimum of actions on your part, no need to configure anything.
Now you can visit the site and see the result:
Arbitrary stripes of background color with a plugin
On your website you will see colorful stripes as a background. These bands will fade out and change colors every 5 seconds.

Method 3: Use Css to Add Non-Random Background Colors In Wordpress

Almost all standard WordPress themes support the body_class ( ) function   in the body tag. This tag adds several CSS classes to the body tag in your topic. These default CSS classes created by WordPress can be used to create individual posts, categories, tags, etc.
For example, if your blog has a category called Photos, then you can find these CSS classes in the body tag of the category page.

Add Wordpress CMS Classes

You can override the background color of this particular category by simply adding this CSS to your WordPress theme or using a custom CSS plugin. Paste this code into your CSS:
body.category-photography {
background-color:#faebd7;
}
1
body.category-photography {
background-color:#faebd7;
}
Similarly, you will also find the message identifier class for individual messages in the body class. You can use it to style each WordPress post in different ways.
body.postid-65 {
background-color:#faebd7;
}
1
body.postid-65 {
background-color:#faebd7;
}
This concludes the lesson. I hope this article helped you in solving the questions of how to randomly change the background color of a website on WordPress. Surely you will also be interested in these notes:
How to add smooth background effect in WordPress
How to add a picture background to the entire width of the screen?
How to add fullscreen Youtube video background on WordPress
Have a nice study and see you soon on the blog pages!
For more information visit our website Digital Marketing Services in UAE

Comments

Post a Comment

Popular posts from this blog

How to change the url in the wordpress site search form

Image
Do you need to change the default search URL pool in WordPress? Standard slug urls when searching for information on the site are not the most convenient. In this tutorial, we will show you how to easily change the default search URL in WordPress and make it more optimized and user friendly. Click here : Website Designing Services UAE Changing the search URL on the CNC Why Do I Need To Change the Search Url In Wordpress WordPress uses the SEO URL structure for all pages on your site. Typical WordPress CNC friendly URLs are as follows: http : // example . com / some - page / http : // example . com / 2018 / 03 / some - article / http : // example . com / category / some - category / If you don’t know how to install standard WordPress search on the site that we are talking about in this article, then click on the link. As you can see from the example, these URLs are easy and understandable not only for people, but also for search engines. And WordPress itself offe
Read more

The Strategies & Successes of Paid Advertising Campaign

Image
Digital Marketing in Silicon Oasis With every client we have, our goal is: To help them succeed. This often comes with a complete digital marketing package, part of which is focused on paid advertising campaigns. Click here: Digital Marketing in Silicon Oasis Clients of the time are increasingly involved in our paid advertising campaign strategies and this is only the case that our agency is suffering as digital ad expenditure continues to rise across the globe. According to at eMarketer.com, “in 2019, digital ad spending will increase by 17.6% to $ 333.25 billion worldwide. This means that, for the first time, around half of the global ad market will be part of the digital. ” Freelance agencies, or departments of companies entering the world of paid advertising, can be successful in their own campaigns by following a number of simple pieces of advice and basic strategic techniques. It really starts with three things: Research, testing and strategy. Research, T
Read more

Compromising Information in the Fight against Competitors by the Method of Black Pr Campaign

Image
Today's article will be about the advertising business. No matter how paradoxical some advertising methods are, the main thing is that they bring maximum effect to the advertiser. Click here : Online Advertising in UAE And in this context, the so-called “black PR” works quite effectively - an activity aimed at highlighting negative facts and events regarding competitors. Consumer Segment In some cases, advertisers also order a black PR competitor in relation to their former partners. The technology of influencing consciousness here is very simple - everything negative draws attention more than emphasizing the positive aspects. Thus, it is possible to divert the attention of the audience from their own failures and negative events, focusing it on the circumstances of their competitors. Commercial companies, individual entrepreneurs and even public figures seek to order a competitor's anti-advertising. Many pop stars and leaders of political organizations do not neg
Read more