WordPress

複数のフッターを作成、表示、応用する

投稿日:

pc

カスタムメニューのフッターメニューを複数作成する方法です。
フッターメニューは通常「 Home | About | Terms of Use | Contact」のシンプルなスタイルなので、フッター内だけでなく、ヘッダーやメイン、サイドバー、どこでもお好きな位置にナビゲーションを表示することが可能です。*ここではStinger8を使用しています。

テーマにfooterファイルを作成

footer.phpを複製して「footer-2.php」、「footer-3.php」と名前を付けます。
メニューだけ必要な場合は、ブログ名とCopyrightの記述を消去します。

カスタムメニューをfunctions.phpに追加

以下のコードを追加します。ここではまとめて2つ作成します。2つの場合は「,」をお忘れなく!

//カスタムメニュー
register_nav_menus( array(
‘footer_menu2’ => ‘#2フッターメニュー追加’,
‘footer_menu3’ => ‘#3フッターメニュー追加’
) );

[外観]のメニューをカスタマイズ

上記でfunctions.phpにコードを追加したことにより、[外観]ーメニューの「位置の管理」に’#2フッターメニュー追加’、’#3フッターメニュー追加’が表記されます。必要なメニューの指定をしましょう。

お好きな場所にfooterコードを挿入

フッター内に追加フッターを挿入する場合はfooter.php内に下記のコードを挿入します。ヘッダーはheader.php、sidebar.php、archive.php、page.php、single.php等に設定することも考えられますね。
footer-2を表示するコード:

 <?php get_footer(“2”); ?>

footer-3を表示するコード:

 <?php get_footer(“3”); ?>

スタイルの変更

スタイルをfooter.phpと違うものにしたい場合(テキストの色や大きさを変えるとか)はテーマ内に作成した「footer-2.php」、「footer-3.php」をそれぞれ開いて、スタイル名を変更します。

例:「footer-2.php」のスタイル<div id=”footer”>部分を下記に変更

<div id=”footer-2″>

例:「footer-3.php」のスタイル<div id=”footer”>部分を下記に変更

<div id=”footer-3″>

後はお分かりですね。style.cssを開き、フッタースタイルを複製して”footer-2″、”footer-3″のかくスタイルの文字スタイル等をお好きなものに変更します。

スポンサーリンク

-WordPress

関連記事

blog

CSS margin & padding の省略形

CSSのマージンとパディング marginとpaddingは-top, -bottom, -right, -leftと合わせて使いますが、省略形もありますね。 padding-top: 10px; p …

WordPress更新エラー Briefly Unavailable…

WordPressのセキュリティやプラグインのアップデートを試みると、Briefly Unavailable For Scheduled Maintenance Error In WordPressが …

blog

スマホのスライド式メニュー

使っているテーマのスマホのヘッドメニューは、ドロップダウンメニューなので本文が隠れるのですね。ちなみにStinger8です。 そこで、簡単にスマホのヘッドメニューをスライド式に変更しました。 実際のと …

blog

テーマStingerで外観を変更する

アフィリエイターに人気のあるテーマを「Stinger8」に再変更する方法です。 Stinger8はコチラのリンクページからダウンロードします。http://wp-fun.com/dl/ stinger …

blog

サイトをWordPressで作り替える

Htmlで作った古いサイトありますね。 もう10年とか。作り替えるとなる考える点は2つ。 WordPressの新サイトが完成するまで既存のサイトは停止したくない! 作成途中のWordPressの新サイ …

Author Profile
こつこつインフォの筆者こつ子です。
いつも兀々やってます。
出版関係のグラフィックデザイナー。
趣味はWebsiteを作ること、ヨガ、犬と山歩き、フルーツ酒作り。
読んでくれてありがとう〜!
**ご意見はこちらへ**