デザイン変更

サイトのデザイン変更しました。変えた理由は二つあります。

まず、このサイトはwordpress製ですが、以前はPHOTEKというテンプレートを使用していました。こちらのテンプレはイラストや写真をメインに見せるためのデザイン、つまりポートフォリオ色の強いデザインでした。サイトの素敵デザインに一目惚れして、ぜひ使ってみようと思い導入したのでした。

当時はそれで問題なかったのですが、次第に絵以外のことも公開していけたらなぁと思うようになり、だとしたらサイトのデザインも変えた方がいいかなと思うようになりました。

もう一つは、レスポンシブデザインについて以前のテンプレートで不具合があったため。

レスポンシブデザインとは?

レスポンシブデザインというのは、デスクトップ、タブレット、スマートフォンなど、ブラウザのサイズが違う場合でも、それぞれに見やすいように設計されたデザインのことです。

新規キャンバス1新規キャンバス2この設計というか、考え方には大っぴらにいうと2つあり、一つはブラウザのサイズをリアルタイムで測り、それに合わせてレイアウト(CSS)が変わるというもの。

もう一つはそのサイトを閲覧したタイミングでどんな端末で見ているのかを判断し、それぞれに見やすいレイアウトへと誘導するという考え方。

以前のテンプレートでは前者を採用していました。ところがちょっと問題がありした。まずPHOTEKにはコメント欄の機能が初めは付いていませんでした。よって後からコメント欄を付け足したのですが、スマホで見るとコメント欄がレイアウトからはみ出すという状態になっておりました。結局色々いじっても直すことができなくて、これ以上へたにいじって崩れても困るしなぁということで放置していました。

それともう一つ、サイト全般、特にスマホで見ると重たいというのが気になっていました。これは自分が画像やらなんやら置きすぎというのが原因というのもあるのですが、ページによってはずっと読み込み状態で表示されないというのもありました。

今のデザインはレスポンシブデザインにおいて後者のやり方で設計されています。その結果処理速度も比較的早くなりました。このやり方は本来それぞれ別のレイアウト用のページを用意しなければならないという欠点があるのですが、これもテンプレートがそのように対応してくれるので問題ありません。昔のデザインの方が視覚的な面白さはあったような気もしますが、何を優先して見せたいかと使い勝手を考慮したら、とりあえずはこちらで行こうかなという結論になりました。

余談ですが、サイトを作る際、wordpressでもlivedoorブログでも色々なテンプレートが魅力的に飾られて言いますよね。でもこれらの大半は写真による効力で非常におしゃれに見えているのだということを忘れてはいけないなと思う次第でした..。いやもう本当、でもサイトだけ見てると自分のサイトもこんなにオサレにできるの!?って期待しちゃうんですよねー。

 

*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)