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

Home » Wordpress » Thay đổi Footer mặc định của Gensis WordPress
Wordpress 3 Comments

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

LEAVE A COMMENT