拡張パーツ > スライドショー

クラフトマスターイメージイラスト

複数の画像情報を1枚ずつ大きく順番に見せたいときに使用するパーツで、準備した選択するだけで簡単に作成できるメリットがあります。表示させる時間や順番、切り替わりの効果を決められるほか、画像1枚ずつにリンクを張ることで目的のページに誘導することが可能です。

ページトップでアイキャッチ的に画像メッセージや広告を次々表示させて興味を惹く使い方が一般的です。もちろん、写真などの作品を公開する手段としても使用できます。各投稿やほかのページへの誘導にスライダーを使用したい場合は「投稿スライダー」や「コンテンツスライダー」を使うほうが効率的です。

使用例

一般設定

使用素材

使用画像を以下から選択できます。

  • メディアライブラリから → WordPressのメディアライブラリにアップロード、登録した画像を使用する場合に選択します。通常はこちらです。
  • SmugMug → 画像共有サービスの「SmugMug(日本語未対応)」でつくったギャラリーを引用します。

画像(「メディアライブラリから」選択時)

「画像ギャラリーをつくる」をクリックし、メディアライブラリの一覧から使用したい画像を複数選択します。選び終わったら「ギャラリーを更新」をクリックします。
新たに画像をアップロードしながらギャラリーを作成する場合は、「ファイルをアップロード」からアップロードし、メディアライブラリに登録後、ギャラリーに追加します。
「画像を追加」より新たな画像を選び「ギャラリーの更新」を行うと画像を追加できます。「画像ギャラリーを編集」より表示の順番変更や一部削除、入れ替えができます。

RSSフィードURL(「SmugMug」選択時)

SmugMugで作成したギャラリーのURLを取得し、ここへ入力します。(こちらを使用する場合はSmugMugと契約し、自身のアカウントを開設してる必要があります。)

表示調整

高さ指定

スライドショーを表示する際の最大の高さをピクセル単位で指定します。

色合い

コントロールアイテム関連の色使いを変更できます。
ページデザインの配色や使用画像が明るい場合は「黒系」を選択することをお勧めします。

画像の表示調整

「Yes」を選んだ場合、左右が見切れないよう幅いっぱいに画像を配置したうえで「高さ指定」の数値の範囲を表示します。「No」を選ぶと、画像の縦横比は変えずに「高さ指定」の数値に合わせることを優先して表示します。

右クリックを無効に

「NO」にすると画像上で右クリックしてもメニューが表示されませんので、画像コピーなどに対していくぶんの抑止効果があります。

クリックしたとき

いずれかを選択

「指定なし」では何も起きませんが、「リンク先」を選択すると「URL指定先」が入力可能になり、スライダーの画像部分をクリックした際に指定Webページへ移動できるよう設定できます。

URL指定先

リンク先のURLアドレスを設定します。
自分のWebサイト内であれば、「選択」を押して入力欄にリンクを張りたい記事やページのタイトルを一部入力します(3文字以上必要)。
候補が一覧で表示されますので、その中から目的のものを選択すれば、自動でリンクが張られます。

再生設定

自動再生

ページが表示されたときにスライドショーを自動で動かすかどうかを設定します。

表示スピード

1つの画像の表示時間を設定します。

表示入れ替わり効果

画像が入れ替わる際の効果を以下の中から設定します。

  • 指定なし
  • フェード
  • ケン・バーンズ風
  • 左にスライド
  • 上にスライド
  • ブラインドカーテン風
  • 縦バー 左から右
  • 縦バー ランダム
  • 正方形 左から右
  • 正方形 ランダム
  • 長方形の膨張

表示入れ替わり効果の速度

画像の入れ替わりにかかる時間を設定します。

再生の順番をランダムに

画像の表示を設定した順番に関係なくランダムに行いたい場合には“Yes”を選択します。

コントロールアイテム

送り矢印

「Yes」を選ぶと、スライドショーの左右端に、訪問者が自由に画像を次に送ることができる大きな矢印を表示します。

コントロールバー

表示

スライドショーを操作するためのツールバーの種類を選択します。

指定なし → コントロールバーは表示されません。

スライドショー バーなし

ボタン → 機能を持ったボタンを中心にしたレイアウトになります。

スライドショー ボタン型

サムネイル → スライドショー内の画像のサムネイル表示を中心にしたレイアウトになります。

スライドショー サムネイル型

「表示」で「ボタン」を選択した場合

位置

コントロールバーをスライドショーのどこに表示させるかを設定します。

各ボタンの表示

コントロールバー内で使用できる各ボタンを表示するかどうか選択します。Noを選択すると表示されません。

送り矢印

前の画像、次の画像に送るためのボタンです。

再生ボタン

訪問者がスライドショーを開始させるためのボタンです。

フルスクリーン表示ボタン

スライドショー部分だけをパソコン上でフル画面表示にできるボタンです。

画像枚数情報

スライドショーに含まれている画像の枚数と、現在何枚目かを表示します。

サムネイル表示ボタン

一部のスペースを使って、スライドショーに登録された画像の縮小版をリスト表示させるボタンです。クリックすることでその画像を表示します。

キャプションボタン

メディアライブラリに画像とともに登録されている、その画像のキャプションを表示します。

SNSボタン

訪問者が、登録しているソーシャルメディア上で共有するためのボタンです。押すと、いくつかのサービスの共有ボタンが表示されます。

コントロールバー オプション

画像内容に重ねて表示

サムネイル

大きさ

サムネイルボタンを押した際に表示される画像サムネイルの大きさをピクセル単位で設定します。

SNSボタン

SNSボタンを押した際に画像上に表示される共有用ボタンの表示を設定します。

Facebookボタン

いいねボタンの表示設定です。

Twitterボタン

画像についてツイートするのためのボタンです

Google+ボタン

Googleプラスでの共有ボタンです。

Pinterestボタン

Pinterestでピン止めするためのボタンです。

「表示」で「サムネイル」を選択した場合

位置

コントロールバーをスライドショーのどこに表示させるかを設定します。

各ボタンの表示

コントロールバー内で使用できる各ボタンを表示するかどうか選択します。Noを選択すると表示されません。

サムネイル

スライドショーに含まれる画像の縮小版がリスト状に並びます。クリックするとその画像をスライダー上に表示します。

フルスクリーン表示ボタン

スライドショー部分だけをパソコン上でフル画面表示にできるボタンです。

画像枚数情報

スライドショーに含まれている画像の枚数と、現在何枚目かを表示します。

キャプションボタン

メディアライブラリに画像とともに登録されている、その画像のキャプションを表示します。

SNSボタン

訪問者が、登録しているソーシャルメディア上で共有するためのボタンです。押すと、いくつかのサービスの共有ボタンが表示されます。

コントロールバー オプション

画像内容に重ねて表示

サムネイル

大きさ

サムネイルボタンを押した際に表示される画像サムネイルの大きさをピクセル単位で設定します。

SNSボタン

SNSボタンを押した際に画像上に表示される共有用ボタンの表示を設定します。

Facebookボタン

いいねボタンの表示設定です。

Twitterボタン

画像についてツイートするのためのボタンです

Google+ボタン

Googleプラスでの共有ボタンです。

Pinterestボタン

Pinterestでピン止めするためのボタンです。

詳細

こちらの共通ページで説明しています

©2015-2018 eufonia inc.