アイデルの便利ツールをご紹介

DMM API for Wordpress

サンプルテーマ

このプラグインの使用感を確認いただくためのサンプルテーマを用意しています。

ダウンロード

ダウンロードはこちらから。»ダウンロード

サンプルテーマでの確認手順

プラグインがインストール済みであることを前提としています。

  1. 先にプラグインの基本設定で”API ID”と”アフィリエイトID”を設定してください。
  2. サンプルテーマをアップロードして有効化します。
  3. 「外観」→「ウィジェット」に進み、”DMM API サンプルウィジェット”に”DMM API 商品表示”のウィジェットを追加して、各パラメータを設定します。
    ※一番最後の”商品表示テンプレートファイル”では、「テーマフォルダ内」「widget.php」を入力してください。
  4. 公開側ページにアクセスして、ウィジェットに設定した内容で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()
?>