「ミックスグリーン) 」利用中♪スキン利用歴はこちらから♪

【Simplicity】サイドバーと見出しとフォントをカスタマイズ

テーマ「Simplicity」ブログ
この記事は約4分で読めます。

ちびちびと、、、Simplicityの見た目をカスタマイズしてきて、、、
なんかいい感じになってない?、、、
自己満足で悦に入るけろら~です。(^▽^;)

もっとやりたいカスタマイズもあるのですが、とりあえず、この辺で落ち着こうと思います。
そろそろ、記事を書く事にも時間をかけたいところ、、、
で、これまでのカスタマイズのまとめ記事を書いてみます。

Simplicityのカスタマイズでやったこと

今回行ったカスタマイズは以下の4つです。

  • サイドバー:人気記事に順位をつける
  • サイドバー:タグクラウドのカスタマイズ
  • 見出しに陰をつける
  • フォントをウェブフォントに変更

サイドバー:人気記事に順位をつける

上記のCSSをコピペさせていただいて、変更したのは背景色と角の丸みのみです。

記述するファイル

CSS編集>子テーマファイル>Style.css

ランキングは、四角より、丸い方が好きなので丸くしました。(^^)

ランキングのカスタマイズ

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

上記のCSSをコピペさせていただいて、変更したのは背景色のみです。

記述するファイル

CSS編集>子テーマファイル>Style.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

2つのファイルに指定された記述をします。

フォント変えるとやっぱり全体的な雰囲気が変わりますよね。
もうこれだけでも十分な感じで、、、

フォント変えたら細かいとこがなぜか気にならなくなって、カスタマイズを一休みする気になりました。

おわりに

カスタマイズって、ホントやっててキリがないですよね~。

ただ、、、楽しい♪(*´∇`*)

もっとカスタマイズしたいところもあったりしますが、、、
冒頭でも言ったようにそろそろ主だったカスタマイズは、この辺で小休止です。

現在、Simplicityのテーマでカスタマイズ中ですが、
LuxeritasStorkでブログを書いてらっしゃる方の記事に遭遇すると、あ~、やっぱり素敵♪と心も揺れます。

でも、ここ最近、カスタマイズしていて、Simplicityって初心者、時間がない人にピッタリなテーマだなってホント思います。

ユーザー様も多いので、参考記事も多いし、、、

他テーマでは、「functions.php」などを触らないと出来ないカスタマイズも
Simplicityでは、デフォルトで装備されてたりとか、、、

余計にファイルをいじりたくない私にとって、
至れり尽くせりのSimplicityは、これ以外に利用できない程お世話になってます。(*゚∀゚*)

カスタマイズと言ってもほぼコピペですし、ちょっとしたことしかできませんでけど、
これからも、少しずつ、カスタマイズを楽しんで行く予定です♪

最後になりますが、、、
参考にさせていただいた記事を書いて下さった皆様に感謝です♪(^^)

コメント

タイトルとURLをコピーしました