ThemeShaper Forums » Thematic


Conditional Tag to display full screen on Home page

(3 posts)
  • Started 12 years ago by riff062885
  • Latest reply from riff062885
  • This topic is resolved
  1. Hey all,
    Pretty big Newb here... just getting starting to get into Wordpress. Thematic is pretty rockin.

    Anywho, I just incorporated Supersized ( into my site and it's working fine... however, it's displaying on every page and I only want it to display on the home page. It's running through the functions.php page and I've tried putting in a conditional tag but can't seem to figure out where it needs to be placed. I don't know what I'm missing. As far as I know, I could be setting it up completely wrong. Unfortunately I'm just hosting the site locally for the time being but here is my code (without the conditional tag)--any suggestions would be GREATLY appreciated! Thanks!

    function childtheme_favicon() { ?>
    	<link rel="shortcut icon" href="<?php echo bloginfo('stylesheet_directory') ?>/images/favicon.ico" />
        <link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/jt_martin/css/supersized.css" type="text/css" media="screen" />
    		<script type="text/javascript" src="http://localhost/wordpress/wp-content/themes/jt_martin/js/supersized.3.1.3.js"></script>
    		<script type="text/javascript">  
    					slideshow               :   1,		//Slideshow on/off
    					autoplay				:	1,		//Slideshow starts playing automatically
    					start_slide             :   1,		//Start slide (0 is random)
    					random					: 	0,		//Randomize slide order (Ignores start slide)
    					slide_interval          :   5000,	//Length between transitions
    					transition              :   1, 		//0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
    					transition_speed		:	500,	//Speed of transition
    					new_window				:	1,		//Image links open in new window/tab
    					pause_hover             :   0,		//Pause slideshow on hover
    					keyboard_nav            :   1,		//Keyboard navigation on/off
    					performance				:	1,		//0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
    					image_protect			:	1,		//Disables image dragging and right click with Javascript
    					image_path				:	'http://localhost/wordpress/wp-content/themes/jt_martin/img/', //Default image path
    					//Size & Position
    					min_width		        :   0,		//Min width allowed (in pixels)
    					min_height		        :   0,		//Min height allowed (in pixels)
    					vertical_center         :   1,		//Vertically center background
    					horizontal_center       :   1,		//Horizontally center background
    					fit_portrait         	:   1,		//Portrait images will not exceed browser height
    					fit_landscape			:   0,		//Landscape images will not exceed browser width
    					navigation              :   1,		//Slideshow controls on/off
    					thumbnail_navigation    :   1,		//Thumbnail navigation
    					slide_counter           :   1,		//Display slide numbers
    					slide_captions          :   1,		//Slide caption (Pull from "title" in slides array)
    					slides 					:  	[		//Slideshow Images
    														{image : '', title : 'Logan Inversion', url : ''},
    														{image : '', title : 'Hold My Hand', url : ''},
    														{image : '', title : 'Bellinzona at Night', url : ''},
    														{image : '', title : 'The Good Old South', url : ''},
    														{image : '', title : 'Church In Switzerland', url : ''}
        <script type="text/javascript">
    	jQuery(document).ready(function($) { //tells WP to recognize the $ variable
    	//paste your jquery code here
    				//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
    				//Partial Sliding (Only show some of background)
    					$(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160});
    				}, function() {
    					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
    				//Partial Sliding (Only show some of background)
    					$(".cover", this).stop().animate({top:'-23px'},{queue:false,duration:100});
    				}, function() {
    					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:100});
    				//Caption Sliding (Partially Hidden to Visible)
    					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
    				}, function() {
    					$(".cover", this).stop().animate({top:'220px'},{queue:false,duration:160});
    	}); //end document ready functions
    	/* ]]> */
    <?php }
    add_action('wp_head', 'childtheme_favicon');
    Posted 12 years ago #
  2. you can't put the add_action in a conditional tag, you use the conditional tag to wrap the part of the function you want to display conditionally.

    function childtheme_favicon() {
      if(is_home()){ ?>
        <script type="text/javascript">
            //script stuff here
    <?php }
    add_action('wp_head', 'childtheme_favicon');

    though if your home page is actually a static page then you'd need to use is_front_page() as your conditional b/c is_home() tests for your blog page and imo should actually be called is_blog() but isn't

    additionally i would use wp_enqueue_script to load the supersize.js look it up in the codex

    Posted 12 years ago #
  3. I could have sworn thats what I did. Obviously not because it's working exactly like it should now! Also, thanks for the tip on the wp_enqueue_script. I got that working too. Your responses are ALWAYS top notch! Thank you so much!

    Posted 12 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.