Stinger6のフッターに3カラムのウィジェットを追加する方法

2025年3月14日 (金曜日)↓における週間月間人気記事トップ３は？↓

• 本日
• 週間
• 月間

1. 

   エンジンスターターTE-W9000のリモコンの電池交換 6PV

   数ヶ月前まらローバッテリーとリモコンに表示され続けたいましたが、 とりあえず、 まだ何度か押せば使用できる状態でした。   PB（プライベートブランド）のセブン-イレブンのCR2025を購入…

   もっと読む

2. 

   免責事項 3PV

   免責事項当サイトを利用することで発生した損失や損害・その他トラブルに関しては一切の責任を負いかねます。あらかじめご了承くださいますようお願いいたします。 掲載しているコンテンツの内容が間違っている場合…

   もっと読む

3. 

   マイナ保険証なくても資格確認書で受診可能保険証は最長1年有効 2PV

   今年2024年12月2日に新規の紙のこれまでの保険証の発行を停止するとのことです。マイナンバーカードに保険証を登録してマイナ保険証としての利用を促しています。ですが、以下の記事のようにマイナ保険証はト…

   もっと読む

1. 

   エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 26PV

   車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

   もっと読む

2. 

   ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 23PV

   本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

   もっと読む

3. 

   シートベルトがきついのでシートベルト延長（バックル延長） 23PV

   すべての車に付いているシートベルト…。 ですが、体型や車種によってシートベルトのバックルが短いとシートベルトを締めた際にきつくて運転自体がしにくくなってしまいます。 それでは、せっかくの安全装置である…

   もっと読む

1. 

   エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 26PV

   車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

   もっと読む

2. 

   ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 23PV

   本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

   もっと読む

3. 

   シートベルトがきついのでシートベルト延長（バックル延長） 23PV

   すべての車に付いているシートベルト…。 ですが、体型や車種によってシートベルトのバックルが短いとシートベルトを締めた際にきつくて運転自体がしにくくなってしまいます。 それでは、せっかくの安全装置である…

   もっと読む

今日は2025年3月14日です。

目次に行く･戻る

2025年3月14日 (金曜日)本日の人気記事トップ１０

• カーメイトのエンジンスターターでエラー15表示と対処方法5
• エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ4
• 車のキーナンバー確認方法。キーレス紛失や壊れた時2
• スロットルポジションセンサー調整で不安定なアイドリング調整2
• 車のハンドルが重い時にできる対処方法2
• FFFTP1.99最新バージョン正式版がリリースされました2
• ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法2
• アイドリングストップシステム異常警告灯表示対処方法2
• エクストレイルT32ヘッドライト光軸調整方法2
• エクストレイルフォグランプが下を向きすぎている光軸調整方法1

WordPressのテーマには多くのものがあります。

中でも無料のテーマでStingerがとても有名です。
かつ、
SEO的にも優れています。

また、
カスタマイズ性にも良いです。

そこで、

Stinger6、Stinger7のfooter部分にWidget（ウィジェット）を追加する方法です。

まずは、
function.phpを開きます。
(必ずバックアップしてから編集してくださいネ！！もし画面が真っ白になった場合でもFTPでバックアップしたものをアップロードすれば直りますので。)

その中に以下のコードを記載・記述します。

// フッターウィジェット追加
 register_sidebar( array(
 'id' => 'footer-left',
 'name' => 'フッター左',
 'before_widget' => '<ul><li>',
 'after_widget' => '</li></ul>',
 'before_title' => '<h4 class="menu_underh2">',
 'after_title' => '</h4>',
 ));
 register_sidebar( array(
 'id' => 'footer-center',
 'name' => 'フッター中央',
 'before_widget' => '<ul><li>',
 'after_widget' => '</li></ul>',
 'before_title' => '<h4 class="menu_underh2">',
 'after_title' => '</h4>',
 ));
 register_sidebar( array(
 'id' => 'footer-right',
 'name' => 'フッター右',
 'before_widget' => '<ul><li>',
 'after_widget' => '</li></ul>',
 'before_title' => '<h4 class="menu_underh2">',
 'after_title' => '</h4>',
 ));
 //ここまで

その後、
一度管理画面よりfooter部分にWidget（ウィジェット）が追加されたか確認します。

(しなくてもいいですが^^;）一応です)

追加されていることを確認できたら、
最後にCSSでスタイルを調整します。

その前に、
footer.phpを以下のように変更します。

<footer id=”footer”>

この一番上のfooter部分の下に以下のコードを追記します。

<!–フッターウィジェット–>
 <aside>
 <ul><?php dynamic_sidebar('footer-left'); ?></ul>
 <ul><?php dynamic_sidebar('footer-center'); ?></ul>
 <ul><?php dynamic_sidebar('footer-right'); ?></ul>
 </aside>
 <!–/フッターウィジェット–>
 <div class="clear">

次に、

</footer>

部分を以下のようにします。

</div>
</footer>

最後に、

CSSでフッターの横並びを解除する為に以下のように、CSSで調整します。

でないと、
フッターメニューがウィジェットの横に長細く表示されてしまいます。
なので、divタグで横並びをクリアします。

CSS

/*——————————–
 フッターウィジェット
 ———————————*/
 footer>aside ul {
 float:left;
 width: 310px;
 padding: 10px;
 list-style-type:none;
 }

.clear {
 clear:both;　/*floatの解除*/
 }

これで、
以下のように表示されるようになります。