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

500エラーでサイトが不能!

先日、htmlからWordPressで作り直したサブドメインのサイトに「500 Server error」が出て見れなくなってしまいました。 大ショック! 何も触ってないのに突然なった! サーバーのコ …

blog

検索ボックスのphpをショートコードにして投稿や固定ページに入れる

 WordPressでの検索ボックスの表示はphpコード、<?php get_search_form(); ?>です。phpコードを投稿ページや固定ページに書き込んでも表示されませんね。そ …

blog

WordPressのテーマで選択でトラブル

WordPressで作り替えたい古いサイトがあったので、Stinger8以外でやってみることにしました。 基本は現サイトからあまりイメージを変えずに、レシポンシブサイト(スマホ対応)にすることでした。 …

blog

サーバーのセキュリティーをパーミッションで強化

WordPressのセキュリティーについてはこちらで書きましたが、サーバーのセキュリティーも重要です。初期設定ではクラッカー&ハッカーに狙われますので、コントロールパネルでパーミションを変更しましょう …

blog

Stinger8のサイドバーを無くす方法

Pet 関連サイトのリスティングサイトなんですが、大きく地図を使うレイアウトにするため、サイドバーをなくしてメインを1コラムにすることにしました。単にsidebar.phpを開いて内容を消去する方法も …

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