太陽ブログ　ホームページ制作・更新・管理・SEO ワードプレスで解決できることがたくさんあります | テーマのカスタマイズ

テンプレートにメールフォームを組み込んで簡易な注文フォームを作ります。
小規模な通販サイトでカートに費用を掛けたくない、カートプラグインは使い方がよくわからないしデザインの変更が難しいし、と言う場合にはこういうやり方も良いかと思います。

商品名や価格、注文フォームに必要な情報はカスタムフィールドから値を取得し、メールフォームの項目として送信します。*メールフォームはutf-8で送信できるものを使用。
商品情報を表示する部分は

<table class="order">
<tr><th>ご注文商品</th><td><ul>
<?php if (have_posts()) :  query_posts('&amp;amp;amp;amp;amp;posts_per_page=-1');  ?>
  <?php while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?>" title="<?php echo get('name'); ?>"><?php echo get_image('main-img-thumb'); ?></a>&amp;amp;amp;amp;amp;nbsp;<?php echo get('name'); ?>&amp;amp;amp;amp;amp;nbsp;<?php echo get('price'); ?>円&amp;amp;amp;amp;amp;nbsp;<input type="text" name="<?php echo get('name'); ?>_<?php echo get('price'); ?>" size="4" /> 個</li>
<?php endwhile; endif; ?>
</ul></td>
</tr>
</table>

カテゴリーで分けたい場合は

<table class="order">
<tr><th>ご注文商品A</th><td><ul>
<?php if (have_posts()) :  query_posts('cat=xx&amp;amp;amp;amp;amp;posts_per_page=-1');  ?>
  <?php while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?>" title="<?php echo get('name'); ?>"><?php echo get_image('img-thumb'); ?></a>&amp;amp;amp;amp;amp;nbsp;<?php echo get('name'); ?>&amp;amp;amp;amp;amp;nbsp;<?php echo get('price'); ?>円&amp;amp;amp;amp;amp;nbsp;<input type="text" name="<?php echo get('name'); ?>_<?php echo get('price'); ?>" size="4" /> 個</li>
<?php endwhile; endif; ?>
</ul><?php wp_reset_query(); ?></td>
</tr>
<tr><th>ご注文商品B</th><td><ul>
<?php if (have_posts()) :  query_posts('cat=xxx&amp;amp;amp;amp;amp;posts_per_page=-1');  ?>
  <?php while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?>" title="<?php echo get('name'); ?>"><?php echo get_image('img-thumb'); ?></a>&amp;amp;amp;amp;amp;nbsp;<?php echo get('name'); ?>&amp;amp;amp;amp;amp;nbsp;<?php echo get('price'); ?>円&amp;amp;amp;amp;amp;nbsp;<input type="text" name="<?php echo get('name'); ?>_<?php echo get('price'); ?>" size="4" /> 個</li>
<?php endwhile; endif; ?>
</ul></td>
</tr>
</table>

これで、商品ページを追加すると注文フォームの商品情報も増えます。*上はMagic Fields を利用した場合のタグです。サムネイル画像から商品ページにリンクしています。
サンプル http://eshop-plan.web-taiyo.com/order.html 参照 *サンプルでは計算機能のあるメールフォームプロを利用しています。