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

コメント欄をごっそり消す方法

WordPress管理者ログインするとメニューに「プラグイン」がありますね。クリックします。 右上の検索でキーワードを選択して「disable comment」と入力。コメント欄をカスタマイズできるプ …

blog

WordPressのセキュリティー対策

WordPressのセキュリティー対策にはクラッキングの第一候補に上がらないように、とりあえず今出来ることをやろうと思います。マイナーサイトもやられますよ! 自分は被害者なので警告します! 勝手にリン …

blog

スマホ表示の幅を修正する

なんて、アホなんやー!? 記事の幅を変更しようと、CSSをいじくっていたら、スマホ表示で幅が画面からはみ出てることに気づきました。スクロールで右にやると記事は全部あるのですが… 一行ごとのスクロールで …

blog

WordPressセキュリティ対策

WordPress 4.7以上のバージョンでちょっとしたセキュリティ対策が可能です。インストールの際に使ったWordPressのユーザー名と投稿者名が同じ場合、第三者にサイトを乗っ取られやすいくなりま …

blog

サイトをWordPressで作り替える

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

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