ブログを一新。STINGER5の小テーマSIMPLESTERを導入しました。[ちょこっとカスタマイズ]

ブログを一新したよ！

こんにちは、ななです。

本ブログのテーマはエンジさんが作成されたSTINGER5を使用しているのですが、先日、その子テーマであるsimplesterを導入しました。

いやあ、ほんといい感じ。このデザイン、すごい気に入ってます。

simplesterの名の通り、見た目はすごくシンプル。かつオシャレ。

気がつくと、ニヤニヤしながら自分のブログをただ眺めています。

ということで、今回の記事では、simplesterを動員してからカスタマイズした箇所や、今後いじりたいなーと思っている所などをつらつらと書いていきます。

[adsense]

スポンサードリンク

1 STINGER5とは？
2 simplesterとは？
3 参考にしたカスタマイズ記事
4 カスタマイズで困ったところ
5 PHOTOSHOPによるロゴ作成
6 今後カスタマイズしたい所
7 僕が参考にしている、デザイン・記事がステキなブログ
8 まとめ

STINGER5とは？

STINGER5とはエンジさんという方が作成されたwordpressのテーマです。見た目的に言えば、もっとオシャレなテーマは他にもあります。←失礼

ではなぜ僕がSTINGER5を使っているのかというと、このテーマがSEOにめちゃくちゃ強いからです。

SEOの強さに関して実際に他のテーマと比較したことはありませんが、僕の書いた記事が軒並み検索上位を独占しているところをみるかぎり（言い過ぎ）、STINGER5がSEOに強いというのは間違いなさそうです。

しかし一方で、シンプルなデザインであるが故にカスタマイズ必須ともいえるテーマであり、HTML？とかよく分かっていない僕には少々扱いづらいというのが唯一の難点でした。

simplesterとは？

simplesterとは、こふすさんという方が作成されたstinger5の小テーマです。もともとシンプルだったstinger5を、シンプルさを残しつついい具合にオシャレにしてくれる、まるで僕のために作られたかのような子テーマです。

この子テーマのおかげで、わざわざ慣れないカスタマイズをしなくても、十二分におしゃれなブログに変身させることができました。

SEOに強いstinger5、そしてそれをオシャレにするsimplester。鬼に金棒とはこのことを言うのでしょう。

参考にしたカスタマイズ記事

simplesterは、特にいじらなくても既におしゃれです。ですが、ちょっとした色合いをかえたり、記事中に手軽にアドセンスを入れ込めるようにするために、多少のカスタマイズをしました。

上記カスタマイズ記事を参考に、ほぼ問題なくカスタマイズを行っていきました。

カスタマイズで困ったところ

途中一つだけ問題が生じ、それを解決するのに一晩かかりました。

その問題とは、ブログ上部のロゴがくっっっそ小さく表示されるというもの。

これには困り果てました。いつも頼りにしているgoogleさんに聞いてみても、解決案は見当たらなくて。

で、HTML(CSS?)をいじっては更新、いじっては更新を20回ほど繰り返した末、なんとかそれを解決することができました。

よくわからないですけど、ヘッダーでロゴの部分を.sitenameで指定してるのに、たしかCSSの方は.siteになっていて、CSSの記述が反映されていないことが原因のようでした。なので、そこの記述を.sitenameで統一したところ、ロゴが望んだ通り大きく表示されるようになりました。(かなりうる覚えです)

その瞬間の嬉しさたるや。「おれ、天才かも」と思いました。