たくさん撮りためた写真を整理して、フォトギャラリーを作成しててみましょう。 simpler2-69 基本色 black 教室試作サイト http://c15.seta.red 2016-8-27

....

Master Sliderの使い方(PageBuilder版)

2015年06月20日

ブログや Web サイトで画像を表示する手法の一つにスライダーがあります。自動で画像が横にスライドしていくページです。
スライダーを WordPress 上で簡単に実装する事ができるプラグインが Master Slider です。

Master Slider – Responsive Touch Slider
スライダーは各種設定が可能です。
・サムネイルの有無
・サムネイルの表示方向
・画像の説明テキストの有無
・横幅の長さ調節

1.一般設定

■スライダー名
スライダーの名前を指定します。最初は「Untitled Slider」になっているので変更します。日本語でもOKです。
■スライダ幅
スライダーの横幅は、ピクセル単位でサイズを変更します。
■スライダーの高さ
スライダーのベース高さはピクセル単位で変更します。
■「Automatically crop and resize slider images based on above size」
  オンになっている場合は、トリミングによるサイズ変更が自動で行われます。
■スライダーサイジング方法
スライダのサイジング方法は「スライダーボックス内」または「全幅」で行うことができます。
■自動高さスライダー
オンになっている場合は、各スライドの高さを自動で適応させます。
■スライダーラッパー幅
スライダ(スライダ親)のラッパー幅を設定します。空欄の場合は、スライダーが自動で設定します。

 

Master Slider General Settings


2.スライダーテンプレートとトランジション

■トランジション
スライダーのスライドを変更する移行を指定します。
■遷移速度
トランジションを変更するスピード量。高い50値は推奨されません。
■方向
スライド変化方向を指定し、これは、いくつかのテンプレートでサポートされていない場合があります。
■スライドスペース
ピクセル単位でスライド間の間隔値。
■マスタースライダーテンプレートの設定


 

3.スライダーナビゲーションとプリロード

■スライドショー
自動再生スライドショーを有効にします。
■ループナビゲーション
連続スライディングモードを有効にします。
■最後のスライドで一時停止
それが最後のスライドに到達したとき、スライダが一時停止されスライドショーかどうか。
■ホバーで一時停止
スライダーの上にマウスカーソルが移動のスライダー一時休止スライドショーかどうか。
■順不同
ランダムスライドの順序を使用するかどうか。
■スライドで始まります
スライダーで拳スライドを指定します。
■タッチスワイプナビゲーション
ドラッグ/スワイプナビゲーションを有効にするかどうか。
■マウススワイプナビゲーション
かどうかをユーザがマウスドラッグのナビゲーションを使用することができます。
■グラブカーソルを使用
マウスでスワイプしながら、スライダーはグラブマウスカーソルを使用するかどうか。
■マウスホイール
マウスのスクロールホイールナビゲーションを可能にします。
■スライドのプリロード
、配列のスライドをロードし初期化する前に、すべてのスライドをロードすると同時にべき負荷現在のスライドの近くのスライド数を取り、近くのスライド をロードします。ここでは、どのように、スライダのロードイメージことを指定することができ、それは、3つの異なる方法をサポートしています。

マスタースライダーナビゲーションの設定

 

Master Slider Navigation Settings


 

4.スライダー外観

■皮膚
ここでは、あなたのスライダーのスキンを指定することができます。
あなたはここにすべてのスキンを見てみることができます..
■中央のスライダコントロールを配置
スライダーが中央にUIコントロールを整列するかどうか。このオプションは、全幅モードでのみ有効です。
■背景画像
ここでは、スライダーの背景画像を選択することができます。
■背景色
スライダーの背景色を指定します
■クラス名
ここでは、スライダ主要素にカスタムクラス名を追加することができます。複数のクラス名は、ホワイトスペースで区切らなければなりません。
■インラインスタイル
ここでは、主要素をスライダにカスタムCSSスタイルを追加することができます。国境例:固体1pxは赤。
 Master Slider Appearance Settings

投稿者:admin246tt カテゴリー: ワードプレス

コメントは受け付けていません。