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

テーマ「Simplicity」
  • URLをコピーしました!

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

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

目次

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

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

  1. サイドバー:人気記事に順位をつける
  2. サイドバー:タグクラウドのカスタマイズ
  3. 見出しに陰をつける
  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のテーマでカスタマイズ中ですが、
LuxeritasStorkでブログを書いてらっしゃる方の記事に遭遇すると、あ~、やっぱり素敵♪と心も揺れます。

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

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

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

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

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

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

よかったらシェアしてね!
  • URLをコピーしました!
目次