【WordPress】コンテンツスライダープラグインCarousel Horizontal Posts Content Slider

Carousel Horizontal Posts Content Slider
Carousel Horizontal Posts Content Sliderは記事を紹介するためのコンテンツスライダープラグインです。レスポンシブ対応で、ウィジェットにも表示が可能。カスタムCSSもあるので必要に応じてCSSを書き足すこともできます。

Carousel Horizontal Posts Content Sliderプラグインを導入

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

Generalタブ
Enable(有効)、Disable(無効)

Show featured image 画像を表示
Show direction arrows 矢印表示
Show read more text 続きを読む表示
Show title タイトル表示
Show excerpt 抜粋表示
Show pagination ページネーションを表示する
Featured image size 画像サイズ
Auto scroll オートスクロール
Circular 円形
Excerpt length 抜粋文字数
Read more text 続きを読むテキスト
Categories/Terms カテゴリ
Number of posts 投稿数
Posts order 投稿順
Posts orderby 投稿条件
Transition effect トランジッション効果
Easing effect イージング効果
Timeout between elements 要素間のタイムアウト
nfinite インフィニット
Align the items in Slider スライダー内のアイテム揃え
General width of items アイテムの幅
General height of items アイテムの高さ
Pick text in excerpt field 抜粋フィールド内のテキストを選択
Touch Swipe タッチスワイプ
CSS3 Transtitions CSS3トランジッション
Direction to scroll the carousel カルーセルをスクロールさせる方向
Direction arrows colour 矢印の色
Direction arrows background colour 矢印の背景色
Direction arrows hover colour 矢印は色を合わせる
Size of direction arrows 矢印のサイズ
Default image URL デフォルトの画像のURL
Custom styles カスタムスタイル

chpcs_2
Advancedタブ

Load jQuery ロードjQuery
Load transit ロードトランジット
Load caroufredsel ロード
Load TouchSwipe ロードタッチスワイプ
Loading place スクリプトを配置する場所
Deactivation 無効化

ショートコードを使って投稿などに表示する場合
[carousel-horizontal-posts-content-slider]
テーマファイルにコードを追加する場合

<?php echo do_shortcode('[carousel-horizontal-posts-content-slider]'); ?>

chpcs_3
完成はこのような感じになります。

 
wordpress

【WordPress】コンテンツスライダープラグインCarousel Horizontal Posts Content Slider

  • LATEST
  • RELATED
  • POPULAR