バナー画像などを簡易的に管理し、リストまたはスライドショー形式で表示するプラグイン。

TAKAHIRO

このプラグインは画像とリンクを管理し、リストまたはスライドショー形式で表示するプラグインです。
ウィジェットを利用する
WordPressの「外観」->「ウィジェット」で「Easy Banner Link」をウィジェットエリアに追加することで、HTML出力されます。 
（※ウィジェットではリスト表示のみ対応しています）
ショートコードを利用する
<h3>リストとして表示する</h3>
投稿画面に [inx-easy-banner-link] を記載することでリスト化されたHTMLが出力されます。 
デフォルトのリストはULとLIで構成されています。
引数を与えることで、リストのタグを変更したり、クラスを付与することができます。 
それぞれの値は以下の通りです。
<ul>
<li>parent-tag
<ul>
<li>デフォルトulを他のものに変更</li>
</ul>
</li>
<li>child-tag
<ul>
<li>デフォルトliを他のものに変更</li>
</ul>
</li>
<li>parent-class
<ul>
<li>parent-tag に指定されたタグのクラスを付与</li>
</ul>
</li>
<li>child-class
<ul>
<li>child-tag に指定されたタグのクラスを付与</li>
</ul>
</li>
<li>a-class
<ul>
<li>リンク先がある場合、aタグにクラスを付与</li>
</ul>
</li>
<li>img-class
<ul>
<li>imgタグにクラスを付与</li>
</ul>
</li>
</ul>
ショートコード 例）
<pre><code>[inx-easy-banner-link parent-tag=div parent-class="banner-list" child-tag=div child-class=banner-item]
</code></pre>
<h3>スライドショーとして表示する</h3>
<code>slider="true"</code> を追加することで、登録したバナーをスライドショーとして表示できます。
<pre><code>[inx-easy-banner-link slider="true"]
</code></pre>
スライドショーには、以下の専用オプションが利用可能です。
<ul>
<li>slider
<ul>
<li><code>true</code> でスライドショーを有効にします。デフォルトは <code>false</code>。</li>
</ul>
</li>
<li>width
<ul>
<li><code>full</code> を指定すると、スライダーが画面の横幅いっぱいに広がります。デフォルトは <code>default</code>（テーマのコンテンツ幅）。</li>
</ul>
</li>
<li>navigation
<ul>
<li><code>true</code>（デフォルト）で「次へ」「前へ」の矢印を表示します。<code>false</code> で非表示。</li>
</ul>
</li>
<li>pagination
<ul>
<li><code>true</code>（デフォルト）で下部のドットナビゲーションを表示します。<code>false</code> で非表示。</li>
</ul>
</li>
<li>delay
<ul>
<li>自動再生の切り替え間隔をミリ秒で指定します。デフォルトは <code>4000</code>（4秒）。</li>
</ul>
</li>
</ul>
スライドショー ショートコード 例）
<pre><code>[inx-easy-banner-link slider="true" width="full" navigation="false"]
</code></pre>
HTML出力を利用する
$InxEasyBannerLink->get_html() を記載することでリスト化されたHTMLが出力されます。 
デフォルトのリストはULとLIで構成されています。
引数を与えることで、リストのタグを変更したり、クラスを付与することができます。 
それぞれの値は上記「ショートコードを利用する」と同様です。
<pre><code><?php
global $InxEasyBannerLink;
echo $InxEasyBannerLink->get_html();
?>
</code></pre>
配列を利用する
$InxEasyBannerLink->get_list() を記載することで配列を取得できます。
<ul>
<li>第一引数
<ul>
<li>並び順を設定します（ASC or DESC）。デフォルトは ASC 。</li>
</ul>
</li>
<li>
第二引数
<ul>
<li>取得数を設定します（数値）。デフォルトは 5件。</li>
</ul>
get_list(); 
?></li>
</ul>

Alternatives to Easy Banner Link

Top alternatives