PengNote

勉強した事や行った場所の感想を書くブログ

ブログテーマを作りなおして、その際に考えたこと

ご覧のとおり、この度テーマを作りなおしました。

今回は作りなおすにあたって考えたことを書いていきます。

作りなおした経緯

前のテーマは2カラムで、青色の背景に白い記事領域を作っていてなんか見難さを感じていたり、サイドバーの扱いに少し困っていてそろそろ変えたいなーと思っていたのですが、ようやく時間が作れたので今回とりかかりました。

1カラムにしたわけ

テーマを作るにあたり、何かアイデアを探そうと思ってアイデアを探していたところ、TwitterでフォローしているWebな方々の中で数名1カラムで作っている人がいました。

なんだかスッキリしていて見やすいなーと思ってこれを参考にしようという事で1カラムにしてみました。

更に後押ししたのはKojikaさんの記事でした。

記事中には不要なものを排除することでブログで一番大事なコンテンツに集中できるというものが書かれていました。

確か自分がどこか記事を読みにいった時、記事を読んではいるんですけど、サイドバーをチラチラ見てしまうんですよね。広告が気になったりして。(うまくやられてる)

そこまでいい記事を書いているとは思えませんが、やっぱり書くからには集中して読んでほしいし、それなら要らないもの排除しましょうって考えて、結果今回の1カラムなわけです。

どこかのページに飛ばしたいなら記事下にリンク置いた方がきっとユーザーとしてもいいですしね。

ただ、今回作ったものって下のリンクがすごい事になっててこれはこれでって感じなので今後修正していきます。

今回のコーディング

いつも通り普段使わないもの使おうってことで、

  • Normalize.css
  • SMACSS

この辺使いました。

というかこの辺使おうとしました。

Norrmalize.css

以前使おうとしたんですが、途中おかしくなって結局Reset使ったりでなかなか使えまえんでしたが、今回ようやく使えました。

サイドバーが無くなった事も関係しているでしょうが、だいぶコード量を抑えられたような気がします。

SMACSS

とりあえずカテゴリー分けだけ頑張ろうと思って使ってみました。

結果としてはBaseとLayoutのあたりだけ使えた(ような気がしてる)って感じで、Moduleがなんとも言えない結果に…。

こんなもんなのかな? 今後も少しずつ使ってみて感覚を掴んでみます。

自分のページっていろいろ自由が効くし、やりたい事やれるのでいいですね。

更にその結果課題が見えたりするのでいい素材だと思いました。