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

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

• 本日
• 週間
• 月間

1. 

   Windows11 24H2不具合エクスプローラーのツールバー詳細 (…)が下に表示でなく上に表示解決方法 4PV

   Windows11が正式リリースされてから早3年が経過します。毎年10月から11月にはWindows10の頃からメジャーアップデートが繰り返されてきています。今年2024年はWindows11バージョ…

   もっと読む

2. 

   ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 3PV

   過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。（メンテナンスしないのはもっと悪いですが…。） その記…

   もっと読む

3. 

   車のキーナンバー確認方法。キーレス紛失や壊れた時 2PV

   初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

   もっと読む

1. 

   カーメイトのエンジンスターターでエラー15表示と対処方法 36PV

   夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

   もっと読む

2. 

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

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

   もっと読む

3. 

   車のキーナンバー確認方法。キーレス紛失や壊れた時 27PV

   初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

   もっと読む

1. 

   カーメイトのエンジンスターターでエラー15表示と対処方法 36PV

   夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

   もっと読む

2. 

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

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

   もっと読む

3. 

   車のキーナンバー確認方法。キーレス紛失や壊れた時 27PV

   初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

   もっと読む

今日は2025年2月22日です。

目次に行く･戻る

2025年2月22日 (土曜日)本日の人気記事トップ１０

• ワコーズRECSでアイドリング不調と燃費改善効果とレ PV7
• エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ5
• Windows11 24H2不具合エクスプローラーのツールバー詳細 (…)が下に表示でなく上に表示解決方法4
• ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法3
• ECUをリセットする方法。アイドリング不安定だったのでしょうがなく3
• エクストレイルT32マイナーチェンジ後ステアリング外し方2
• マウスの左クリックや右クリックが効かないのでマウス分解して直す方法2
• 車のキーナンバー確認方法。キーレス紛失や壊れた時2
• PITWORKエンジンリフレッシュのレ PV効果ありワコーズRECSに似ている2
• エクストレイルリアワイパー交換方法と純正部品番号2

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の解除*/
 }

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