レスポンシブ対応のスライドショー「WP Slider Plugin」
レスポンシブ対応のスライドショープラグイン「WP Slider Plugin」についてご紹介。
プラグインをインストール・有効化後、WP Sliderの項目が追加されるので、そこより設定します。
Add Newのボタンをクリック、そして任意のスライド名を入力し、新規作成します。
+ Add Slideのボタンをクリックし、画像の追加を行います。
※このプラグインでは画像だけでなく、任意のHTMLタグの入力もできるようなんですが、
その場合は有料版となるようです。
Optionsの項目より、スライドの詳細設定をしていきます。
Animationでスライドにするか、フェードにするか選択。
Height、Widthでそれぞれ高さ、横幅の設定をします。
レスポンシブにしたい場合は、 Responsiveを選択、
固定サイズにしたい場合はFixedを選択し、数値を入力します。
その他詳細についてはKyasper Web Designさんの
レスポンシブで簡単に複数設置できるWordPress スライダープラグイン WordPress Slider Plugin
の記事が参考になりました。
スライドショーの設置に関してですが、投稿・固定ページで使用する際は、ショートコードを記述します。
[slider id='22' name='slide']
任意の場所に設置したい場合は下記コードのように記述します。
（）内はid=””の数字を入れます。
<?php muneeb_ssp_slider(22);?>
※注意点としてCustom Field Templateのプラグインを使用している場合、
画像の登録等の編集ができません。
画像等追加したい場合は、一旦Custom Field Templateのプラグインを停止する必要があります。
画像の登録等の編集ができません。
画像等追加したい場合は、一旦Custom Field Templateのプラグインを停止する必要があります。
記事公開日：
最終更新日：
関連記事
人気記事
- 投稿・ページの本文を出力する
- カスタム投稿タイプを使用する「Custom Post Type UI」
- よくある質問を作成「FAQ Manager」
- 無料WordPressテーマ「WPMEMO basic」を公開しました。
- リビジョンを削除する「Better Delete Revision」
- リビジョンの保存数を設定する「Revision Control」
- アイキャッチ画像を使用する
- 無料WordPressテーマ「WPMEMO basic2」を公開しました。
- パンくずリストを表示する「Breadcrumb NavXT」
- スクロールに合わせて画像を読み込む「jQuery Image Lazy Load WP」
コメントを残す