Editing footer for one page, keeping it the same for others

Question

What I want to do is edit my footer for the front page of the site by making it bigger, but I want to keep it smaller for all the other pages.

My footer.php looks like this:

!-- BEGIN FOOTER TOP -->
    <div id="footer-top-wrapper">

        <div id="footer-top">

            <ul id="footer-navigation">
                <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'footer-menu' ) ); ?>
            </ul>

            <div id="back-top">
                <a href="#">Back to top</a>
            </div>

        </div>

    </div>
    <!-- END FOOTER TOP -->

    <!-- BEGIN FOOTER -->
    <div id="footer-wrapper">

        <div id="footer">

            <?php   /* Widgetised Area */   if ( !function_exists( 'dynamic_sidebar' ) || !dynamic_sidebar('Footer 1') ) ?>

            <?php   /* Widgetised Area */   if ( !function_exists( 'dynamic_sidebar' ) || !dynamic_sidebar('Footer 2') ) ?>

            <?php   /* Widgetised Area */   if ( !function_exists( 'dynamic_sidebar' ) || !dynamic_sidebar('Footer 3') ) ?>

            <?php   /* Widgetised Area */   if ( !function_exists( 'dynamic_sidebar' ) || !dynamic_sidebar('Footer 4') ) ?>

        </div>

    </div>
    <!-- END FOOTER -->

    <!-- BEGIN FOOTER BOTTOM WRAPPER -->
    <div id="footer-bottom-wrapper">

        <!-- BEGIN FOOTER BOTTOM -->
        <div id="footer-bottom">

            <span class="footer-bottom-left"><?php echo get_option('lp_footer-text-left'); ?></span>
            <span class="footer-bottom-right"><?php echo get_option('lp_footer-text-right'); ?></span>

        </div>
        <!-- END FOOTER BOTTOM -->

    </div>
    <!-- END FOOTER BOTTOM WRAPPER -->

    <?php wp_footer(); ?>

    <?php $google_analytics = get_option('lp_google_analytics'); if ($google_analytics) { echo stripslashes($google_analytics); } ?>


</body>

</html>

Every page calls the footer using so how would I make it look one way in the front page, and another in all the other pages?

Site is http://www.botkai.com

Answer 1

You're looking for the is_home() and is_front_page() conditional tags

USe it like:

        <?php  if(is_home() || is_front_page()) : ?>
                <!-- Small footer on the home page, only has the #footer-navigation div -->
            <div id="footer-top">

                <ul id="footer-navigation">
                    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'footer-menu' ) ); ?>
        <?php  else : ?>
                <!-- Footer for the other pages also has the #back-top div -->
            <div id="footer-top">

            <ul id="footer-navigation">
                <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'footer-menu' ) ); ?>
            </ul>

            <div id="back-top">
                <a href="#">Back to top</a>
            </div>

        </div>
        <?php  endif; ?>
        ?>