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

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

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

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

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

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

記事（投稿）のカルーセル設定

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

カルーセルを表示させる

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

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

add_filter('widget_text', 'do_shortcode');

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

カルーセル表示設定例

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

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

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

「Coolweb Beauty Carousel」での追加機能

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