wordpress - Wordpress テーマに 3 列の動的ウィジェット フッターを追加する

Question

私のワードプレスのテーマには、ウィジェット化されたフッター エリアがありません。あるのはただの

フッター テキスト

フッターで。

ブログロール、サイト ページ、最近の投稿など、ダッシュボードのウィジェット エリアからフッターにウィジェットを追加できるようにしたいと考えています。フッターを 3 列にしたいと考えています。

これどうやってするの？乾杯

Answer 1

まず、ウィジェット領域をfunctions.phpに登録します。

/* REGISTER WIDGETS ------------------------------------------------------------*/

if (function_exists('register_sidebar')) {
    register_sidebar(array(
        'name' => 'Footer Left',
        'id'   => 'footer-left-widget',
        'description'   => 'Left Footer widget position.',
        'before_widget' => '<div id="%1$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<h2>',
        'after_title'   => '</h2>'
    ));

    register_sidebar(array(
        'name' => 'Footer Center',
        'id'   => 'footer-center-widget',
        'description'   => 'Centre Footer widget position.',
        'before_widget' => '<div id="%1$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<h2>',
        'after_title'   => '</h2>'
    ));

    register_sidebar(array(
        'name' => 'Footer Right',
        'id'   => 'footer-right-widget',
        'description'   => 'Right Footer widget position.',
        'before_widget' => '<div id="%1$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<h2>',
        'after_title'   => '</h2>'
    ));


}

次に、footer.phpファイルに次のようなものがあります。

    <!-- footer -->
    <div id="mainfooter">

        <!-- 1/3 -->
        <div class="four columns">
            <?php if ( !function_exists( 'dynamic_sidebar' ) || !dynamic_sidebar('footer-left-widget') ) ?>
        </div>
        <!-- /End 1/3 -->
        <!-- 2/3 -->
        <div class="four columns">
            <?php if ( !function_exists( 'dynamic_sidebar' ) || !dynamic_sidebar('footer-center-widget') ) ?>
        </div>
        <!-- /End 2/3 -->
        <!-- 3/3 -->
        <div class="four columns">
            <?php if ( !function_exists( 'dynamic_sidebar' ) || !dynamic_sidebar('footer-right-widget') ) ?>
        </div>
        <!-- /End 3/3 -->

    </div>
    <!-- /End Footer -->

Answer 2

最初にこのコード行を function.php に入れます

if ( function_exists('register_sidebar') ) {
    register_sidebar(); 

    register_sidebars(3, array('name'=>'Footer %d'));
} 

これを footer.php ファイルに追加します

<div id="footerwidgets">
 <div id="footer-left"> 

 <ul> <?php if ( !function_exists('dynamic_sidebar') ||
    !dynamic_sidebar('footer 1') ) : ?> <li> <?php endif; ?> </ul>

 </div> 
<div id="footer-middle"> 

 <ul> <?php if ( !function_exists('dynamic_sidebar') ||
    !dynamic_sidebar('footer 2') ) : ?> <li> <?php endif; ?> </ul>

</div> 
<div id="footer-right"> 

 <ul> <?php if ( !function_exists('dynamic_sidebar') ||
 !dynamic_sidebar('footer 3') ) : ?> <li> <?php endif; ?> </ul>

 </div> 
</div> 
<br>
 <br clear="all" />