WordPress theme Tracks – Random background for non thumbnail posts

Just a simple note for myself, unless there is a reader out there 🙂

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 🙂

Advertisements

Author: Hilman

I'm a dad! :-)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s