ミニマルにサイトリニュアル

半年ぶりに、当Webサイトをリニュアルしました。

前回は、WordPressのデフォルトテンプレート、twentytenを改良したものですが、今回は、オリジナルで、ゼロから作ってみました。

ロゴ以外は、基本的にテキストのみで作成。文字の大きさや、レイアウトバランスなどを考え、ミニマルで使いやすいサイトにしてみました。

WordPressで、オリジナルサイトをつくるということは、php形式のテンプレートそのものを起こしていくことになりますが、ベースとなるのは、HTML＋CSS。この部分は、まず、Dreamweaverでつくります。もちろん、その前に、簡単に手書きでスケッチを行い、だいたいのイメージやレイアウトを決めておきます。

どんなサイトでもヘッダー、コンテンツ、サイドバー（メニュー）、フッター部分は含めます。これはWebページの基本構成。トップページだけは、変則になる場合もありますが、この構造はキープしておかないと、使いにくいサイトになってしまいます。

Dreamweaverで、基本のHTMLとCSSができたら、それをまず、XAMPP（ザンプ）を使って、ローカルにインストールしたWordPressに反映させます。この段階では、何回もテンプレートを修正しながら形をつくっていくので、サーバー上の作業では、ストレスになってしまいます。

ちなみにローカルには、WordPressをマルチでインストールしているので、仮アップ用サイトは、すぐに追加できます。

WordPressは、修正作業とサイト確認がシームレスに行えるのが特徴。仕事に集中することができます。2,3時間くらいはあっという間に経つので、意識的に休憩を挟まないと目が疲れます。

自社サイトというのは、どうしても後回しになり、コンテンツがなかなか進まないのですが、これからは、こまめに充実を図っていきたいと思います。

次回は、HTML5で更新できればと考えています。