Thay đổi Footer mặc định của Gensis WordPress

By | 25/02/2014

Trước hết  cần loại bỏ footer mặc định, để loại bỏ các nội dung của chân chỉ đơn giản là thêm dòng sau vào con chủ đề của bạn  function.php

remove_action(‘genesis_footer’, ‘genesis_do_footer’);

Thêm vào cuối cùng mã sau

add_action('genesis_footer', 'do_custom_footer');
functiondo_custom_footer() { ?>
<div id="footer-widgetized">
    <div class="wrap">
        <div class="footer-col1">
            <?php if( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Left') ) : ?>
                <h4><?php _e("Footer Left Widget", 'genesis'); ?></h4>
                <p><?php _e("This is an example of a widgeted area. You can add content to this area by visiting your Widgets Panel and adding new widgets to this area.", 'genesis'); ?></p>
            <?php endif; ?>
        </div><!-- end.footer-col1 -->
        <div class="footer-col2">
            <?php if( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Middle') ) : ?>
                <h4><?php _e("Footer Middle Widget", 'genesis'); ?></h4>
                <p><?php _e("This is an example of a widgeted area. You can add content to this area by visiting your Widgets Panel and adding new widgets to this area.", 'genesis'); ?></p>
            <?php endif; ?>
        </div><!-- end.footer-col2 -->
        <div class="footer-col3">
            <?php if( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Right') ) : ?>
                <h4><?php _e("Footer Right Widget", 'genesis'); ?></h4>
                <p><?php _e("This is an example of a widgeted area. You can add content to this area by visiting your Widgets Panel and adding new widgets to this area.", 'genesis'); ?></p>
            <?php endif; ?>
        </div><!-- end.footer-col3 -->
        <div class="footer-bar">
            <?php if( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Bar') ) : ?>
                <h4><?php _e("Footer Bar", 'genesis'); ?></h4>
                <p><?php _e("This is an example of a widgeted area. You can add content to this area by visiting your Widgets Panel and adding new widgets to this area.", 'genesis'); ?></p>
            <?php endif; ?>
        </div><!-- end.footer-bar -->
    </div><!-- end.wrap -->
</div><!-- end#footer-widgetized -->
<?php }
Thêm mã sau vào css
#footer-widgetized {
    width: 960px;
    font-size: 11px;
    margin: 0auto0;
    padding: 0;
    overflow: hidden;
    clear: both;
    }
#footer-widgetized .wrap {
    width: 940px;
    margin: 0auto0;
    padding: 0;
    }
#footer-widgetized .widget {
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    }
.footer-col1{
    width: 500px;
    float: left;
    margin: 0;
    padding: 020px00;
    }
.footer-col2{
    width: 200px;
    float: left;
    margin: 0;
    padding: 020px00;
    }
.footer-col3{
    width: 200px;
    float: right;
    margin: 0;
    padding: 0000;
    }
.footer-bar {
    width: 940px;
    float: right;
    margin: 0;
    padding: 0;
    }
#footer-widgetized .footer-bar li {
    display:inline;
    padding:5px;
}
    

 

 

3 thoughts on “Thay đổi Footer mặc định của Gensis WordPress

  1. Công

    Mình đã làm được, cảm ơn bài viết của bạn

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *