WordPress
【WordPress】フリー/オープンソース対応のWordPressスライダーCrelly Slider
November 24, 2017

Crelly Sliderはフリー/オープンソース対応のWordPressスライダー。ドラッグアンドドロップビルダーを使用して、テキスト、画像、YouTube / Vimeoビデオを追加し、それぞれをアニメートすることができます。クリエイティブなコンテンツを投稿やページに表示するのに最適です。
ダッシュボード >> プラグイン >> 新規追加 >>
有効化にするとCrelly Sliderが追加されます。
Add Sliderをクリックします。
Layout | スライダーのレイアウトタイプ |
---|---|
Responsive | 画面サイズに適合 |
Start Width | 初期幅 |
Start Height | 初期高さ |
Automatic Slide | 自動スライド |
Show Controls | コントロールを表示する |
Show Navigation | ナビゲーションを表示 |
Enable swipe and drag | スワイプとドラッグを有効にする |
Show Progress Bar | プログレスバーを表示 |
Pause on Hover | ホバーで一時停止 |
Random order | 順序をランダム |
Start from slide | 最初に表示されるスライド |
Callbacks | コールバック |
Save Settingsをクリックすると、スライドと要素を追加できます。
タイトルを入力するとショートコードが表示されます。
Background | スライドの背景 |
---|---|
In animation | スライドのアニメーション |
Out animation | スライドのアウトアニメーション |
Time | スライドが画面上に残る時間 |
Ease In | inにかかる時間 |
Ease Out | outにかかる時間 |
Link | リンク |
Custom CSS | カスタムCSS |
テキストなどを足す際は、下部にあるAdd text,Add image,Add videoなどでイメージ上にテキストなどを足して、ドラッグして位置など様々な設定を行います。Live Previewで確認ができます。
ショートコードをコピペしたら完成です。一覧で確認できます。