php 添加Wordpress页脚小部件区域

Posted 2021-05-04

#footer-sidebar {
    display:block;
    width:100%;
    margin-left:13rem;
}

#footer-sidebar1 {
    float: left;
    width: 25%;
}

#footer-sidebar2 {
    float: left;
    width: 10%;
}

#footer-sidebar3 {
    float: left;
    width: 15%;
}

#footer-sidebar4 {
     width: 20%;
     float: left;
 }
 
#footer-sidebar5 {
    width: 25%;
    float: left;
}

<div id="footer-sidebar" class="secondary">
    <div id="footer-sidebar1">
        <?php
        if(is_active_sidebar('footer-sidebar-1')){
            dynamic_sidebar('footer-sidebar-1');
        }
        ?>
    </div>
    <div id="footer-sidebar2">
        <?php
        if(is_active_sidebar('footer-sidebar-2')){
            dynamic_sidebar('footer-sidebar-2');
        }
        ?>
    </div>
    <div id="footer-sidebar3">
        <?php
        if(is_active_sidebar('footer-sidebar-3')){
            dynamic_sidebar('footer-sidebar-3');
        }
        ?>
    </div>
    <div id="footer-sidebar4">
        <?php
        if(is_active_sidebar('footer-sidebar-4')){
            dynamic_sidebar('footer-sidebar-4');
        }
        ?>
    </div>
    <div id="footer-sidebar5">
        <?php
        if(is_active_sidebar('footer-sidebar-5')){
            dynamic_sidebar('footer-sidebar-5');
        }
        ?>
    </div>
</div>

function footer_widgets_init() {
	register_sidebar( array(
		'name'          => esc_html__( 'Sidebar', 'template-name' ),
		'id'            => 'sidebar-1',
		'description'   => esc_html__( 'Add widgets here.', 'template-name' ),
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );

    register_sidebar( array(
        'name' => 'Footer Sidebar 1',
        'id' => 'footer-sidebar-1',
        'description' => 'Appears in the footer area',
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget' => '</aside>',
        'before_title' => '<h3 class="widget-title">',
        'after_title' => '</h3>',
    ) );
    register_sidebar( array(
        'name' => 'Footer Sidebar 2',
        'id' => 'footer-sidebar-2',
        'description' => 'Appears in the footer area',
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget' => '</aside>',
        'before_title' => '<h3 class="widget-title">',
        'after_title' => '</h3>',
    ) );
    register_sidebar( array(
        'name' => 'Footer Sidebar 3',
        'id' => 'footer-sidebar-3',
        'description' => 'Appears in the footer area',
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget' => '</aside>',
        'before_title' => '<h3 class="widget-title">',
        'after_title' => '</h3>',
    ) );
    register_sidebar( array(
        'name' => 'Footer Sidebar 4',
        'id' => 'footer-sidebar-4',
        'description' => 'Appears in the footer area',
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget' => '</aside>',
        'before_title' => '<h3 class="widget-title">',
        'after_title' => '</h3>',
    ) );
    register_sidebar( array(
        'name' => 'Footer Sidebar 5',
        'id' => 'footer-sidebar-5',
        'description' => 'Appears in the footer area',
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget' => '</aside>',
        'before_title' => '<h3 class="widget-title">',
        'after_title' => '</h3>',
    ) );

}
add_action( 'widgets_init', 'footer_widgets_init' );