WordPressのフッターメニューが実装されていないテーマもたまにあります。

今回は、ワードプレスをカスタマイズして、フッターメニューを追加して表示させる方法についてご紹介します。

 

 

フッターメニューを追加する方法

まず、フッターにメニューを追加するためにfunctions.phpファイルにある「register_nav_menu( ‘primary’, __( ‘Primary Menu’, ‘ワードプレスのテーマ名’ ) );」の下あたりに以下のコードを追加します。

 

register_nav_menu( 'footer-menu', 'フッターメニュー' );

 

コードを追加したあとに、外観⇒メニューを確認するとフッターメニューが追加されています。

 

 

フッターメニューを表示する方法

次にフッターメニューに登録したメニューを表示するために、

footer.phpファイルのdivのsite-infoクラスのコードを削除して

wp_nav_menuを追加すると、フッターにメニューが表示されます。

 

<div class="site-info">
      <?php wp_nav_menu( array('theme_location' => 'footer-menu')); ?>
</div><!-- .site-info -->

 

この段階では、縦にリストが表示されます。

 

 

横にフッターメニューのリストを表示する方法

style.cssの例が以下のようになります。

ここは好みなので、好きなようにデザインしてください。

 

.site-info ul {
  text-align: center;
}
.site-info li {
  display: inline-block;
  margin-right: 20px;
}

 

]]>

いいね、シェア、フォロー歓迎!2020テーマは「自然から学び自然と共に生きる」