WordPressテーマ「マテリアル」にフッターメニューを追加する方法

WordPressの使い方基本知識(ワードプレス)




ご質問がありましたので、WordPressのテーマ「マテリアル」にフッターメニューを追加する方法をメモしておきます。

 

①functions.phpを開く

外観>テーマ編集>functions.php

 

まず、functions.phpファイルに
register_nav_menu( 'footer-menu', 'フッターメニュー' );
を追加します。

functions.phpのファイルを開いたら、キーボードの「command」+「F」を押します。

すると、右上あたりに文字の入力できる窓が出てきますので
「グローバルナビゲーション」と入力してエンターを押します。

すると、functions.phpファイル内にあるグローバルナビゲーションの部分に移動します。

その中にあるregister_nav_menu( ‘nav’, ‘グローバルナビゲーション’ );
の下に

register_nav_menu( 'footer-menu', 'フッターメニュー' );
をコピペします。

 

こんな感じ↓

/**** グローバルナビゲーション ****/
add_action( 'after_setup_theme', 'register_my_menu' );
function register_my_menu() {
register_nav_menu( 'nav', 'グローバルナビゲーション' );
register_nav_menu( 'footer-menu', 'フッターメニュー' );
}

 

ここまでできたらfunctions.phpを保存します。
この状態で、外観⇒メニューを確認するとフッターメニューが追加されています。

 

②footer.phpファイルを開く

次にfooter.phpファイルを開きます。

14行目あたりにある、
</div><!– .footer — >
の上に

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

を追加します。

 

こんな感じ↓

 

<div class="footer sub-color-background"><div class="footer sub-color-background"><P>Powered by <a class="material" href="http://wp-material.net" target="_blank">WordPress Theme マテリアル</a></p><p><a class="footer-name" href="<?php echo home_url() ?>">&copy;<?php bloginfo("name") ?></a> All Rights Reserved.</p>
<?php if(is_button_set()){ ?> <p class="lsf move-button to-top sub-color-background">arrowup</p> <?php if(!is_front_page()){ ?> <a href="<?php echo home_url() ?>"><p class="lsf to-home move-button sub-color-background">home</p></a> <?php } ?><?php } ?>

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

</div><!-- .footer -->

 

これで、ワードプレスのテーマ「マテリアル」のフッターにメニューを追加できます。




よく読まれている記事

WordPressの使い方基本知識(ワードプレス)

2 件のコメント

  • とても分かりやすかったです!無事に追加出来ました!
    態々記事にしていただき、本当にありがとうございました!

  • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です