Background image ONLY Homepage

[macrunner]

Hi,

I'm using Agency Pro.

I would like to display an image only on the Homepage. A color, for example #fcfcfc, for everything else, Pages, Posts, Comments, etc..

Thank you very much

[Brad Dalton]

Try this http://wpsites.net/web-design/display-agency-pro-background-image-only-on-front-page/

---

Tutorials for StudioPress Themes.

[Brad Dalton]

You could also change the PHP in the functions file so its includes a conditional tag for the front page like this:

if ( ! is_front_page() || ! get_background_image() )
		return;

---

Tutorials for StudioPress Themes.

[macrunner]

Hi Brad,

If I insert this code in the file front-page.php I get a blank page :

//* Enqueue Backstretch script and prepare images for loading
add_action( 'wp_enqueue_scripts', 'agency_enqueue_backstretch_scripts' );
function agency_enqueue_backstretch_scripts() {

	//* Load scripts only if custom background is being used
	if ( ! get_background_image() )
		return;

	wp_enqueue_script( 'agency-pro-backstretch', get_bloginfo( 'stylesheet_directory' ) . '/js/backstretch.js', array( 'jquery' ), '1.0.0' );
	wp_enqueue_script( 'agency-pro-backstretch-set', get_bloginfo( 'stylesheet_directory' ).'/js/backstretch-set.js' , array( 'jquery', 'agency-pro-backstretch' ), '1.0.0' );

	wp_localize_script( 'agency-pro-backstretch-set', 'BackStretchImg', array( 'src' => get_background_image() ) );

}

This site DEMO: http://egotheme.it/

[macrunner]

I tried the second method, I inserted this code in the front-page.php file but it has no effect:

if ( ! is_front_page() || ! get_background_image() )
        return;

With this code, blank page:

//* Enqueue Backstretch script and prepare images for loading
add_action( 'wp_enqueue_scripts', 'agency_enqueue_backstretch_scripts' );
function agency_enqueue_backstretch_scripts() {

	//* Load scripts only if custom background is being used
	if ( ! get_background_image() )
		return;

	wp_enqueue_script( 'agency-pro-backstretch', get_bloginfo( 'stylesheet_directory' ) . '/js/backstretch.js', array( 'jquery' ), '1.0.0' );
	wp_enqueue_script( 'agency-pro-backstretch-set', get_bloginfo( 'stylesheet_directory' ).'/js/backstretch-set.js' , array( 'jquery', 'agency-pro-backstretch' ), '1.0.0' );

	wp_localize_script( 'agency-pro-backstretch-set', 'BackStretchImg', array( 'src' => get_background_image() ) );

}

Maybe I'm wrong something?

[Brad Dalton]

Hi

Please copy ALL the code from the view raw link and paste it at the end of your child themes functions.php file using a text editor like Notepad++

https://gist.github.com/braddalton/e503631f6937fce74f2c

---

Tutorials for StudioPress Themes.

[macrunner]

I used this code (github), no formatting, just as below:

//* Enqueue Backstretch script and prepare images for loading
add_action( 'wp_enqueue_scripts', 'agency_enqueue_backstretch_scripts' );
function agency_enqueue_backstretch_scripts() {

	
	if ( ! is_front_page() || ! get_background_image() )
		return;

	wp_enqueue_script( 'agency-pro-backstretch', get_bloginfo( 'stylesheet_directory' ) . '/js/backstretch.js', array( 'jquery' ), '1.0.0' );
	wp_enqueue_script( 'agency-pro-backstretch-set', get_bloginfo( 'stylesheet_directory' ).'/js/backstretch-set.js' , array( 'jquery', 'agency-pro-backstretch' ), '1.0.0' );

	wp_localize_script( 'agency-pro-backstretch-set', 'BackStretchImg', array( 'src' => get_background_image() ) );

}

This code I added to functions.php of the child theme Agency Pro, but still blank page.
I tried a new installation on the local server, same problem.

[macrunner]

This is the functions.php file that I edited (download ZIP file): http://egotheme.it/functions.zip

[Brad Dalton]

You will need to remove the original code.

---

Tutorials for StudioPress Themes.

[macrunner]

Hi Brad,
I'm sorry, I misunderstood.
Ok now it works, thank you very much

[omerkhan]

Thank you Brad!!

[Brad Dalton]

No worries.

---

Tutorials for StudioPress Themes.

[Bader]

Thanks for the hint! 😉

---

“Whether you think you can, or you think you can’t–you’re right.”
?• Henry Ford

[Author]

Posts