• サイドバーの登録|WordPress

    2019/08/15
  • ※当サイトはアフィリエイト広告を利用しています。
  • 設置手順

    ポートフォリオ用のサイドバーを作成するため、過去の備忘録が役立ったものの、それでもうまくいかなかったので、再度残しておく。

     

    1. sidebar-◯◯.phpの作成
      <div id="sidebarnav">
          <div class="widget-area">
              <ul>
                  <?php dynamic_sidebar( 'name' ); ?>
              </ul>
          </div><!-- /.widget-area -->
       </div><!-- /#side -->

      ここで、nameはsidebar-◯◯.phpと同じ名前にしておくべし。前回は気にしていなかったけど、後で指定しても設置できなかったので、id=◯◯=nameと思われる。

    2. functions.phpに登録
      register_sidebar( array(
      	'name' => __( '管理画面に出る名前' ),
      	'id' => 'name',
      	'before_widget' => '<li class="widget-container">',
      	'after_widget' => '</li>',
      	'before_title' => '<h3>',
      	'after_title' => '</h3>',
      ) );

      大事なのはidを◯◯=nameにすること。

    3. 設置したいところへ記述
      <?php get sidebar('name'); ?>
    4. ダッシュボードの「外観」−「ウィジェット」で登録したウィジェットを編集する
      widget

      widget

       

      登録したウィジェットを選択し、ナビゲーションメニューを追加。さらにメニューを変更する場合は、次へ。

    5. メニューの作成
      ダッシュボートの「外観」−「メニュー」から作成する。ここで作成したものを手順4のメニューで選択すればOK.

      widget2

      widget2

     

    単純な様で、意外と複雑なウィジェットの登録。全てphpで作成できないため、ダッシュボードとの連携も必要。

     

    また、久々にphp漬けになり、頭が戻るのにも時間がかかった。

     

Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。