BLOG

ブログのテーマを変更しました。レスポンシブデザインってほんとうにいいものですね。

ちょうど新年だし、ブログスタートから一年が経過。
いいタイミングなのでブログのテーマを変更してみましたよ。

ブログのテーマを変更しました。レスポンシブデザインってほんとうにいいものですね。

ほとんどノリと勢いでテーマを変更しましたが、今回のテーマ変更にあたって絞ったポイントはいくつかありました。

  • 使う色はできる限り少なくする
  • あんまりごちゃごちゃしたデザインにしない
  • レスポンシブデザインにする

使う色はできるだけ少なくする

色味が統一されているサイトってかっこいい。

そういうわけで、テーマを変えるなら全体の色は揃えようと思っていました。
やろうと思えばいくらでも色が設定できてサイケにすることもできますが、シンプルが一番。

今回は基本的に赤色で揃えています。

以前もちょっと赤みがかった色がテーマカラーだったというのもあるし、白地に赤が入ると良いアクセントになって相性バッチリ。
あとは、この頃はオーブン記事も増やしていきたいと思っているんだけど、これも赤色と相性が良さそう。

そんなわけで記事中に埋め込んでいるリンクの色も同じ赤で統一しました。

ふふぅ!色を揃えてると統一感が出て気持ちいい!

あんまりごちゃごちゃしたデザインにしない

前回のテーマがけっこうゴチャッとしていたので、心機一転方向性を変えてシンプルめなテーマにしました。
フラットデザインっぽいのもイマドキっぽいです。

この辺のバランスは難しくって、もうちょっとごちゃごちゃ感をコントロールしたいと思っています。

でもブログいじくるのってすんごいたのしいので、このバランス調整だけで何時間でもできてしまうという罠。
自己満足最高。

レスポンシブデザインにする

でもこの一年ブログをやってきてわかりましたが、スマホ対応は超大事です。
だって見に来る人って半分以上がスマホなんだもん!

一年もおんなじデザインだと変えてみたくなるというのもあるけれど、テーマ変更に踏み切ったひとつの大きな理由は「レスポンシブ化」でした。

いままでのテーマはレスポンシブデザインじゃなかったので、PCで見るとリッチだけど、スマホで見るとなんだかなーという状態でした。

「レスポンシブデザイン?しらねーなぁ?」 ……そんな風に思っていた時期が私にもありました。
でもなんだかんだで一年運営してきたので、そろそろレスポンシブりたいな、と。
むしろ、ポンシブりたい、いや、ポンシブらせてください、と。

そんなわけで、レスポンシブ対応のテーマになりました。
スマホからみている諸君!みているか!!
もうこんなことしなくていいのよ……さよなら、WPtouch……。

ちなみにAny Mobile Theme SwitcherというWordPressプラグインを入れると、アクセスしてきた端末に合わせて表示するテーマを切り替えられます。
このプラグインはなかなか良く出来ていて、たしかに問題なく使えました。

なので当初はそっちの可能性も探ってみましたが、やっぱりやるならもうテーマからして変えちゃったほうがいいだろ!ってことで変更しました。

しばらくちょいちょい調整しますが基本はこんな感じです

だいぶカスタマイズして満足できるような形にはなってきましたが、まだまだ調整したいところもポツポツと。

特に今後修正したいのは、個別記事ページのページ幅。
個別記事のページはサイドバーを外してしまってシンプルにして、写真をデデーンとでっかく載せられるようなレイアウトが好きなので、とにかくもっと広くしたい。

とはいうものの完全なるトーシローであるわたくしめ、どこを直したらどうなるかよくわかってないので、今後も勘を頼りに適当に直していきます。

「ここかな?」ってところを修正して実際にサイトを見て直す、の繰り返しでカスタマイズしています。

なのでしばらくはページを開いたらエラーになったり、画像が画面外にまですっとんでいっていたりするかもしれませんが、どうかお気になさらず。

TCDのブログテーマ「CORE」が気になる方はこちらからどうぞ!

WordPressテーマ「CORE (TCD027)」


このブログと、書いているひとについてはこちらへどうぞ。

紹介したスポットを記事リンク付きでまとめたGoogleマイマップはこちらです。

これまでの旅行記のまとめ記事はこちらから。


当ブログでは TCDのWordPressテーマ「CORE」を使用しています。



関連記事

  1. AutomatorとPixelmatorを使って複数画像を一括で…
  2. BackWPupのバックアップ設定が不適切だとサーバ容量が圧迫…
  3. ブログタイトルにハッシュタグを入れるという試みについて。これから…
  4. ブログ内のいろんなページにfeedlyの緑ボタンが出るようにして…
  5. iA Writerのマークダウン入力用キーボードのカスタム設…
  6. ブログのカテゴリを見直してみたのでメモ。(2015/05/13版…
  7. ブログ記事は文字数制限したほうが文章の質が高まる
  8. WordPressの「テキスト」ウィジェットをつかっておすすめ記…

これまでの旅行記 まとめ

travel summery

オーブン料理 チャレンジまとめ

oven challenge summery

パン屋さん巡り 記事まとめ

bread move around summery

山登り 記事まとめ

mountaineering summary

フジロック 記事まとめ

fujirock summery

ブログで紹介したスポット

mymap

twitterはこちら

PAGE TOP