Inside the theme folder there should be a file called functions.php. Search for the line add_theme_support( ‘custom-background’ ); and replace it with #add_theme_support( ‘custom-background’ ); which is simply ‘deleting’ calling the function and thus the possibility to specify a custom background in the admin side.
I created a theme like this sometime ago using backstretch script http://srobbin.com/jquery-plugins/backstretch/ very light and easy to set. But note that if you want to allow the user/client to change/order the images you will need to create a theme panel/options.
In this scenario, the tag that you want to call to execute your function is the wp_head(). Looking at the code you provides, you have the idea down, but I decided to rewrite it differently. In your child theme’s functions.php file, add the following: add_action( ‘wp_head’, ‘wpse_238911_weekly_background’ ); function wpse_238911_weekly_background() { $day = date( “l” … Read more
You can apply a style to the header <div> (or the <header> element), and then add an inline style using wp_add_inline_style(). For example, let’s say you’ve got something like this in your header.php file: <header id=”masthead” class=”site-header” role=”banner”> (Cribbed from the Twenty Twelve theme.) Let’s say you’ve set up the neighborhood’s color as post meta-information … Read more
It can be done with a custom field and the CSS should be changed to .php file: $image = get_post_meta( $post->ID, “ImagePathFromCustomField”, true ); if ( $image != ” ) { ?> <style type=”text/css”> .bg-image { background-image: url(<?php echo $image; ?>); background-repeat: repeat; } </style> <?php }
It could be that you’re missing the the body_class() in your theme: <body <?php body_class(); ?>> It should add the .custom-background as a body class: <body class=” … custom-background … ” >
By default, WordPress uses the _custom_background_cb() function to create the style you show in your question. You can use a function of your own by adding it to the add_theme_support() in your theme. add_theme_support( ‘custom-background’, array( ‘wp-head-callback’ => ‘wpse_113346_custom_background_cb’ ) ); Initially, you can use the guts of the _custom_background_cb() function for your own function: … Read more
@wordpress/create-block image url in css
If you’re using the built in custom background stuff, it’s already all using postMessage. So, just bind a function to the background_color message and adjust your border color accordingly. Something like this, I expect: wp.customize(‘background_color’,function( value ) { value.bind(function(to) { jQuery(‘whatever’).css(‘color’, to ? to : ” ); }); }); Obviously, change the jQuery call in … Read more
You can check in your callback function if you are an the front page. Sample code for the theme’s functions.php: add_action( ‘after_setup_theme’, ‘wpse_67480_theme_setup’ ); function wpse_67480_theme_setup() { $bg_options = array ( ‘wp-head-callback’ => ‘wpse_67480_background_frontend’, ‘default-color’ => ‘f0f0f0’, ‘default-image’ => ”, ); add_theme_support( ‘custom-background’, $bg_options ); add_theme_support( ‘custom-header’, array ( ‘width’ => 960, ‘height’ => 200, … Read more