【WordPress】投稿、ページ、カスタム投稿などをカルーセル/スライダーとして表示することができるResponsive Posts Carousel

WordPress

March 18, 2018


Responsive Posts Carouselは投稿、ページ、カスタム投稿タイプをカルーセル/スライダーとして表示することができるプラグイン。多数のポストスタイル、タッチサポート、カスタムオーダー、カスタムポストメタディスプレイ、オートスライド、矢印表示、レスポンシブにも対応しています。

Responsive Posts Carouselプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Responsive Posts Carouselを検索
有効化にするとCarouselが追加されます。

Add Carouselをクリックし、以下の設定を行います。

Display By 投稿の選択方法の選択
Select Post Type 投稿タイプを選択
Select Posts カルーセルに表示する投稿を選択
Select Meta for Heading 見出しのメタを選択
Select Meta for Description 説明のメタを選択
Description Words Length 説明を表示する単語数を入力
Carousel Style カルーセルスタイル
Read More Button Text もっと読むボタンテキスト
Read More Button CSS Classes もっと読むボタンCSSクラス
Link Target リンク先
Disable Post Meta (author, date etc) 投稿のメタを無効にする
Border Width 境界線の幅を指定
Border Color カルーセル項目の枠線の色を選択
Arrows Color 矢印の色を選択
Title Background Color タイトルの背景色を選択
Title Color タイトルテキストの色を選択
Description Color 説明テキストの色を選択
Shadow
Custom CSS カスタムCSS
Accessibility タブと矢印キーのナビゲーションを有効にする
Auto Play スライドの自動再生を有効にする
Bottom Dots スライドインジケータードットを有効にする
Arrows 次へ/前へ矢印を有効にする
Auto Play Speed 自動再生の間隔
Number of Columns 一度に表示するアイテムの数
Number of Items To Slide 一度にスライドするアイテムの数
Speed 移行速度
Space Between Slides スライド間のスペース
Images Size 画像のサイズ
Rows
Slides Per Row 行ごとのスライド

公開をクリックします。

ショートコード

デフォルト
[wcp-carousel id="425"]
最新の投稿を10件表示
[wcp-carousel id="425" order="DESC" orderby="date" count="10"]
タイトル昇順で表示
[wcp-carousel id="425" order="ASC" orderby="title"]

ショートコードをコピペしたら完成です。

Latest Posts

Related Posts