テーマオプション スライドショー

Slideshows

ホーム/Theme Options/Slideshows/テーマオプション スライドショー
  • テーマオプション スライドショー1
  • テーマオプション スライドショー2
  • テーマオプション スライドショー3
画像はクリックすることでLightbox内に大きく表示することができます。

このコンテンツでは、【テーマオプション スライドショー】全7のオプションについて解説をしています。

このオプションは、アイキャッチ画像を複数設定したスライドショーやショートコード『Slider』に適用されるオプションです。

このページのアイキャッチ画像は、このオプションで3枚のアイキャッチ画像を設定し、3秒毎に切り替わるスライドショーを表示しています。

サクッと画像で概要を見たい方はこちら

1.Posts Slideshow Images / 投稿ページのスライドショー画像

スライドショー 投稿ページのスライドショー画像

このオプションは、投稿ページやポートフォリオページで設定できるアイキャッチ画像の最大枚数を1~30で設定します。この設定で2以上を選択しアイキャッチ画像を2つ以上設定すれば、アイキャッチ画像をスライドショーとして表示させることができます。

各ページ内の【表示オプション】でアイキャッチ画像にチェックをつけると、カテゴリーやタグの下にチェックした数のアイキャッチ画像の設定が表示されます。

画像は、このオプションを5に設定し、【表示オプション】で3つチェックをつけているものです。

2.Autoplay / 自動再生

このオプションを有効にすると、ページ読み込み時に【1.Posts Slideshow Images / 投稿ページのスライドショー画像】でアイキャッチ画像を複数設定した場合のスライドショーやショートコード『Slider』で作成したスライダーを自動再生します。

3.Smooth Height / 高さの自動調整

このオプションを有効にすると、各スライドの画像の高さが統一されていない場合に、画像の高さを自動で調整し違和感がないようにスライドしてくれます。

ブログレイアウトの【Grid】では機能しないため、注意しましょう。

4.Slideshow Speed / スライドショーのスピード

このオプションは、スライドショーのスライド間隔(表示速度)をミリ秒で設定します。

1秒=1000なので、1枚のスライドを5秒表示させたい場合は5000とします。

なお、このオプションは、ショートコードの【Slider】にも適用されます。

5.Pagination Circles Below Video Slides / ページネーションの表示

このオプションを有効にすると、ショートコードの【Slider】を使用しYoutubeやVimeoの動画スライドを複数作成した際に、スライダーにページネーション(上のスライダーの黒とグレーの丸)を表示させます。

なお、YoutubeやVimeoを利用する際は、テーマオプションの『Advanced(詳細設定)』 → 『Theme Features(テーマ機能)』 の【Youtube・Vimeo API Scripts】をそれぞれ有効にしておきましょう。

スライドショー 動画のAPI設定

6.Navigation Box Dimensions / ナビボックスのサイズ

スライドショー ナビゲーションボックスのサイズ

このオプションは、スライドが複数ある場合に表示されるナビゲーションボックスの縦と横のサイズを設定します。

画像は、縦と横それぞれ100pxで設定しています。

7.Navigation Arrow Size / ナビ矢印のサイズ

スライドショー ナビゲーションボックスの矢印サイズ

このオプションは、スライドが複数ある場合に表示されるナビゲーションボックス内の矢印のサイズを設定します。

画像は、70pxで設定しています。

コメントする