スワイパースライダー
このページでは様々なスライダータイプを選択して確認することができます。
注意) このウィンドウで編集を行う場合は、親ウィンドウが最前面にある状態(フォーカスされた状態)にして編集作業を行うようにして下さい。
注意) このウィンドウで編集を行う場合は、親ウィンドウが最前面にある状態(フォーカスされた状態)にして編集作業を行うようにして下さい。
ショートコード: '[a5short fn=swipe-coverflow delay=6000 speed=2400]'
※ ショートコードのパラメータの詳細については、「ショートコード」の項目を参照して下さい。
スライドの作成
1. メディアをスライドとして利用するもの
- 基本タイプ (basic)
スラッグ名が’swipe-basic’で始まるメディアを抽出してスライドとして表示します。画像の上にメディアのタイトルをスライドのタイトルして表示し、メディアのキャプション(抜粋)を、にスライドの説明文として表示します。スライドが3枚未満の時はダミースライドを表示します。 - パララックスタイプ (swipe-parallax)
スラッグ名が’swipe-parallax’で始まるメディアを1枚だけ抽出してスライドとして表示します。メディアの説明の入力フォームに、見出しタグ(h*)で書かれた見出しをスライドのタイトルして表示します。見出しは複数書くことができ、見出しの数がスライドの枚数になります。段落タグ(p)を使って書かれたテキストをスライドの説明文として表示することができます。スライドが3枚未満の時はダミースライドを表示します。
2. 投稿をスライドとして利用するもの
- マルチスライダータイプ (multi)
- カバーフロータイプ (coverflow)
- キューブタイプ (cube)
- カルーセルタイプ (carousel)
パラメータ(引数)で指定したスラッグ名のカテゴリーに属する投稿をスライドとして表示します。カテゴリーを指定しないと、’swipe-slide’というスラッグ名のカテゴリーに属する投稿を探します。各投稿のアイキャッチ画像をスライダーの画像として表示し、投稿のタイトルと抜粋文(未)を重ねて表示します。アイキャッチ画像が無い投稿は、表示しません。スライドが6枚未満の時はダミースライドを表示します。
3. メインビジュアルの背景画像
- マルチスライダータイプ、又は3Dカバーフロータイプのスライダーをメインビジュアルエリアに表示する時は、スライダー全体の背景画像を表示します。
- スラッグ名が’swipe-bg’で始まるメディアの画像を、背景画像として表示します。背景画像が無い時は、ダミーの背景画像を表示します。