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

ブログを始める

自分のブログ=サイトを始める 後々にアフィリエイトで収入を得たい人は特に自分が運営する独自のウェブサイトを作成たいですよね。 アメブロ等の無料ブログは便利ですが、アフィリエイトに関しての規正があります …

blog

CSS margin & padding の省略形

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

blog

Stinger8の投稿日と更新日の消去

Stinger8のテーマで投稿日と更新日が必要のないサイトを作成する場合ってありますよね。 基本は4つのphpファイルを変更することで、消去可能です。 固定ページの下の投稿日と更新日を消去 「inde …

blog

ヘッダーにメニューを加える方法

WordPressではヘッダーに横長のメニューを割と簡単に加えることが出来ます。ちょっと機械的な作業っぽいですが、6つのステップを試してみてください。 *テーマによって、ヘッダーのデザインは多少異なり …

WordPress更新エラー Briefly Unavailable…

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

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