質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.86%

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

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 1,191

akkkkin

score 77

掲題の件ですが、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>

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

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

+2

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>

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/09/16 10:59

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

    キャンセル

checkベストアンサー

+1

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...)

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/09/13 18:13

    ありがとうございます。

    //フッターの表示
    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>'
    ));
    }

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

    キャンセル

  • 2016/09/13 18:17

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

    キャンセル

  • 2016/09/13 18:23

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

    キャンセル

  • 2016/09/13 18:35

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

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.86%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる