STINGER5の検索の色の変更と子テーマを作ってみた
2014/10/16
検索窓の色を変更
前回、『購読する』の背景の色を変えて『購読する』を見やすくしましたが、その下にも見にくい何かがあったため、何だろうとよく見てみると検索用の窓でした。
この虫眼鏡の背景色を変えたらいいんだろうなーと思うけど、じゃあ実際どこを変更するの？って感じなので、調べました。
参考にしたサイトはこちらです。
STINGER5 の原型を崩さずに細かい部分をカスタマイズしてみた
見やすくなりました！
検索窓以外のカスタマイズもぜひ参考にさせていただきます！
子テーマも作成
そして、WordPressには子テーマというものがあるらしく、子テーマというものも作ってみました。
実はこの『STINGER5』というテーマですが、今現在の最新バージョンは141011のバージョンなのですが、ぼくはその一つ前のバージョンを使っていました。
新しくなったので、最新版をダウンロードして有効化したら、少しいじった設定が元に戻ってしまいました。
これを防ぐために子テーマというものがあるらしいので、また調べました。
参考にしたサイトはこちらです。
STINGER5 で CSS をカスタマイズ可能にする子テーマの作成
とりあえずstyle.cssというファイルを作り、子テーマが反映されるのは確認しました。
子テーマを作りましたが、まだそこに何を書いたらいいのか分かりません。
まだ子テーマの仕組みが分かりませんが、とりあえず子テーマの設定はできました。
検索窓の色変更、子テーマ共にとても分かりやすく書いてあり、ぼくにもできました。
ありがとうございます！
次やりたいこと
- 見出し2の色変更。
- 見出しにチェックボックスみたいな画像を付けたい。
- 検索窓をGoogle検索に変更。
なんだか色々難しいですが、ゆっくりやっていきます。