ならシルクロード財団さんのホームページを(株)クーコムさんと協同で制作しました。（株）クーコムさんはデザインとディレクションをされ、Pixeliereは主にシステムとコーディングを担当。 システムはブログシステムとして定評があって世界中でもよく使われているWordPressを採用しました。他にもデータベースを使って、医療の検索や、海外協力団体などの検索ができます。
WordPressというブログシステムは手軽に使えるのですが、本格的なCMSとして使うのは、今回がはじめて。かなりのWordPressの機能を使いました。
ホームページ全体がブログなのですが、ブログのコンテンツだけがブログとして表示されます。
またバイリンガルなホームページなので、ブログのシステムにはちょうどよかったです。
prototypeベースのAjaxのシステムもかなり使っています。
しかし、課題は、動的なページを生成するシステムなのでアクセスに少し時間がかかってしまいます。 巨大なコンテンツのシステムの場合はこの問題を解消する必要があります。
【BGM】
制作中によく聴いていたのが、カナダのロックバンドの数々。特にヘビーなローテーションだったのは、Broken Social Scene。バリバリのロックもあれば、ジャズっぽい曲、ノイズチックなナンバーもある多彩なロックバンドです。ノリの良い曲がたくさんあって、仕事中もノリノリでできます。
]]>
もちろんWordPressでのインクルードタグでも空白が消えたので、これで表示上はうまく行ったようです。
BOMがなくなったことでの弊害はなさそうなので、今後はこの設定でドキュメントの作成をして問題はなさそうです。
]]>
グループ化しておけば要素によって複製ができるので、たとえばヘッダーの部分を取り出したいときは、
headerグループを複製して細かくPhotoshopのカットツールで切り出しをするようにします。
今回はリニューアルなので、コンテンツはほとんど現在のコンテンツを使いますが、WordPress（ブログシステム）が組み込まれる予定なので、少し注意して進めていきます。
ご自分で更新されたいという想いから、ブログシステムを提案しました。
しかし、最初の作業は同じです。HTMLでマークアップ作業をします。
DreamWeaver上で一番大きな共通部分を作ります。一番大きな共通部分というのは、サイトID、つまり、お店の名前と、グローバルナビゲーションと、コンテンツ枠、フッターです。
ワープロ感覚で、デザインビューで文字を打ち込みます。
今回はブログシステムのWordPressを組み込むので、キャラクタセットをUTF-8にして、リセットCSS（default.css）を用意します。また、default.cssをインポートするimport.cssを用意しました。
HTMLのバージョンはXHTML1.0strictで作ります。
DreamWeaverでは最初からテンプレートとして作っています。またグローバルナビゲーションなどはアセットでライブラリとして登録することを前提で作業していきます。
トップページとコンテンツページはデザインが違うのでCSSでは注意しないといけないでしょう。
いまのところはどのように分けるかは考えていませんが、CSSを複数用意するのが良いのではないかと漠然と考えています。
＜つづく＞
仕事をしながら聴いている音楽：
Charlie Alex Marchhttp://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=54416284はイギリスのアーチストですが、とても、きれいな音楽です。ホームページの写真を見ると普通の感じの人ですが、音楽を聴くと、才能やアイディアがあふれている感じ。最近、繰り返し聴いている音楽のひとつです。エレクトロニカというジャンルになるのでしょうか。
昔はテクノの分類だったと思うのですが、それも細分化されて、ダンスとか、エレクトロニカとか、いろいろになっているようです。
音楽は最近離れていたのですが、itunesを導入してからは、よく聴くようになりました。
エレクトロニカやテクノを聴きながら仕事をすると捗るというのを耳にしたことがあるのですが、あまり変わらないようです。。。
]]>
9月中にという事で大急ぎで制作させていただきました。
Flashなどもすこし久しぶりだったので、ちょっと緊張しました。
ホームページ担当の方と協力して作りましたので、精神的には楽でした。
これからは更新や変更が主な作業になるでしょう。
]]>
全面リニューアルです。
植物のイメージがお好きだということで、ヘッダーは何となく葉っぱのイメージでつくり水滴をPhotoshopで作ってみました。いつものことですが、試行錯誤しました。
発展性を持たせるために1商品1ページの構造にしています。詳細な情報や、実際に使っているところの写真などをアップしていただくと、良いのではないかと思いました。
商品のやり取りは従来どおり変更しませんでした。売り方に特徴があるのでカートは使わず、外部のメールフォームを使っています。
商品は手作りで、商品力があると思います。商品のラインナップがたくさんあるので、今後の登録もたくさんあるでしょう。
実はリニューアル前のホームページもとても一生懸命作られていて、良かったので、リニューアルするのが少し恐い気もしたのですが、リニューアルしたイメージをとても気に入っていただいたようなので良かったと思います。
]]>