自由でクリエイティブな暮らしを応援!
Search

WordPressフッターメニューを追加する簡単カスタマイズ方法

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テーマは「自然から学び自然と共に生きる」

EVAHKS

運営:嶋耕作(しまこうさく)『相場の熊さん』の愛称で親しまれているFX裁量トレーダー、ライター。自然が好きで日本国内に山所有。ひいお爺様は外交官。20代前半に教育関連事業にて年商3億円達成。その後、肺炎で臨死体験。世界人口4%の性格タイプを持つ。自由と安定。混乱と静寂。異なる性質のふたつを併せ持っている。趣味は読書、映画、アニメ、PUPG、人狼ジャッジメント、バスケ、音楽。好きな場所は、海、森、温泉、猫の肉球。漫画の島耕作はサラリーマンですが、サラリーマンはこの世で一番やりたくない仕事です。

3 Comments
  1. […] 関連記事:ワードプレスフッターメニューを追加カスタマイズする方法 […]

  2. […] 関連記事:WordPressでフッターメニューを追加する簡単カスタマイズ方法 […]

  3. […] 関連記事:ワードプレスフッターメニューを追加カスタマイズする方法 […]

Leave a Comment

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください