WordPress
【WordPress】フリー/オープンソース対応のWordPressスライダーCrelly Slider
November 24, 2017
Crelly Sliderはフリー/オープンソース対応のWordPressスライダー。ドラッグアンドドロップビルダーを使用して、テキスト、画像、YouTube / Vimeoビデオを追加し、それぞれをアニメートすることができます。クリエイティブなコンテンツを投稿やページに表示するのに最適です。
Crelly Sliderプラグインを導入
ダッシュボード >> プラグイン >> 新規追加 >>
有効化にするとCrelly Sliderが追加されます。
Crelly Slider
Add Sliderをクリックします。
SLIDER SETTINGS
| 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をクリックすると、スライドと要素を追加できます。
タイトルを入力するとショートコードが表示されます。
EDIT SLIDES
| Background | スライドの背景 |
|---|---|
| In animation | スライドのアニメーション |
| Out animation | スライドのアウトアニメーション |
| Time | スライドが画面上に残る時間 |
| Ease In | inにかかる時間 |
| Ease Out | outにかかる時間 |
| Link | リンク |
| Custom CSS | カスタムCSS |
テキストなどを足す際は、下部にあるAdd text,Add image,Add videoなどでイメージ上にテキストなどを足して、ドラッグして位置など様々な設定を行います。Live Previewで確認ができます。
ショートコードをコピペしたら完成です。一覧で確認できます。
