WordPressがあれば相当広範囲にさまざまなWEBが作れます。小規模サイトで、あまりホームページ制作のノウハウが無い場合にはWordPressとブログエディターを使ったホームページ制作は大変有効な手段です。しかし、サイトのデザイン制作、いわばWordPressで言うところのテーマ制作となるとやはり「コーディング」のスキルが必要です。

例えば初歩的なホームページを個人で作ろうとすれば、これまで多くの方がホームページビルダーを利用してサイトを作っていたと思います。
一方、ある程度以上の規模で仕事としてホームページ制作を行う場合、多くの方がDreamweaverを使用しているでしょう・・・と思っていたら、そうでもないようで、htmlエディターやIDE、FirefoxのFireBugなど様々なツールを利用して作られているようです。

実は先日、久しぶりにDreamweaverの操作を「リハビリ」していたのですが、以前感じていた感覚と少し異なったイメージを持ちました。それは、かつてはtableを配置してレイアウトする方法が中心でしたが、今はdivを使用してCSSとの連携でデザイン制作することが多くなってしまいました。
特に、WordPressのテーマなどを利用したり、オープンソースのhtmlテンプレートをWordPressに移植したりすると、ほとんどはhtmlとcssの連携でデザインを作成しています。

どうしてもこのような制作方法になってくるとエディター機能が重要になってくるので、デザインに関しては「今時コーディングじゃないよ」とも言っていられず、優れたエディター機能が欲しくなったりします。この場合、必ずしもDreamweverが飛びぬけて便利なソフトだとは言えない気がします。

そこで今日は紹介だけにとどめて起きますが、以下のようなツールが結構おすすめです。
申し訳ないですが、私自身使い込んでいるわけではないので、現時点で詳しくご紹介できませんが、基本的な操作を行っているだけでもかなり使えるツールたちです。

●ホームページ制作
AptanaStudio
Bluefish

●WEB開発 (Firefox+)
Firebug
DOMInspector

Eclipseは大いに有効なツールですし、AptanaStudioも同様ですが、我が家のボロパソコンでは今となっては大変重いツールたちで、動作がかなり鈍くなってきています。
近日中に、これらを活用しつつ、当サイトらしくテーマの制作やカスタマイズの際のこれらツールの働き振りをご紹介できればと思っています。

藤沢町で農業をやっている知り合い「(有)ムカエあぐりらんど」様のホームページを作ることになり、WordPressを使ったホームページを制作しました。少しずつご自分たちで記事を投稿して徐々に作っていくという前提だったのでブログソフトのWordPressを利用しました。 しかし問題は、農場のあるところが舘が森の山の上。通信インフラが整備されていなくて、未だにISDNしか使えません。近年できたサファリパークのすぐそばで、広々としたいいところではあるもののインターネット活用と言う意味では最悪です。 そこで、ブラウザでホームページにアクセスして記事を投稿するのでは表示も遅くストレスがかかるので、投稿には始めからWindowsLiveWriterの利用を前提にした作成方法を提案しました。記事を書いている途中で、うっかり記事を消してしまったり、通信エラーで記事を無駄にしてしまったりと言うこともなくなるので、快適さや安全面でもおすすめです。更に、携帯での記事投稿もしたいということだったので「ktai_entry」というプラグインも活用しています。 携帯での投稿は気軽にできる反面、｢気軽に撮影する携帯写真」はあまり質のよいものでない場合も多く、ピンボケ写真などを投稿してしまうことも多いので、個人の場合にはピンボケ写真もご愛嬌ですが、ビジネスブログの場合には少し注意が必要です。また、携帯の場合には文字打ちがパソコンとは比較にならないほど面倒ですから、どうしても文章がごく簡単になってしまい、興味を持ってもらえるほどの記事を投稿することがなかなか難しいところです。携帯での投稿は、速報的なお知らせなど携帯ならではの活用方法を考えて使わないとあまり効果的ではないようです。 また今回は、ホームページにネットショップを併設しました。 国内で配布されているショッピングカートCGIのほとんどは文字エンコードがS_JISです。WordPressはUTF-8なので、ブログ記事の中にタグを貼り付けて、購入品をクリックすると、その購入品データはCGIが受け取ると文字化けしてしまいます。購入品を確認するページでは文字化けで何がなんだかわからなくなってしまい使い物になりません。 ショッピングカートにはホームページの記事中に購入品や数量を選択するタグを貼り付けるタイプと独立したショッピングコーナーを作るタイプの２タイプありますが、WordPressを活用する場合にはタグ貼り付け型のショッピングカートはそのままでは使えません。今回は独立型のショッピングコーナーを併設しました。 実はCGIではなく、PHPで作られたタグ貼り付け型のショッピングカートを探しましたが、こちらもS_JISだったので文字エンコードをUTF-8に直して使ってみたところうまく行きました。しかし、文字エンコードの問題は解決できたものの、このタグ型の場合には素人には少し難しく、商品の変更や季節商品、在庫切れの場合に農場のホームページ担当者が簡単に修正できないので、独立したショッピングカートでしかも管理画面から商品登録できたり、在庫無しを設定できたり、商品画像を登録したり削除したりできるものを利用しています。 今回のホームページ制作を簡単に言えば、ナローバンド環境下でブログでホームページを作り、会社案内及びショップ機能を持たせたホームページと言うことになりますが、かなり簡単に設置できる割には、基本機能を十分に満たし、しかもホームページ制作に関してほとんど知識のない方がすぐにでもサイトを継続的に運営できる構造が出来上がっています。 ワープロが打てるぐらいのスキルと携帯でメールが使える方ならかなり簡単に始められるホームページです。しかも、地方の農山村部のナローバンド環境下でもなんとかそれらしいホームページの運営が可能になっています。 「(有)ムカエあぐりらんど｣様のホームページへは一番上の画像をクリックしていただくと移動できます。２番目の画像はショッピングカートコーナーです。こちらも同様に、画像をクリックしていただくと移動します。ちなみに、販売しているのは特大のおいしいイチゴ「桃ベリー」と甘くておいしい「章姫」です。イチゴ好きへのご贈答用に最適です。よろしかったらどうぞ。 また、今回利用したブログエディターWindowsLiveWriterの入手先、それに併設したショッピングカートを紹介しておきます。もちろん、サイトデザインはArtisteerを利用しています。 ●ブログエディター WindowsLiveWriter ●ショッピングカート Web Inventor の無料ショッピングカート「E-Shop」 ★追記 WindowsLiveWriterで記事を投稿する場合、ショッピングカートCGIのタグを貼り付けた際に、WindowsLiveWriterが勝手にタグ内容を書き換えてしまい投稿できません。これはブラウザでサイトにアクセスして管理画面にログインし、直接記事に書き加えることで解決できますが、いずれにしても面倒です。今後この点に関することで改めて記事を投稿する予定です。