ショートコードを使って投稿などの一覧をスライダー表示させるコンテンツを作成できます。
以下がデフォルトの状態で出力した本ショートコードの動作サンプルです。
スライダーを設置するには、以下のショートコードをコピーして貼り付けるか、パターンの中の「HAUコンテンツ追加ショートコード」カテゴリーの中から「投稿リストスライダー」を選択して挿入します。
[ha-post-slider post_type="" category="" speed="" delay="" per_page="" slides_768="" slides_1024="" slides_1200="" slides_1900="" orderby="" order="" class=""]
ショートコードにはいくつかのパラメーターがあり、以下のような形で任意に出力の調整ができるようにしているので、上記サンプルのようにデザインはシンプルにしています。
| パラメーター | 説明 | 初期値 |
|---|---|---|
| post_type | リストに含める投稿タイプを指定します ※「,」で複数指定可能 | post(投稿) |
| category | リストに含めるカテゴリーをカテゴリースラグで指定します ※「,」で複数指定可能 | なし(すべてのコンテンツ) |
| speed | スライドを停止している時間をミリ秒単位で指定します | 3000 |
| delay | スライドの移動速度をミリ秒単位で指定します | 500 |
| per_page | スライダー内に抽出するコンテンツの数を指定します | -1(指定した投稿タイプのすべてのコンテンツ) |
| slides_768 | 幅768px~1023pxの画面幅で表示させるスライドの数を指定します | 2 |
| slides_1024 | 幅1024px~1199pxの画面幅で表示させるスライドの数を指定します | 3 |
| slides_1200 | 幅1200px~1899pxの画面幅で表示させるスライドの数を指定します | 6 |
| slides_1900 | 幅1900px以上の画面幅で表示させるスライドの数を指定します | 8 |
| orderby | 並び替えの条件を指定します | rand(ランダム表示) |
| order | 並び順を指定します | 未設定(orderbyがrandのため) |
| class | そのスライダーのみに適用させるCSSクラスを指定します |
並び替えの条件・並び順で指定できる内容についてはWordPress公式の「Order & Orderby Parameters」ページをご覧ください
最新バージョン 5.9 (2025年12月30日リリース)
累計ダウンロード数:177回



















コメントを残す