This article is about to modify the Wordpress theme Tracks, which is basically will display a random background in non-thumbnail (featured image) posts. Here we go;
Create images with name "background_1.jpg" to "background_12.jpg" in running numbers and place into "images/" folder in root (example: http://localhost/wordpress/images/)
Insert below style inside <head></head> of "header.php"
<style type="text/css">
.excerpt {
background: url(<?php echo (network_site_url( '/images/background_' )) . (rand(1, 12)) . '.jpg'; ?>) center top;
</style>
Background will be randomized "background_1.jpg" to "background_12.jpg", as per screenshot below:
https://farm6.staticflickr.com/5678/21885487268_95de894406_z_d.jpg
Notes:
- Depending on how many background images, "rand(1, 12)" should be changed accordingly
- This will overwrite the original header.php, in case the theme updated, write the code again
- In my case, each images resized to 1160px width and 1024px height. Not sure what is the ideal resolution thou.
That's it I guess, thanks for reading :-)
No comments:
Post a Comment