WordPress.org

Support

Support » Plugins and Hacks » [Resolved] [Plugin: Meteor Slides] meteor slider homepage responsive theme 1.7.2

[Resolved] [Plugin: Meteor Slides] meteor slider homepage responsive theme 1.7.2

  • I’m using the responsive theme 1.7.2 and it has a “featured” div on home page by default. I would like to replace that feature box with the meteor slider in its place but i’m not sure where to cut/paste the template tag.
    I searched using chrome “expect element” on that featured box above the 3 home widgets and it’s in HOME.PHP which I posted the code at the bottom of my post. I don’t know where to stick the template tag much less what to comment out if anything of this existing code to get the slideshow to show up. I want it the same width but the height I can be play around with in the settings. Please help as to where I put the template tag. My site mks76.com/mm3000_wp/wk1/

    <?php get_header(); ?>
    
            <div id="featured" class="grid col-940">
    
            <div class="grid col-460">
    
                <?php $options = get_option('responsive_theme_options');
    			// First let's check if headline was set
    			    if ($options['home_headline']) {
                        echo '<h1 class="featured-title">';
    				    echo $options['home_headline'];
    				    echo '</h1>';
    			// If not display dummy headline for preview purposes
    			      } else {
    			        echo '<h1 class="featured-title">';
    				    echo __('Hello, World!','responsive');
    				    echo '</h1>';
    				  }
    			?>
    
                <?php $options = get_option('responsive_theme_options');
    			// First let's check if headline was set
    			    if ($options['home_subheadline']) {
                        echo '<h2 class="featured-subtitle">';
    				    echo $options['home_subheadline'];
    				    echo '</h2>';
    			// If not display dummy headline for preview purposes
    			      } else {
    			        echo '<h2 class="featured-subtitle">';
    				    echo __('Your H2 subheadline here','responsive');
    				    echo '</h2>';
    				  }
    			?>
    
                <?php $options = get_option('responsive_theme_options');
    			// First let's check if content is in place
    			    if ($options['home_content_area']) {
                        echo '<p>';
    				    echo $options['home_content_area'];
    				    echo '</p>';
    			// If not let's show dummy content for demo purposes
    			      } else {
    			        echo '<p>';
    				    echo __('Your title, subtitle and this very content is editable from Theme Option. Call to Action button and its destination link as well. Image on your right can be an image or even YouTube video if you like.','responsive');
    				    echo '</p>';
    				  }
    			?>
    
                <?php $options = get_option('responsive_theme_options'); ?>
    		    <?php if ($options['cta_button'] == 0): ?>
                <div class="call-to-action">
    
                <?php $options = get_option('responsive_theme_options');
    			// First let's check if headline was set
    			    if (!empty($options['cta_url']) && $options['cta_text']) {
    					echo '<a href="'.$options['cta_url'].'" class="blue button">';
    					echo $options['cta_text'];
    				    echo '</a>';
    			// If not display dummy headline for preview purposes
    			      } else {
    					echo '<a href="#nogo" class="blue button">';
    					echo __('Call to Action','responsive');
    				    echo '</a>';
    				  }
    			?>  
    
                </div><!-- end of .call-to-action -->
                <?php endif; ?>         
    
            </div><!-- end of .col-460 -->
    
            <div id="featured-image" class="grid col-460 fit"> 
    
                <?php $options = get_option('responsive_theme_options');
    			// First let's check if image was set
    			    if (!empty($options['featured_content'])) {
    					echo $options['featured_content'];
    		    // If not display dummy image for preview purposes
    			      } else {
                        echo '<img class="aligncenter" src="'.get_stylesheet_directory_uri().'/images/featured-image.png" width="440" height="300" alt="" />';
     				  }
    			?> 
    
            </div><!-- end of #featured-image --> 
    
            </div><!-- end of #featured -->

    http://wordpress.org/extend/plugins/meteor-slides/

Viewing 15 replies - 1 through 15 (of 27 total)
  • Please can someone help me with the template tag placement for this theme

    Plugin Author Josh Leuze

    @jleuze

    If you want to replace all the content on the featured box with a slideshow, delete all the code inside the container and add the slideshow template tag, like this:

    <?php get_header(); ?>
    
            <div id="featured" class="grid col-940">
    
    			<?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>
    
            </div><!-- end of #featured -->
    
    <?php get_sidebar('home'); ?>
    <?php get_footer(); ?>

    I am using the same theme, and I would like a slideshow to replace the featured image. I tried replacing everything under featured image w/ the template tag given above, but I just end up with a grey box. What am I missing? I feel like I am just zoned out and missing something really simple. `<div id=”featured-image” class=”grid col-460 fit”>

    <?php if ( function_exists( ‘meteor_slideshow’ ) ) { meteor_slideshow(); }?>

    </div><!– end of #featured-image –> `

    Plugin Author Josh Leuze

    @jleuze

    Can you post a link so I can check it out?

    http://snowboatbuilding.com/

    I disabled it for now bc it was just the grey box in the featured image space. I want to get rid of the image in the background (yuck), and just put a slideshow in the featured image div.

    Plugin Author Josh Leuze

    @jleuze

    If you can add the slideshow back in I can check it out and see what’s going on.

    Thanks for the quick response! I’ve re-enabled the slide show!

    http://snowboatbuilding.com/

    someone suggested using this code in my home.php instead:

    <?php echo do_shortcode(‘[meteor_slideshow]’) ?>

    Plugin Author Josh Leuze

    @jleuze

    No, there’s no reason to do that, you can use the template tag if you want to add it to a template file:

    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?

    But I don’t see a slideshow on there, how are you adding it to the page?

    Hey Jleuze,

    Thanks for the help it worked on the responsive, now I want to put it on the twenty eleven theme and the header php looks a little different (see below). I would like to be in the place of the static header images on the theme with the same dimensions.
    Let me where to paste it and what original code to remove or comment out so the slider can display correctly above the nav and under the site title and search box..if you are familiar with 20/11 theme then basically I want the slider where the header images are placed. Help

    The header code looks like…

    </head>
    
    <body <?php body_class(); ?>>
    <div id="page" class="hfeed">
    	<header id="branding" role="banner">
    			<hgroup>
    				<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
    				<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
    			</hgroup>
    
    			<?php
    				// Check to see if the header image has been removed
    				$header_image = get_header_image();
    				if ( $header_image ) :
    					// Compatibility with versions of WordPress prior to 3.4.
    					if ( function_exists( 'get_custom_header' ) ) {
    						// We need to figure out what the minimum width should be for our featured image.
    						// This result would be the suggested width if the theme were to implement flexible widths.
    						$header_image_width = get_theme_support( 'custom-header', 'width' );
    					} else {
    						$header_image_width = HEADER_IMAGE_WIDTH;
    					}
    					?>
    			<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
    				<?php
    					// The header image
    					// Check if this is a post or page, if it has a thumbnail, and if it's a big one
    					if ( is_singular() && has_post_thumbnail( $post->ID ) &&
    							( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), array( $header_image_width, $header_image_width ) ) ) &&
    							$image[1] >= $header_image_width ) :
    						// Houston, we have a new header image!
    						echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
    					else :
    						// Compatibility with versions of WordPress prior to 3.4.
    						if ( function_exists( 'get_custom_header' ) ) {
    							$header_image_width  = get_custom_header()->width;
    							$header_image_height = get_custom_header()->height;
    						} else {
    							$header_image_width  = HEADER_IMAGE_WIDTH;
    							$header_image_height = HEADER_IMAGE_HEIGHT;
    						}
    						?>
    					<img src="<?php header_image(); ?>" width="<?php echo $header_image_width; ?>" height="<?php echo $header_image_height; ?>" alt="" />
    				<?php endif; // end check for featured image or standard header ?>
    			</a>
    			<?php endif; // end check for removed header image ?>
    
    			<?php
    				// Has the text been hidden?
    				if ( 'blank' == get_header_textcolor() ) :
    			?>
    				<div class="only-search<?php if ( $header_image ) : ?> with-image<?php endif; ?>">
    				<?php get_search_form(); ?>
    				</div>
    			<?php
    				else :
    			?>
    				<?php get_search_form(); ?>
    			<?php endif; ?>
    
    			<nav id="access" role="navigation">
    				<h3 class="assistive-text"><?php _e( 'Main menu', 'twentyeleven' ); ?></h3>
    				<?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. */ ?>
    				<div class="skip-link"><a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to primary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to primary content', 'twentyeleven' ); ?></a></div>
    				<div class="skip-link"><a class="assistive-text" href="#secondary" title="<?php esc_attr_e( 'Skip to secondary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to secondary content', 'twentyeleven' ); ?></a></div>
    				<?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assigned to the primary location is the one used. If one isn't assigned, the menu with the lowest ID is used. */ ?>
    				<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
    			</nav><!-- #access -->
    	</header><!-- #branding -->
    Plugin Author Josh Leuze

    @jleuze

    Take a look at this thread for info in how to remove the featured header image in Twenty Eleven and replace it with a slideshow.

    seanvalier1

    @seanvalier1

    meteor slider homepage responsive theme

    Hello i’ve been trying to get the meteor slides plugin working on the responsive theme. I’ve search everything on wordpress and google and can’t get it to work. I’ve just started the web site and would like to put a slide on the first page in the feature box ( like the first post ).

    I tried replacing the code with what you said:

    <?php get_header(); ?>
    
            <div id="featured" class="grid col-940">
    
    			<?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?
         </div><!-- end of #featured -->
    
    <?php get_sidebar('home'); ?>
    <?php get_footer(); ?>

    The image is ther but it’s hidden. I’ve tried on pages as well and it’s the same thing.
    In firebug i get this

    <img alt=”” src=”http://isaureart.ch/wp-content/uploads/2012/09/paint1web1-436×200.jpg” class=”meteor-shim” style=”visibility: hidden;”>

    Please someone help me.

    Main Page

    cbattle

    @cbattle

    You can try adding the following to your style sheet. This seemed to work for me. (I am using the Responsive theme as well.)

    .meteor-shim {visibility:visible !important;}

    Also, I didn’t modify the template file; I just put the shortcode into the page, like this:
    [meteor_slideshow]

    Hope this helps! Good luck…

    Corinne

    seanvalier1

    @seanvalier1

    Thanks you so much it’s all good now

    Hi there,

    I am looking to do something VERY similar with responsive and meteor_slideshow…the difference being I want to keep the information like text, and button, and remove just the right image. I want to then replace the #fff background with the slide show. SO, the background is actually a recycling bunch of pictures instead of a solid background. Is this possible? THANKS!

Viewing 15 replies - 1 through 15 (of 27 total)
  • The topic ‘[Resolved] [Plugin: Meteor Slides] meteor slider homepage responsive theme 1.7.2’ is closed to new replies.