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

2024年11月21日 (木曜日)本日の人気記事トップ１０

• マイナ保険証なくても資格確認書で受診可能保険証は最長1年有効168
• ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法71
• エクストレイルフォグランプが下を向きすぎている光軸調整方法26
• Windows10で動かないアプリを動かす方法216
• カーメイトのエンジンスターターでエラー15表示と対処方法13
• ECUをリセットする方法。アイドリング不安定だったのでしょうがなく11
• エクストレイルT32オルタネーターB端子からプラシングとアーシング10
• ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に10
• エクストレイルリアワイパー交換方法と純正部品番号9
• Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)8

今日は2024年11月21日です。

目次に行く･戻る

2024年11月21日 (木曜日)↓における週間月間人気記事トップ３は？↓

• 本日
• 週間
• 月間

1. 

   エクストレイルフォグランプが下を向きすぎている光軸調整方法 39PV

   人気車種のSUVで日産エクストレイルT32型のフォグランプは、光軸が下を向きすぎているためせっかくLEDフォグランプにしたりHIDにしたりしてもその恩恵をあまりかんじられません。要は、ボンネットが少し…

   もっと読む

2. 

   Windows10で動かないアプリを動かす方法2 16PV

   先日も書きましたWindows10の不具合？に関することです。 不具合と言うのか仕様と言えば良いのかわかりませんが、とにかくWindows10にアップグレードしたりWindows10に若干古めのアプリ…

   もっと読む

3. 

   ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に 9PV

   NISSANエクストレイルは日産の中でも人気のSUV車です。そのエクストレイルは今年の6月8日にT32型の後期型がマイナーチェンジして発売されました。新しい後期型にはメーカーオプションで話題の半分自動…

   もっと読む

1. 

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

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

   もっと読む

2. 

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

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

   もっと読む

3. 

   ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法 81PV

   ここ最近のハイブリッド車や電気自動車においては、ハンドル（ステアリング）を交換することなどは滅多にないかもしれません。 ですが、個体差というものがあって新車だとしてもハンドルの真ん中の位置がズレてしま…

   もっと読む

1. 

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

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

   もっと読む

2. 

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

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

   もっと読む

3. 

   ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法 81PV

   ここ最近のハイブリッド車や電気自動車においては、ハンドル（ステアリング）を交換することなどは滅多にないかもしれません。 ですが、個体差というものがあって新車だとしてもハンドルの真ん中の位置がズレてしま…

   もっと読む

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

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