［WordPress］widgetにフッターの左・中央・右が表示できるように設定したい

Question

掲題の件ですが、widgetでフッターを表示できるように以下のコードを書いているのですが、うまく表示できません。
何が原因なのでしょうか？

■functions.phpのコード

//フッターの表示
$sidebars = array(1, 2, 3);
foreach($sidebars as $number) {
     register_sidebar(array(
          'name' => 'Footer ' . $number,
          'id' => 'footer ' . $number,
          'before_widget' => '<div class="widget">',
          'after_widget' => '</div>',
          'before_title' => '<h3>',
          'after_title' => '</h3>'
     ));
}

■footer.phpのコード

<div class="row">
        <div class="col-md-4"><?php dynamic_sidebar("footer1"); ?></div>
        <div class="col-md-4"><?php dynamic_sidebar("footer2"); ?></div>
        <div class="col-md-4"><?php dynamic_sidebar("footer3"); ?></div>
      </div>

もし、分かる方がいればご教示頂きたく思います。宜しくお願いいたします。

Answer 1

WordPressのデフォルトテーマで動作確認済です。

コピペするのはよいのですが、コピペしたソースコードが何をしているのか、自分がいままで書いていたのと何が違うのかを確認し理解した上でコピペしてください。そうでないと、これからもずっと同じような質問を繰り返すことになりますし、何か問題が起きた時に自身で対処できなくなります。

function kuck1u_47879_widgets_init() {
	$widgets = array(
		'footer-1',
		'footer-2',
		'footer-3',
	);

	foreach ($widgets as $widget) {
		register_sidebar( array(
			'name'          => sprintf( __( 'Widget Area %s', 'kuck1u47879' ), ucfirst( $widget ) ),
			'id'            => $widget,
			'description'   => __( 'Add widgets here to appear in your footer.', 'kuck1u47879' ),
			'before_widget' => '<aside id="%1$s" class="widget %2$s">',
			'after_widget'  => '</aside>',
			'before_title'  => '<h2 class="widget-title">',
			'after_title'   => '</h2>',
		) );
	}
}
add_action( 'widgets_init', 'kuck1u_47879_widgets_init' );

<div class="row">
    <div class="col-md-4"><?php dynamic_sidebar("footer-1"); ?></div>
    <div class="col-md-4"><?php dynamic_sidebar("footer-2"); ?></div>
    <div class="col-md-4"><?php dynamic_sidebar("footer-3"); ?></div>
</div>

Comments

[akkkkin]

コメントありがとうございます。
確かに確認し、理解しながらすすめていくことが大事ですね。

Answer 2

add_action( 'widgets_init', 'theme_slug_widgets_init' );していないからでは？

関数リファレンス/register sidebar - WordPress Codex 日本語版
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/register_sidebar

追記(2016/09/13 18:16)
以下の様に書いてみてください。

add_action( 'widgets_init', 'theme_slug_widgets_init' );

function theme_slug_widgets_init() {
	$sidebars = array(1, 2, 3);
	foreach($sidebars as $number) {
	     register_sidebar(array(
	          'name' => 'Footer ' . $number,
	          'id' => 'footer ' . $number,
	          'before_widget' => '<div class="widget">',
	          'after_widget' => '</div>',
	          'before_title' => '<h3>',
	          'after_title' => '</h3>'
	     ));
	}
}

追記(2016/09/13 18:27)
idにスペースが空いているようなので、以下のようにしてみてください。

<div class="row">
        <div class="col-md-4"><?php dynamic_sidebar("footer 1"); ?></div>
        <div class="col-md-4"><?php dynamic_sidebar("footer 2"); ?></div>
        <div class="col-md-4"><?php dynamic_sidebar("footer 3"); ?></div>
      </div>

追記(2016/09/13 18:40)
何度もごめんなさい。
register_sidebarのCodexには、

id - サイドバーの ID - すべて小文字の半角英数字で空白を除く

とありますので、空白はつめたほうがよさそうです。（footer1,footer2...）

Comments

[akkkkin]

ありがとうございます。

//フッターの表示
add_action( 'widgets_init', 'theme_slug_widgets_init' );
$sidebars = array(1, 2, 3);
foreach($sidebars as $number) {
register_sidebar(array(
'name' => 'Footer ' . $number,
'id' => 'footer ' . $number,
'before_widget' => '<div class="widget">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>'
));
}

としましたが表示されません。。。

[退会済みユーザー]

回答に記述例を追記しました。

[akkkkin]

ありがとうございます。
追記をコピペしましたが、表示されません。。。

[退会済みユーザー]

追記したのでご確認ください。