« インスト的 Officeチップ #08 | メイン | 「もうダメだ!」と思ったら読む本 »

2007年01月31日

WordPressで作るビジネスサイト

WordPressでビジネスサイトのサンプルを作ってみました

自然派中小企業診断士 佐藤です。
MovableTypeと並ぶインストール型ブログの代表 WordPress でビジネスサイトのサンプルを作りました。

 → WordPressで作るビジネスサイト サンプル

MTで作るビジネスサイト同様、投稿画面をカスタマイズして、定型的な入力項目を独立させ、本文とは別に入力できます。・・・と言ってもイメージが掴みづらいので画像をアップしておきます。

投稿画面のイメージ

WPEntryNormal.jpg

WPEntryCustom.jpg

上半分はWordPressの基本項目の投稿画面です。MovableTypeとは違った感じでしょう。WYSIWYGエディターも使えるので、強調文字や太字・引用・リンクなどがワープロ感覚で入力できます。ただし、あくまで入力補完用です。WYSIWYGエディターがあるからHTMLの知識は不要!とまではいきません。

下半分がカスタマイズした項目の投稿画面です。

入力するカスタムフィールドの名前をドロップダウンリストから選んで、値を入力してアップデートするだけです。MT版と違い、その場で項目を追加することもできます。商品の仕様が増えても、テンプレートや設定を変更する必要はありません。

表示するとこうなります

WPViewNormal.jpg

WPViewCustom.jpg

基本項目はテンプレートを変更していないので、画像と文章がサンドイッチで表示しています。

カスタム項目は画像を横に3列並べ、その下に画像の説明文、その下に商品の仕様をテーブルで表示してみました。

画像を横に並べたり、テーブルで表示するとなると、HTMLやスタイルシートの知識が必要ですが、あらかじめテンプレートに設定しておけば、自動的にレイアウトされて表示されます。藤商さん曰く、「アンケートフォームに入力するのと同じくらい簡単!」だそうです。

投稿者 itleader1 : 2007年01月31日 00:00

トラックバック

このエントリーのトラックバックURL:
http://www.zukudas-m.com/mt/mt-tb.cgi/389

コメント

佐藤さんのデザインにしては、
なんだかロマンティックなイメージのサンプルだなぁ
と思ったら、TOSHOさんのイメージを使用していたのですね。(^ ^)
まさか、自作ですか・・・?だとしたら、デザイナーにもなれちゃいますよ

#フッタ部分の「自然派中小企業診断士佐藤」リンクが
隠れ文字になっていたのは、佐藤さんならではの
遊び心ですか?

投稿者 やどつま : 2007年02月02日 14:20

デザインは田中さんです。残念ーー。

リンクは遊び心ではありません。いったん開いたリンクは色が変わるので見落としていました。チェック漏れでした。

投稿者 ロマン派診断士 佐藤 : 2007年02月05日 13:33

コメントしてください




保存しますか?