WordPress

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

November 24, 2017


Crelly Sliderはフリー/オープンソース対応のWordPressスライダー。ドラッグアンドドロップビルダーを使用して、テキスト、画像、YouTube / Vimeoビデオを追加し、それぞれをアニメートすることができます。クリエイティブなコンテンツを投稿やページに表示するのに最適です。

Crelly Sliderプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> 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で確認ができます。


ショートコードをコピペしたら完成です。一覧で確認できます。