ホーム > テーマの設定 > 04-01:カルーセルプラグインの設定

04-01:カルーセルプラグインの設定


プラグインのインストール・有効化

クールテーマ Ver.12.5特別版に添付のプラグインをインストールして、有効可します。

最新版は、「Coolweb Beauty Carousel」です。

 
カルーセルの設置場所は、デフォルトではヘッダー下及びフッター上部に設定する仕様ですが、表示には「ショートコード」を利用していますので、投稿や固定ページなど設置場所を選びません。
サンプルサイトでは、テキストウィジェットに「ショートコード」を記述して表示させています。
なお、テキストウィジェットでショートコードを利用するには、functions.phpに追記が必要になります。

 
カルーセルの設定は、「設定」> 「CoolWeb Carousel」で行います。
 

記事(投稿)のカルーセル設定

 

画像や広告バナーのカルーセル設定

 

カルーセルを表示させる

1)テーマに直接記述する場合は、
■記事カルーセル(アイキャッチ画像のカルーセル)
<?php echo do_shortcode(‘[cool-posts-carousel]’); ?>
<?php echo do_shortcode(‘[cool-posts2-carousel]’); ?> (2個目のカルーセル)
 
■自由画像カルーセル(広告など自由画像のカルーセル)
<?php echo do_shortcode(‘[cool-images-carousel]’); ?>

 
2)投稿や固定ページ及びテキストウィジェットでの表示は
記事カルーセル → [cool-posts-carousel] [cool-posts2-carousel]
画像カルーセル → [cool-images-carousel]
 
テキストウィジェットでショートコード利用する場合は、functions.phpに次の1行を追加してください。

add_filter('widget_text', 'do_shortcode');

※Ver.12以降は記述済みですので、追記の必要はありません。
 
ショートコードの[ ]は、全角で表示しています。設置は半角の[ ]への変更が必要です。

 
 

カルーセル表示設定例

テキストウィジェットにショートコードを記述して表示させています。

 

カルーセルの背景色等を設定する

カルーセルの色や上下の間隔は、テーマカスタマイザーの「カルーセルの色指定等」で行います。

 
 

「Coolweb Beauty Carousel」での追加機能

カルーセルで表示する投稿タイトルの背景色を変更できるように、旧プラグインに機能を追加しています。


 

WordPressテーマV12.5特別版



キーワード