Customizr・スライドショーの設定

wordpress-custmizr

customizrではスライドショーをページに表示する事ができる。そのスライドショーの設定方法を解説する。

  1. ダッシュボードの”メディア“で”ライブラリ“をクリックすると、これまでに追加してきた画像の一覧を見る事ができる。
  2. スライドショーに追加したい画像をクリックすると画像の詳細が画面が開くので、画面右下にある”さらに詳細を編集“をクリックしよう。
  3. メディアを編集、という画面が開くので、画面下の”Slider Options“の”Add to a slider“の箇所を”YES“にする。

すると”Slider Options設定画面“が開く。

Slider Optionsの設定

Title text (80 car. max length)

スライドのタイトルを入力する。

Description text (below the title, 250 car. max length)

スライドの説明を入力する。

Title and text color

スライドのタイトルと説明の文字色を設定する。

Button text (80 car. max length)

ボタンに表示されるテキストを入力する。例:続きを読む、など

Choose a linked page or post (among the last 100).

ボタンを押された時のリンク先を設定する(No linkにするとリンクされない)。

上記の設定の説明

例えば、画像が商品ページの宣伝のための画像の場合、スライドタイトル、とスライドの説明で”多数の良い品を取り揃えております”などとアピール文を入れて、ボタンのリンク先を商品ページにしておくと、ユーザーを商品ページに誘導する事ができるようになる。

これらの設定は全て空白にしてもOKだ。空白の場合は画像だけが表示されるスライドショーとなる。

Choose a slider

任意のスライド名を付ける。例:top-slider、など。

 Choose a sliderの説明

Choose a sliderで付けたスライド名を使って、他の画像とスライドショーの関連付けを行う。他の画像のSlider Optionsの設定において、Choose a sliderで同じ名前のスライド名を選ぶと、画像が同じスライドショーに関連づけられて、共に同じスライドショーに表示されるようになる。

表示順序

スライドショーの表示順序は、画面下部の”Slide Image“のところに表示されている画像をドラッグ&ドロップして順序を入れ替える事ができる。

スライドショーをフロントページに表示する

  1. ダッシュボードの”外観“の”カスタマイズ“をクリックして”Content:home,posts“をクリックする。
  2. Front Page“を選ぶと、開いた設定ウィンドウに”SLIDER OPTIONS“という項目があるので”Select front page slider“の部分で先ほど設定したスライド名を選ぶ。

するとフロントページに先ほど作成したスライドショーが表示されるようになる。

スライドショーを投稿ページに表示する

投稿ページの編集画面の下にある”Slider Options“の”Add a slider to this post/page“の下のボタンを”YES“にする。するとスライドショー設定画面が開く。

Choose a slider

使いたいスライドショー名を選択する。

Delay between each slides in milliseconds (default : 5000 ms)

どのくらいの時間毎に投稿ページのスライドショーの画像を切り替えるかを設定する。1000が1秒である。

Slider Layout : set the slider in full width

投稿ページの横幅いっぱいにスライドショーを表示する。

表示順序

スライドショーの表示順序は、画面下部の”Slide Image“のところに表示されている画像をドラッグ&ドロップして順序を入れ替える事ができる。

スライドショーを固定ページに表示する

固定ページの編集画面の下にある”Slider Options“の”Add a slider to this post/page“の下のボタンを”YES“にする。するとスライドショー設定画面が開く。

Choose a slider

使いたいスライドショー名を選択する。

Delay between each slides in milliseconds (default : 5000 ms)

どのくらいの時間毎に固定ページのスライドショーの画像を切り替えるかを設定する。1000が1秒である。

Slider Layout : set the slider in full width

固定ページの横幅いっぱいにスライドショーを表示する。

表示順序

スライドショーの表示順序は、画面下部の”Slide Image“のところに表示されている画像をドラッグ&ドロップして順序を入れ替える事ができる。


Customizr・スライドショーの設定」への1件のフィードバック

  1. ピンバック: レスポンシブ テーマへの移行 « WordPressの使い方

コメントは停止中です。