|Wordpressの商品カタログ| カタログの投稿» 2010年02月

2010年2月18日11:00 AM カテゴリー: 商品カタログ — By admin

Wordpressの商品カタログ

だいぶ時間が掛かってしまったが「ワードプレスのカタログ化計画」が概ねめどが付いてきた

重視した物は
1.個々の商品をヤフーオークションのように細かに説明してその画面に商品画像のサムネイルとリンクを見られるようにする。
2.見ている画面に注文又はお問い合わせの為のフォームを付ける
  ココまでは、プラグインの「Contact Form 7」で可能なのだが
3.今見ている商品名をメールフォームに入れる
  これが中々巧く行かない、プログラムの中身を見てみたがタグを入れる場所は分かるがタグがそのまま表示されて中身が表示されない
4.通信販売方の「商品注文前の確認画面が必要」
  この分も、「Contact Form 7」でも可能だがなんとなくしっくり来ない
5.他のプログラムでの汎用性
  これは「Contact Form 7」本体をいじってしまってはバージョンアップの対応も困るので・・・

以上の事を考えると結局PHPで作ったフォームを読み込むのが手っ取り早いと言う事で早速制作

参考にした書物は「PHPによるWebアプリケーションスーパーサンプル第2版」と「PHPによるWordpressカスタマイズブック」「Web開発者の為のPHPベストサンプル集」

先ずは構成を考える
1.お店のオーナーが自身で画像と文章を投稿
  これにブログの投稿を利用(使用テンプレートは単一記事の投稿 (single.php))この中にform「form.php」をインクルードする。
2.画像はサムネイルにしてリンクで大きい画像表示
3.コメントの受付は悩む所だが今回は外した
4.メールタイトルは分かりやすいように「Wordpressからの商品お問い合わせ」とした

具体的なプログラム.「form.php」

1.もちろんエンコードはUTF-8で先ずフォーム部分を作る
  ここでformのactionを<?php the_permalink() ?>とする、これで「エラー画面」、「確認画面」等でテンプレート「single.php」で読み込んだページに戻れる。
2.今見ている商品名を商品名欄に自動記入させるために valueに<?php the_title(); ?>を入れる
3.入力値のチェックで「E-mail」「電話番号」「郵便番号」等のチェックをする。

コメントはまだありません »

コメントはまだありません。

このコメント欄の RSS フィード トラックバック URL

コメントをどうぞ