Sticky footer – gdzie wstawić kod?

  • DziwacznyDziwak

    (@dziwacznydziwak)


    13 lat, 2 miesiące temu

    Witam,

    Mam problem ze stopką, która nie trzyma się dołu w wypadku niewielkiej ilości treści na stronie. Znalazłem takie rozwiązanie link. Jednak nie potrafię tego poprawnie wmontować – ilekroć próbuję, to stopka dalej nie pozostaje przyklejona do dołu.

    Wykonuję zmiany w plikach header.php, footer.php oraz style.css. Mógłby mi ktoś wskazać, w których miejscach dokładnie wstawić kod opisany pod podanym linkiem?

    oto header:

    <?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html <?php language_attributes(); ?>>
    <head>
        <meta charset="<?php bloginfo('charset'); ?>" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <title>
            <?php wp_title('|', true, 'right'); ?><?php bloginfo('name'); ?>
        </title>
        <link rel="profile" href="http://gmpg.org/xfn/11" />
        <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
        <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
        <?php wp_head(); ?>
    </head>
    <body <?php body_class(); ?> style="<?php if (blackbird_get_option('blackbird_bodybg') != '') { ?>background: fixed url(<?php echo blackbird_get_option('blackbird_bodybg'); ?>);<?php } else {
            ?> background: fixed url(<?php echo get_template_directory_uri(); ?>/images/bg.jpg); <?php } ?>" >
        <div class="main-container">
<div class="container_1">
            <div class="container_24">
                <div class="grid_24">
                    <div class="header">
                        <div class="grid_16 alpha">
                            <div class="logo"> <a href="<?php echo home_url(); ?>"><img src="<?php if (blackbird_get_option('blackbird_logo') != '') { ?><?php echo blackbird_get_option('blackbird_logo'); ?><?php } else { ?><?php echo get_template_directory_uri(); ?>/images/logo.png<?php } ?>" alt="<?php bloginfo('name'); ?>" /></a></div>
                        </div>
                        <div class="grid_8 omega">
                            <div class="header-info">
                                <?php if (blackbird_get_option('blackbird_topright_cell') != '') { ?>
                                    <p class="cell"><img src="<?php echo get_template_directory_uri(); ?>/images/call-us.png"  class="call-us" />&nbsp; <?php echo stripslashes(blackbird_get_option('blackbird_topright_cell')); ?></p>
                                <?php } else { ?>
                                    <p class="cell"><img src="<?php echo get_template_directory_uri(); ?>/images/call-us.png"  class="call-us" />&nbsp;Call Us (111) 234 - 5678</p>
                                <?php } ?>
                                <?php if (blackbird_get_option('blackbird_topright_text') != '') { ?>
                                    <p><?php echo stripslashes(blackbird_get_option('blackbird_topright_text')); ?></p>
                                <?php } else { ?>
                                    <p><?php _e('21/B, London Campus, British Road, Birmingham, UK','black-bird'); ?></p>
                                <?php } ?>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <!--start Menu wrapper-->
                    <div class="menu_wrapper">
                        <div class="grid_18 alpha">
                            <div id="MainNav">
                                <a href="#" class="mobile_nav closed"><?php _e('Pages Navigation Menu','black-bird'); ?><span></span></a>
                                <?php blackbird_nav(); ?>
                            </div></div>
                        <div class="grid_6 omega">

                            </div>
                        </div>
                    </div>
                    <!--End Menu wrapper-->
                    <div class="clear"></div>

    a to footer:

    <div class="clear"></div>
<!--Start Footer-->
            </div>
        </div>
    </div>
</div>
<!--End Footer-->
<div class="clear"></div>
<div class="footer_bottom">
    <div class="container_24">
        <div class="grid_24">
            <div class="footer_bottom_inner">
                <span class="blog-desc">
                    <?php echo get_bloginfo('title'); ?>
                    Copyrights
                    <?php echo get_bloginfo('description'); ?>
                </span>
                <?php if (blackbird_get_option('blackbird_footertext') != '') { ?>
                    <span class="copyright"><?php echo blackbird_get_option('blackbird_footertext'); ?></span>
                <?php } else { ?>
                    <span class="copyright"><a href="http://www.inkthemes.com"><?php _e('WordPress Theme by InkThemes.com', 'black-bird'); ?></a></span>
                <?php } ?>
            </div>
        </div>
    </div>
</div>
<?php wp_footer(); ?>
</body>
</html>

Temat ‘Sticky footer – gdzie wstawić kod?’ jest zamknięty na nowe odpowiedzi.