ch@osWordPressから無料系にPC関連までお役立ち情報を満載!なブログを目指しています。オススメなんだかんだ言ってもやはりSTINGER8のカスタマイズ記事は需要が高いようですね。言う私も結構楽しみながらcssやphpの勉強になっている事ですし、これはこれでエントリーに出来て一石二鳥でしょう!とそんなわけで、今回はSTINGER8に3カラムのフッターを設置してみたいと思います。追加したフッター用のCSSを作成3カラムフッターの完成です!今後もちまちまとカスタマイズしていく予定ですデフォルトでは何も無いSTINGER8のフッターと言っても本当に何も無いわけではありませんが、デフォルトの状態だとSTINGER8にはフッターにウィジェットを配置する事が出来ないので、フッターメニュー、サイト名、ディスクリプション、コピーライトしか表示されない事になります。これはちょっと寂しいですよね?という事で、よくある感じの3カラムフッターをSTINGER8にもつけてあげたいと思います。今回の作業のポイントSTINGER8にフッターを設置する為に、3つの工程での作業が必要になります。作成したウィジェットをフッター部に表示フッター用のCSSを作成それでは順番に作業内容を見ていく事にしましょう。例によって今回も子テーマに対して変更を加えていきます。テーマのための関数(functions.php)を開いてコピペして下さい。functions.phpを編集してFTPでアップロードしてもOKです。'フッターの左側に表示されるウィジェットです。'フッターの中央に表示されるウィジェットです。'フッターの右側に表示されるウィジェットです。);}これでウィジェットが作成出来ました。親テーマになるので、追加した分が最初に来てしまうのはちょっと気になりますが、今はそれでガマンしておいて下さい。試してはいませんが一応その辺りを制御する方法もある事はあるので、それはまたその内にという事で。作成したウィジェットをフッター部に表示まずは親テーマからfooter.phpをコピーしてくる必要があります。コピーしてきたらfooter.phpを開いて、以下の場所に作成したフッターを表示する部分を追記して下さい。-->本当ならウィジェットに何か設定されているか左・中央・右へと1つずつ判定しながら表示するよう処理した方が良いのかもしれませんが、今回の場合はサイト名やディスクリプションを表示している要素の上に、3カラムのフッター部分をまるっと挿入しているという事もあって無条件にその分の領域を確保するようにしました。そこはちゃんとやっておきたいという方は、関数のis_active_sidebarを使ってウィジェットがアクティブかどうか判定しながら記述してみると良いと思いますが、私は面d...いや、必要だから追加したのであって、使わない場合は想定していないからという事にしておいて下さい。そんな感じの雑な仕様ですので、使っていないカラムがあるとそこだけ空間が出来る事になります。使うなら全部使う、そうでないならいっそ全部使わないといった潔い使い方がよろしいかと思います。Nothing、みたいな。flexってかなり便利ですねぇ。これだとちょっとしたタイル表示なんかも簡単に出来ちゃうんじゃないかと思えてきますが、やってみたらそれはそれでハマるんだろうなという気がしなくもなかったり。そんな話はさておき、style.cssに以下の文を追記します。STINGER8では959px以下でサイドバーがメインカラムの下に回り込むので、そのタイミングでフッターが非表示になるよう設定してあります。言うか、その辺はちょっとだけモバイルファーストを意識して以下のような書き方にしてみました。追加したフッターはまず非表示に設定しておいて、960px以上の時は表示させるといった感じになるでしょうか。--*/}サイドバーとフッターの見出しをまとめて装飾出来るようにとわざわざ同じクラスを指定しておいたんですが、よく考えたらサイドバーの時でもその親要素から含めて指定してやらないとフォントが変わらなかったのを今頃になって思い出しました...ダメじゃん、てなわけでとりあえずこんな感じでムリヤリ対応してみました。3カラムフッターの完成です!先日のエントリーで紹介したカエレバのカスタマイズCSSですが、本当に簡単な修正でSTINGERにも応用出来そうな感じだったので、併せてテストする事にしました。ちなみにこの画面はフッターメニューから下の部分になります。背景を白(#fff)にしてウィジェット見出しを本文のH2っぽくしてみたらなかなかいい感じになりましたね?今後もちまちまとカスタマイズしていく予定です正直に言ってしまうと、発表当初はネガティブな印象しか持てなかったSTINGER8ですが、最近になってようやくカスタマイズが楽しくなってきました。それだけ時間はかかるので副サイトの更新とかほとんど、と言うか完全に止まっちゃってたりするんですけどね...何にしても今の私には他に出来る事が無いに等しいので、多少の時間を割いてでもこうした技術を身につけたいところではあります。それにはひたすらバリバリとカスタマイズして数をこなすしかないでしょう、という事で今後もネタを小出しにしつつ頑張ってみたいと思います。ヘッダーにスライダーを設置編コメント【ブログデザイン変更】Stinger8のテーマに3カラムフッターを導入してみました。3カラムフッター作成編」(外部リンク)の記事を拝見して導入することが出来ました。[...]※結果は別ウィンドウで表示されます。元汎用系SE、現在は家業の手伝いの傍らWEB活動に勤しんでます。仕事を辞めて実家に戻ったものの地元ではコレといった仕事が無く、ある意味オワコンと化したオッサンです。一日中PCに向かっていても苦にならない体質?を活かして、何とかこの先これでやっていける方法を激しく模索中のエヴリディです。