上記の図のように画像が横に自動的に回転することをCarousel(回転スライド)と呼びます。 カルーセルが帰る形を中心にCarouselという名前がつけられたようです。 このようなCarousel効果が部分的に適用されたサイトを頻繁に見ることができます。 例えば顧客ロゴパートナーのロゴを回転的に配列する場合がこれに該当します。
[この記事は、2024年2月21日に最後に更新されました。 ]
WordPress 回転スライド(Carousel)プラグイン
WordPressは、さまざまなCarouselプラグインがあります。 無料から有料まで多様であるため、多少の検索を使用して好みのプラグインを選択することができます。 上記のようにすっきりとした効果をご希望の場合、有料のプラグインを考慮してみることができます。
Avada バックページビルダーがマウントされているテーマを使用している場合は、ページビルダーにカルーセル(回転スライド)機能が提供されることがあります。
エレメントページビルダーにもカルーセルウィジェットがあります。
WordPress カルーセルプラグイン - WP Carousel
無料プラグインとして WP Carousel (Carousel, Slider, Gallery by WP Carousel – Image Carousel & Photo Gallery, Post Carousel & Post Grid, Product Carousel & Product Grid for WooCommerce)があります。
このプラグインは2024年2月現在、6万を超えるサイトにインストールされ使用されており、無料版と有料版があります。
- 完全反応型とタッチに優しい。
- 軽量、高速で強力な機能
- ショートコードジェネレータ(ショートコードジェネレータ)
- 非常に便利なアドミンパネル
- メディアギャラリー、投稿、商品などの画像を使用してカルーセルを作成する
- ドラッグ&ドロップ(Drag&Drop)画像スライドの並べ替え
- 複数のカルーセル。 (同一ページに無制限のカルーセル生成可能)
- マルチサイトサポート。
- 画像スライドの境界線を設定します。
- 自動再生のオン/オフ
- 自動再生速度コントロール
- カルーセルの上にマウスを置くと停止
- カルーセル無限回転(ループ)
- ナビゲーションとページネーションポイントの表示/非表示。
- ナビゲーションとページネーションポイントの色。
- 無制限の色とスタイリングのオプション。
- さまざまなデバイスでカルーセル列を制御する
- ランダムな順序で表示可能
- 各カルーセルに固有の設定可能
- タッチスワイプオプション
- マウスドラッグ機能の有効化/無効化
- 多言語サポート
- RTL(右から左方向の言語、アラビア語など)をサポート
- ウィジェットのサポート
- すべてのテーマに対応
- スクリプト/CSSをロード/アンロードする高度な設定
- スタイルをオーバーライドできるカスタムCSSフィールド。
- 開発者にやさしく、カスタマイズが容易
- SEOフレンドリー&スピード最適化
- すべてのモダンなブラウザのサポート:IE、Firefox、Chrome、Safari、Opera、Edgeなど。
- ドキュメントとビデオチュートリアル
- 迅速なサポート
- その他多くのオプションを提供
その他のプラグイン
Responsive Posts Carousel WordPress Plugin(反応型ポストカルーセル WordPress プラグイン)は軽くて強力です WordPress プラグインとして投稿、ギャラリー画像、 WooCommerce 商品やその他すべてのカーソルポストタイプをタッチ可能なカルーセル/スライダーで表示できます。
50種類以上のテンプレートから選択でき、ライブテンプレートエディタ(Live Template Editor)を使用してカスタマイズできます。
3次元で回転スライドを表示したい場合 究極の3Dカルーセル WordPress Pluginを考慮することができます。 Ultimate 3D Carouselは、マルチメディアコンテンツを独自のレイアウトで3次元表示するための完全な3Dマルチメディアカルーセルスライダーです。
無料のプラグインの場合、スライダープラグインは多いが、正確に上記のような効果を提供するプラグインは、検索容易ではない。 WordPress Auto Scroll Carousel プラグインが上部の図のような効果を提供します。 しかし、このプラグインは、個人に限り、無料でご利用いただけます。 (無料版の場合、おそらくウォーターマークが表示されるようです。)
必要に応じて、インターネットで公開されているjQueryソースを使用して直接実装することもできます。たとえば、この記事(ページが消える)でjQuery infinite carousel(無限回転スライド)を作成する方法を示します。しかし、反応型が欲しいなら、作るのは簡単ではないようです。
注:一部のテーマで回転スライド(Carousel)の効果を提供する場合もあります。 Salient などのテーマでそのような効果を見て覚えてますね。 有料テーマを購入する際に必要な機能を提供するかのデモを介して確認することも効果的なようです。
こんにちは、私はそのように探していた情報があり感無量です〓〓
私のブログを訪問していただきありがとうございます^^