ちびちびと、、、Simplicityの見た目をカスタマイズしてきて、、、
なんかいい感じになってない?、、、
自己満足で悦に入るけろら~です。(^▽^;)
もっとやりたいカスタマイズもあるのですが、とりあえず、この辺で落ち着こうと思います。
そろそろ、記事を書く事にも時間をかけたいところ、、、
で、これまでのカスタマイズのまとめ記事を書いてみます。
Simplicityのカスタマイズでやったこと
今回行ったカスタマイズは以下の4つです。
- サイドバー:人気記事に順位をつける
- サイドバー:タグクラウドのカスタマイズ
- 見出しに陰をつける
- フォントをウェブフォントに変更
サイドバー:人気記事に順位をつける
参考記事を元にCSSをコピーさせていただいて、背景色と角の丸みのみ自分好みに変えました。
(※参考記事にアクセスできなくなってましたので、リンク外しました。)
記述するファイル
CSS編集>子テーマ選択>Style.css
ランキングは、四角より、丸い方が好きなので丸くしました。(^^)

サイドバー:タグクラウドのカスタマイズ

記述するファイル
CSS編集>子テーマ選択>Style.css
上記のCSSをコピペさせていただいて、変更したのは背景色のみです。
タグもやっぱり丸みを帯びてる好みです♪

見出しに陰をつける
上記の記事を参考に、シンプルに陰だけ付けるCSSにしました。
文字に陰を付けるの大好きなんですよね、σ(-_-)ワタシ。
記述するファイル
CSS編集>子テーマ選択>Style.css
/*-----------------------------
見出しシャドー
------------------------------*/
h1, h2, h3, h4, h5, h6{
text-shadow: 0 2px 4px rgba(0, 0, 0, .3);
}
テーマ内の見出し全部に適用されます。
ブログタイトルとか黒背景に白文字の見出しの場合、シャドーが目立たないんですけど、、、。(-。-;)
(個別にCSSを追加するか検討中です。)
フォントをウェブフォントに変更
参考記事を元にフォント変更しました。(記事無くなってたので、時間がある時に追記します。)
記述するファイル
CSS編集>子テーマファイル>header-insert.php
CSS編集>子テーマファイル>style.css
フォント変えるとやっぱり全体的な雰囲気が変わりますよね。
もうこれだけでも十分な感じで、、、
フォント変えたら細かいとこがなぜか気にならなくなって、カスタマイズを一休みする気になりました。
おわりに
カスタマイズって、ホントやっててキリがないですよね~。
ただ、、、楽しい♪(*´∇`*)
もっとカスタマイズしたいところもあったりしますが、、、
冒頭でも言ったようにそろそろ主だったカスタマイズは、この辺で小休止です。
現在、Simplicityのテーマでカスタマイズ中ですが、
LuxeritasやStorkでブログを書いてらっしゃる方の記事に遭遇すると、あ~、やっぱり素敵♪と心も揺れます。
でも、ここ最近、カスタマイズしていて、Simplicityって初心者、時間がない人にピッタリなテーマだなってホント思います。
ユーザー様も多いので、参考記事も多いし、、、
他テーマでは、「functions.php」などを触らないと出来ないカスタマイズも
Simplicityでは、デフォルトで装備されてたりとか、、、
余計にファイルをいじりたくない私にとって、
至れり尽くせりのSimplicityは、これ以外に利用できない程お世話になってます。(*゚∀゚*)
カスタマイズと言ってもほぼコピペですし、ちょっとしたことしかできませんでけど、
これからも、少しずつ、カスタマイズを楽しんで行く予定です♪
最後になりますが、、、
参考にさせていただいた記事を書いて下さった皆様に感謝です♪(^^)