[HELP] Wordpress / Jquery I think it might be simple.

[Jnerocorp]

Hello,

 

I am using a nice wordpress template that I found but there is a feature I want to add and I'm unsure of how to do so.

 

I have designed in photoshop what I am trying to make it do:

 

This is how it looks right now:

 

This is how I want to make it look:

 

And this is what I want it to do:

 

Here is the code:

<?php
/**
* Front Page
*
* Note: You can overwrite home.php as well as any other Template in Child Theme.
* Create the same file (name) and you're all set to go!
*
* @file           front-page.php
* @package        WordPress 
* @subpackage     Shell 
* @author         Emil Uzelac 
* @copyright      2003 - 2011 ThemeID
* @license        license.txt
* @version        Release: 1.0
* @filesource     wp-content/themes/shell-lite/front-page.php
* @link           N/A
* @since          available since Release 1.0
*/
?>
<?php get_header(); ?>

        <div id="content-full" class="grid col-940">
        
            <?php $options = get_option('shell_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 'Your H1 Headline Goes Right Here. Great for SEO!';
			    echo '</h1>';
			  }
		?>
        <div class="grid col-460">
        
            <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/featured-image.jpg" width="440" height="300" alt="" />            
            
        </div><!-- end of .col-460 -->

        <div class="grid col-460 fit">
        
            <?php $options = get_option('shell_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';
			    echo '</h2>';
			  }
		?>
            
            <?php $options = get_option('shell_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 'Properly structured landing page is big part of the Search Engine Optimization. Shell is a hassle-free WordPress CMS Theme. All of the content on this landing page
				     is fully manageable directly from Theme Options, including call-to-action button and its destination.';
			    echo '</p>';
			  }
		?>                    
            <div class="featured-button">

            <?php $options = get_option('shell_theme_options');
		// First let's check if headline was set
		    if ($options['featured_button_link'] && $options['featured_button_text']) {
                    echo '<p>';
				echo '<a href="'.$options['featured_button_link'].'">'; 
				echo $options['featured_button_text'];
			    echo '</a>';
				echo '</p>'; 
		// If not display dummy headline for preview purposes
		      } else { 
                echo '<p>';
				echo '<a href="#nogo">'; 
				echo 'Call to Action';
			    echo '</a>';
				echo '</p>'; 
			  }
		?>  
            
            </div><!-- end of .featured-button -->
            
        </div><!-- end of .col-460 fit --> 
        
        </div><!-- end of #content-full -->
               


<?php get_sidebar('home'); ?>
<?php get_footer(); ?>

 

I don't mind it being regular html instead of editable in the Theme options as I understand how to edit manually. I'm just not sure how to make the coding to set it up like I want and make it work.

 

Help is greatly appreciated.

 

Thank you

[trq]

Help with what? Have you got any code?

[Jnerocorp]

thats the problem i dont understand jquery very much at all

[trq]

Sorry, but I would suggest you start learning then. Were not exactly here to write tutorials or code for people. There are plenty of tutorials around, and if you looked hard enough, I'm sure you'd find a plugin even that does what you need.

[Jnerocorp]

Well, Could you at least tell me what this is called like i dont know how to explain is there a name for what i am asking to be done something that I can search up on google.

 

thanks.

[trq]

I would try something like 'jQuery sliding div'.