DMM API for Wordpress
サンプルテーマ
このプラグインの使用感を確認いただくためのサンプルテーマを用意しています。
ダウンロード
サンプルテーマでの確認手順
プラグインがインストール済みであることを前提としています。
- 先にプラグインの基本設定で”API ID”と”アフィリエイトID”を設定してください。
- サンプルテーマをアップロードして有効化します。
- 「外観」→「ウィジェット」に進み、”DMM API サンプルウィジェット”に”DMM API 商品表示”のウィジェットを追加して、各パラメータを設定します。
※一番最後の”商品表示テンプレートファイル”では、「テーマフォルダ内」「widget.php」を入力してください。 - 公開側ページにアクセスして、ウィジェットに設定した内容でDMMの商品が表示されている確認してください。
ウィジェット以外のDMM商品表示方法
サンプルテーマの”index.php”では、ウィジェットでの表示とは別に、1件の商品を表示する記述があります。
HTMLの生成は”item_single.php”に任せています。
index.php
<?php do_shortcode('[ida_show_item service="mono" floor="dvd" hits=1 tpl_dir="theme" tpl="item_single.php"]'); ?>
item_single.php
<?php if( ida_have_items() ): while( ida_current_item() ): ?> <div class="row"> <div class="col-md-4"> <img src="<?php ida_imageURL('large'); ?>" class="img-fluid"> </div> <div class="col-md-8"> <h2><?php ida_title(); ?></h2> <?php if( count(ida_sampleImageURL()) > 0 ): ?> <ul class="sample-imgs"> <?php foreach(ida_sampleImageURL() as $url): ?> <li><img src="<?php echo $url; ?>" class="img-fluid"></li> <?php endforeach; ?> </ul> <?php endif; ?> </div> <?php if(ida_sampleMovieURL('size_560_360', false) != null): ?> <div class="col-md-12"> <iframe width="560" height="360" src="<?php ida_sampleMovieURL('size_560_360'); ?>" scrolling="no" frameborder="0" allowfullscreen></iframe> </div> <?php endif; ?> </div> <?php endwhile; // ida_current_item(); endif; // ida_have_items() ?>