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

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

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

ということで、これまでの主だったカスタマイズをメモ代わりに記事にしてみます。

実は、それほど多くの箇所をカスタマイズしてるわけじゃなくて、時間がかかるのは、色の設定だったりするんですよね。

色を選ぶのにめっちゃ時間かかりますね、私。

あと、陰をつける場合は、どの程度の数値にするか、、、とか。

ボックスデザインの角の丸みをつけるか、つけるならどのくらいの丸みにするか、、、そういうので時間食っちゃいます。(^▽^;)

なので、主だったカスタマイズは、以下の4つくらいです。
(それだけでも、コレだ!と思えるまで数日かかりました。汗)

Simplicityのカスタマイズ4つ

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

参考記事

こんにちは。べるだ(@verdad0619)です。わたしが使用しているWordPressのテーマ「Simplicity」には、プラグインの「WordPress Popular Posts」を使ってサイドバーウィジェットに人気記事をランキング

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

style.cssに記述

popular-post-customi

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

参考記事

いつもはプラグインに頼ってばかりですが、今回は久しぶりにWordpressのカスタマイズを行ったので、もし参考にされる方がいればと思い記事にしてみます。カスタマイズといっても、CSSで見た目を変更して、function.phpにちょこっと追

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

style.cssに記述

tagcloud-custom

見出しに陰をつける

参考記事

CSSのtext-shadowを使ってテキストをデザインしてみたサンプル集です。単純に適用させたものから、レタープレス、エンボス、3D、ヴィンテージ風、ロングシャドウ、ネオンなど全16種類あり、全てtext-shadowのみを使用して表現しています。
画像は無し、数行のスタイルシートを加えるだけでテキストにさまざまなスタイルを与えるデモを紹介します。 Text Shadow Compilation デモは全部で23種類、かっこいいスタイルをはじめ、
style.cssに記述

めっちゃシンプルにこれだけにしました。
テーマ内の見出し全部に適用されます。

ブログタイトルとか黒背景に白文字の見出しの場合、シャドーが目立たないんですけど、、、。(-。-;)(個別にCSSを追加するか検討中です。)

フォントをウェブフォントに変更

参考記事

こんにちは bibaです。先月、ブログの内容を見直すことにしたのですが、やはり更新できない状況に陥ってしまいました。文末表現の仕方も変えてみたのですが、これも「です・ます」調に戻すことにしました。理由は特にありません。なんとなく、そんな気分

上記の記事を参考にフォントを変更してみました。

header-insert.php(Simplicityの場合)
style.css
2つのファイルに記述します。

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

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

カスタマイズは限りなく、、、

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

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

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

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

でも、ここ最近、Simplicityをカスタマイズしていて、やっぱり自分にはSimplicityのテーマが合ってるんだろうなと思いました。

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

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

余計にファイルをいじりたくない私にとって、至れり尽くせりのSimplicityこそ、ベストなテーマなんだと実感しました。

ほぼコピペばかりで、オリジナリティなところはあまり出せないかもしれませんが、
これからも、少しずつ、Simplicityのスキン、「Simple black」で自分なりのカスタマイズを楽しもうと思います♪

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

スポンサーリンク
レクタングル(大)

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
レクタングル(大)