Place the following code above the DOCTYPE in header.php:
<?php
$bg = array('bg-01.jpg', 'bg-02.jpg', 'bg-03.jpg', 'bg-04.jpg', 'bg-05.jpg', 'bg-06.jpg', 'bg-07.jpg' ); // array of filenames
$i = rand(0, count($bg)-1); // generate random number size of the array
$selectedBg = "$bg[$i]"; // set variable equal to which random filename was chosen
?>
Now place this code within <head>
in header.php
<style type="text/css">
body{
background: url(<?php echo bloginfo('stylesheet_directory');?>/images/<?php echo $selectedBg; ?>) no-repeat;
}
</style>
The path <?php echo bloginfo('stylesheet_directory');?>/images/
indicates that your random images will be stored within your theme under the directory “/images”.
The original article on this technique can be found at CSS tricks.
Related Posts:
- How to load Widget javascript + css files only if used?
- Adding iframe Content to Sidebar Widget
- How to use wp_dequeue_style() for style enqueued in WP_Widget class
- Storing custom dashboard widget options in wordpress
- $post>ID displays wrong post ID
- Video Embed in Sidebar Widget with Links to Others in Category
- Shortcode from a widget is wrapped in unwanted element
- How can I whitelist only specific shortcodes for processing in text widgets?
- Bookshelf plugin and/or widget [closed]
- How to update widget from widget() function?
- Create a Widget Area in the Navigation Bar for the Genesis Theme Framework?
- Manual display of widget
- Add a banner to the Dashboard
- Customized widget area – how to override or filter class xoxo?
- How to access widget data from outside widget?
- Unable to get Alert function to consistently work with backend widget with latest WP
- How to add a description to Widgets?
- Widget options get
- add_page_menu to make shortcut to widgets
- Insert custom content before widget title/after widget opening tag
- How do I stop a widget from displaying on mobile site?
- cannot drag and drop widgets since wordpress 3.2.1
- Show widget when not using SSL
- How/where is the global variable $wp_registered_widgets filled?
- Converting a WordPress widget to a block
- Color Picker Showing Twice When Widget Added to Sidebar
- How can I use AJAX to save/update a widget form?
- Display assigned terms with link
- Hide all Dashboard Widgets (not remove)
- Widget modifications in a child theme
- How to get “Widget Logic” plugin’s input value in a custom widget code (to display on the Widget admin page)
- Extending WP_Widget throws error when Monster Widget used
- Making footer widgets responsive
- Custom html widget with a Joomla-style assigment
- Form link throwing website to main language
- Conditional Tags Based on Previously Viewed Posts
- Make page jumps in widget
- Query in query for Widget
- How to display first post thumbnail as a background image of a widget?
- Create widget in dashboard displaying a custom user field?
- Custom widget with WYSIWYG
- Limit number of widgets in widget area
- How to create pagination for homepage with widgetized area?
- Hooking action once but called twice
- How to update the widget form when the image is selected?
- How can I add an author-box below a post?
- How to overload the update() of existings widgets?
- Help me out with this Undefined index ?
- Dynamic Sidebar and XHTML Validity?
- Displaying a WordPress widget by name
- How to best include widget area just on homepage?
- Remove “Content” and “Discussion” from Right Now Dashboard Widget
- wordpress widgets screen disappeared
- Proper approach to moving complete site from one domain to another AND preserve widgets
- Why custom widget won’t appear in Block editor (Gutenberg)?
- Can the qTranslateX-Plugin translate non-article text? [closed]
- Custom widget is not appearing in the admin area
- A/B test options at the widget level [closed]
- Static image for embedded YouTube video instead of blank player?
- What conditional to use for dynamic sidebar check?
- Adding a single text input field to a custom Dashboard widget
- how to show only particular category post in archive widgets
- Trouble accessing a multidimensional array to add classes to default WordPress widgets
- Why is registering a sidebar for each page causing my sidebars to reset?
- How do I customize the positioning of WordPress widgets?
- Limit archive widget results
- How can I detemine the parameters needed by the_widget()?
- widgets in footer?
- Can you hide a widget based on its content?
- Quick Draft widget in weird place on dashboard after being re-added
- Fatal error: Uncaught Error: Class ‘WP_Widget’ not found
- Array showing all values of loop instead of specific value to post
- Widget not appearing in customizer
- How can I have sidebar widgets on Twenty Seventeen theme on all pages?
- Collapsible widgets [closed]
- Loop through Widgets in sidebar using widget array number?
- Widget settings disappear after refresh
- How to get widget content in WordPress based on it’s ID?
- Loading scripts only if a particular shortcode or widget is present
- Make a widget to my footer
- How to change text of a widget depend on condition?
- Always show the widget title in a wordpress widget
- Custom php Widget keeps disappearing from the front end
- Display Posts by Views (Popular Posts Widget)
- Default WordPress widgets always appear
- Add space to the end on a widget
- Insert to wp_footer if widget is found in the sidebar
- Using javascript on the new widget preview / customizer page
- Show editor widgets only on pages that use a specific template?
- Conditionally enable autoplay when using oEmbed in a custom widget
- Options page for widget
- user definable sidebar per page
- List.js inside WordPress widget
- Show or hide custom menu widget in side bar conditionally
- WordPress Hide Widget If $_Session Is Active?
- Post Thumbnails on Sidebar Widgets
- Using Conditional Tags to restrict something to 1 user?
- Recent posts with different class name for each post and a scrollbar?
- Problem on register/login widgets
- Classic widgets with 5.9+?