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の解除*/
}
これで、
以下のように表示されるようになります。
参考サイト)
「Stinger6, Stinger7, WordPress, カスタマイズ, カスタマイズ, テーマ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧
あなたにおすすめ
-
AFFINGER4Pro WordPress 不具合 伝えたいこと 備忘録
AFFINGER4でのDeprecated:Non-static method WPblogAdProp::setAd1()
Deprecated: Non-static method WPblogAdProp::setAd1() should not be called statically in /home/infova…
-
東京オリンピック・パラリンピック開催!?しちゃうしかないの?しちゃって良いの?するしかないの?
もう以前に記事にしてから早いもので来年の夏には東京オリンピック・パラリンピックが開催予定となっています。 まだ、上記のときは東京都知事選挙もありました。私の候補者予想などは見事にハズレて現在の小池百合…
-
アイキャッチ画像設定し忘れプラグインなし自動設定方法Stinger6
WordPressを使用すると、 アイキャッチ画像の設定が簡単に可能になります。 中でも人気のテーマStingerシリーズだとなおさらいろいろな機能が元々色々あってとても便利です。 そのStinger…
-
FFFTP1.99最新バージョン正式版がリリースされました
FTPソフトと言えば?Windows98の頃からある(昔)からあるffftp(FFFTP)だと思います。IBMホームページビルダーなど有償アプリケーションなどには基本的にメーカーが作成したFTPソフト…
-
Windows10無償アップグレード終了後大幅なアップデートで不具合はないか…。
Windows10が昨年2015年7月29日に正式にリリースされて、先日マイクロソフトはWindows10ユーザーが3億人を突破したと公表しています。また、同じくしてWindows7、Windows8…
-
AdSense AFFINGER4Pro STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録
関連記事内(途中)にインフィード広告を入れる挿入方法
先月いや先々月の7月初旬頃かと思います。Google Adsenseにおいて、 インフィード広告や 関連コンテンツ内広告 そして記事内広告 の3つが追加されてこれまでよりより使いやすくなりました。 (…
おすすめの記事一部広告
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく4
- カーメイトのエンジンスターターでエラー15表示と対処方法3
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ3
- エクストレイルT32おすすめバッテリーPanasonicカオスバッテリー3
- シガーライターがない車にシガーライターソケットの付け方と増設方法2
- スロットルポジションセンサー調整で不安定なアイドリング調整2
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法2
- NISSANセレナとエクストレイルのオルタネーター(ECOモーター)リコール対応2
- エクストレイル純正スピーカー交換方法とおすすめ社外スピーカー2
- アルミテープチューン貼る場所で燃費向上と走行性能アップTOYOTAの特許を試してみた1
おすすめ!!
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
Googleニュース
2024-04-25
... クルマのメンテナンス費ランキングを発表した。10年間所有した場合のメンテナンス費は、テスラをはじめとするアメリカ車が安い傾向にあるという。 <ベスト ...
Total255
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の解除*/
}
これで、
以下のように表示されるようになります。
参考サイト)
CSSでフッターの横並びを解除する為に以下のように、CSSで調整します。
でないと、
フッターメニューがウィジェットの横に長細く表示されてしまいます。
なので、divタグで横並びをクリアします。
CSS
/*——————————–
フッターウィジェット
———————————*/
footer>aside ul {
float:left;
width: 310px;
padding: 10px;
list-style-type:none;
}
.clear {
clear:both; /*floatの解除*/
}
これで、
以下のように表示されるようになります。
AFFINGER4Pro WordPress 不具合 伝えたいこと 備忘録
AFFINGER4でのDeprecated:Non-static method WPblogAdProp::setAd1()
Deprecated: Non-static method WPblogAdProp::setAd1() should not be called statically in /home/infova…
東京オリンピック・パラリンピック開催!?しちゃうしかないの?しちゃって良いの?するしかないの?
もう以前に記事にしてから早いもので来年の夏には東京オリンピック・パラリンピックが開催予定となっています。 まだ、上記のときは東京都知事選挙もありました。私の候補者予想などは見事にハズレて現在の小池百合…
アイキャッチ画像設定し忘れプラグインなし自動設定方法Stinger6
WordPressを使用すると、 アイキャッチ画像の設定が簡単に可能になります。 中でも人気のテーマStingerシリーズだとなおさらいろいろな機能が元々色々あってとても便利です。 そのStinger…
FFFTP1.99最新バージョン正式版がリリースされました
FTPソフトと言えば?Windows98の頃からある(昔)からあるffftp(FFFTP)だと思います。IBMホームページビルダーなど有償アプリケーションなどには基本的にメーカーが作成したFTPソフト…
Windows10無償アップグレード終了後大幅なアップデートで不具合はないか…。
Windows10が昨年2015年7月29日に正式にリリースされて、先日マイクロソフトはWindows10ユーザーが3億人を突破したと公表しています。また、同じくしてWindows7、Windows8…
AdSense AFFINGER4Pro STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録
関連記事内(途中)にインフィード広告を入れる挿入方法
先月いや先々月の7月初旬頃かと思います。Google Adsenseにおいて、 インフィード広告や 関連コンテンツ内広告 そして記事内広告 の3つが追加されてこれまでよりより使いやすくなりました。 (…
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく4
- カーメイトのエンジンスターターでエラー15表示と対処方法3
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ3
- エクストレイルT32おすすめバッテリーPanasonicカオスバッテリー3
- シガーライターがない車にシガーライターソケットの付け方と増設方法2
- スロットルポジションセンサー調整で不安定なアイドリング調整2
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法2
- NISSANセレナとエクストレイルのオルタネーター(ECOモーター)リコール対応2
- エクストレイル純正スピーカー交換方法とおすすめ社外スピーカー2
- アルミテープチューン貼る場所で燃費向上と走行性能アップTOYOTAの特許を試してみた1
おすすめ!!
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
2024-04-25
... クルマのメンテナンス費ランキングを発表した。10年間所有した場合のメンテナンス費は、テスラをはじめとするアメリカ車が安い傾向にあるという。 <ベスト ...
よろしかったらシェアよろしくお願いします。
- X
Deprecated: Automatic conversion of false to array is deprecated in /home/variouspress/infovarious.com/public_html/wp-content/plugins/sns-count-cache/sns-count-cache.php on line 2924
Twitter - Share
Deprecated: Automatic conversion of false to array is deprecated in /home/variouspress/infovarious.com/public_html/wp-content/plugins/sns-count-cache/sns-count-cache.php on line 2921
Share - Pocket
Deprecated: Automatic conversion of false to array is deprecated in /home/variouspress/infovarious.com/public_html/wp-content/plugins/sns-count-cache/sns-count-cache.php on line 2921
Pocket - Hatena
Deprecated: Automatic conversion of false to array is deprecated in /home/variouspress/infovarious.com/public_html/wp-content/plugins/sns-count-cache/sns-count-cache.php on line 2921
Hatena
[…] Stinger6のフッターに3カラムのウィジェットを追加する方法 […]