WordPressサイトでチームを表示する方法はたくさんある。グリッドに並べたり、カラムに並べたり、静的セクションに一度に表示したり。しかし、スペースが限られている場合やレイアウトをすっきりさせたい場合は、カルーセルでチームメンバーをスクロールさせる方が効果的です。
カルーセルにより、写真、名前、役割、リンクを表示しながらも、セクションをコンパクトに保つことができます。訪問者はプロフィールを1人ずつスクロールできるので、各メンバーに注意を向け続けることができ、小さな画面でも見やすいレイアウトになっています。
このようなレイアウトを作るには、カルーセルに特化したプラグインを使うのが便利だ。いくつかのプラグインはスライダーを他のレイアウトの1つとして含んでいますが、いくつかのプラグインはカルーセルベースの表示を構築することに完全に焦点を当てています。ここで紹介するプラグインは両方のスタイルをサポートし、レスポンシブ、レイアウトコントロール、クリーンデザインのためのグッドプラクティスに従っています。さっそく紹介しよう。
プラグイン |
アクティブ・インストール |
主な特徴 |
ダウンロード |
---|---|---|---|
スライダー革命 |
400,000+ |
|
|
スマートスライダー3 |
900,000+ |
|
|
チーム - チームメンバーショーケース プラグイン |
10,000+ |
|
|
WPチーム |
5,000+ |
|
|
チーム・ビルダー |
9,000+ |
|
|
チーム・スライダーとチーム・グリッド・ショーケース、チーム・カルーセル |
3,000+ |
|
|
チーム・ショーケース |
3,000+ |
|
スライダー革命

チームのショーケースで頭角を現すのが目標なら、 スライダー革命 があなたのお目当てかもしれません。チームカルーセル、インタラクティブなヒーローセクション、さらにはパララックスエフェクト、3Dトランジション、クリッカブルバイオを使ったページ全体を構築できる強力なプラグインです。何より、コードを一行も書く必要がありません。
Slider Revolutionには250以上のテンプレートが搭載されており、それらの多くはカルーセル機能を中心に構築されています。写真カルーセルやクレイモルフィズムカルーセルのようなデザインから始めて、チームメンバー、役割説明、ソーシャルリンクを表示するために微調整することができます。ドラッグ&ドロップ編集、複雑なキーフレームアニメーション、レイヤグループ、画像、アイコン、ビデオなどの膨大なオブジェクトライブラリへのアクセスも可能です。
また、2000以上のメディアアセットと20以上のエフェクトアドオンを利用でき、スタイルと動きのあるカルーセルを作成できます。チームプロフィール用のライトボックスポップアップからレイヤーアニメーションやスクロールエフェクトまで、すべてがカスタマイズ可能でレスポンシブです。会社概要" ページをビジュアルポートフォリオとして使用したいスタジオやビジネスにとって、Slider Revolution は静的なグリッドをストーリーテリング体験に変えます。

トップ
- ドラッグ・アンド・ドロップのビジュアル・エディターとタイムライン・コントロール。
- カルーセルやチームレイアウトを含む250以上のテンプレート。
- チーム固有のカルーセルテンプレート(クレイモーフィズム、写真)。
- キーフレームアニメーションとカスタムイージングオプション。
- 画像、アイコン、動画を含む2000以上のメディアアセット。
- パーティクル、トランジション、エフェクト用の20以上のアドオン。
- 各チームのスライドのライトボックス機能。
- ハイブリッドレイアウトのためのWooCommerceの統合。
Price
Slider Revolutionはプレミアム専用のプラグインで、1つのサイトに対して$35/年から段階的なプランがあります。
スマートスライダー3

リストには以下が続く。 スマートスライダー3ページビルダーの柔軟性とカルーセルに特化したツールを融合させたプラグインです。このプラグインは、すべてのレイヤーを絶対的に制御し、行と列をまたいで自由に配置することができます。
Smart Slider 3には180以上のデザイン済みテンプレートが含まれており、主要なプロジェクトタイプの1つとしてカルーセルの専用サポートを提供しています。ゼロからレイアウトを構築することも、投稿スライダーやカスタムレイヤーを使ってチームメンバーの経歴、画像、ソーシャルリンクをフィーチャーするテンプレートから始めることもできます。ライブエディターには、レイヤースナップ、絶対位置指定、背景アニメーション、レスポンシブデザイン用のカスタムブレークポイントなど、便利なツールが満載です。
このプラグインにはライトボックスポップアップ、ダイナミックコンテンツローディング、ケンバーンズ、パララックス、モーフトランジションなどの高度なエフェクトも組み込まれています。あなたのスキルレベルに関係なく、Smart Slider 3はアニメーション、レイアウト構造、可視性設定を完全にコントロールし、スライダー、カルーセル、またはヒーローセクション全体を作成するのに役立ちます。

トップ
- レイヤーベースのデザインとドラッグ&ドロップコントロールが可能なビジュアルスライドエディタ。
- カルーセル形式を含む180以上のすぐに使えるスライダーテンプレート。
- レイヤーの種類には、画像、見出し、ボタン、YouTube、Vimeoなどがあります。
- 4つの主要なプロジェクトタイプの1つとしてカルーセルをサポート。
- カスタムブレークポイントとモバイル表示設定を備えたレスポンシブレイアウト。
- 投稿、WooCommerce、フォルダからの動的スライドコンテンツ。
- ライトボックスをサポートし、モーフ、パララックス、ケン・バーンズ・アニメーションに対応。
Price
Smart Slider 3にはサイト数無制限の無料版があり、プロ版は$49からです。
チーム - チームメンバーショーケース プラグイン

リストには以下が続く。 チーム - チームメンバーショーケース プラグインシンプルなカルーセルで、柔軟性を失うことなく、あなたのチームをフィーチャーするための専用ソリューションです。グリッド、リスト、アイソトープ、スライダーレイアウトがあり、スライダーレイアウトはすぐに使えるカルーセルとして機能します。
このプラグインの無料版には1つのカルーセルレイアウトが含まれていますが、Pro版ではさらに11のバリエーションが追加されます。正方形または丸みを帯びた画像でチームメンバーを表示したり、経歴やソーシャルリンクのようなカスタムフィールドを追加したり、詳細表示にポップアップを使用したりできます。内蔵のショートコードジェネレーターやElementorウィジェットを使って、表示オプション、スタイル、間隔をコントロールしながらレイアウトを構築できます。デバイスベースのカラムコントロールは、モバイル、タブレット、デスクトップのレイアウト用にチームカルーセルを微調整するのに役立ちます。
プロバージョンは、50以上のレイアウトオプション、部署または指名による高度なフィルタリング、およびロードモアとスクロールを含むAjax-poweredページネーションが追加されます。カルーセルを乱雑にすることなく、詳細ページのポップアップに完全な経歴、ギャラリー、または履歴書を表示できます。メイソングリッド、RTLサポート、色、ボーダー、エフェクトの正確なコントロールにより、グローバルチームや多言語サイトにとって実用的な選択です。

トップ
- グリッド、リスト、アイソトープ、カルーセル(スライダー)レイアウトを含む。
- 無料版では1つのカルーセルレイアウト、プロ版では11のカルーセルレイアウトが追加されます。
- ドラッグ・アンド・ドロップによるメンバーの並び替えや、部署や指名によるフィルタリングが可能。
- ポップアップ、スマートポップアップ、またはシングルページを使用した詳細表示。
- カルーセルのカラムとレイアウトの動作は、デバイスごとに制御できます。
- ElementorとGutenbergに対応し、ショートコードをフルサポート。
- カスタム画像サイズ、グレースケール効果、スタイルコントロール。
- 番号、AJAXロードモア、スクロールを含むページネーションオプション。
Price
コアプラグインはサイト数無制限で無料。プロプランは$27/年から。
WPチーム

シンプルさと奥深さのバランスが取れたプラグインに、 WPチーム は、コードを一行も書かずにチームセクションのためのクリーンなカルーセルを構築したい場合に最適です。このプラグインには3つのレイアウトプリセット(カルーセル、グリッド、リスト)が付属しており、メンバーのレイアウト、スタイル、スペーシングを完全にコントロールできるライブショートコードジェネレーターが含まれています。
WP Teamでは、各メンバーの写真、名前、役職、経歴、ソーシャルリンクをカスタムカラーとタイポグラフィでスタイリングして表示できます。自動再生、無限ループ、ホバーポーズ、カスタムスライド速度、ナビゲーションカラーなど25以上のコントロールでカルーセルをパーソナライズできます。20種類までのコンテンツ配置スタイルで、メンバー情報を画像の上、下、横、または上に配置できます。ドラッグ&ドロップでメンバーを並べ替えたり、デバイスごとにカラムを調整したり、ズーム効果を適用したり、オーバーレイやグレースケールからカラーへのトランジションなどのレイヤービジュアルを追加したりできます。
訪問者は、Ajax検索を使用して、役割、場所、部署でリアルタイムにメンバーを絞り込むことができます。詳細ビューは高度にカスタマイズ可能で、モーダル、スライドイン、フルページレイアウトをサポートしています。各メンバーは、専用のギャラリー、スキルバー、追加のカスタムフィールドを持つことができます。また、モーダルポップアップ、スライドイン、または履歴書、フォトギャラリー、スキルバーを紹介する専用のシングルページを備えたインタラクティブな詳細ページを追加することもできます。

トップ
- カルーセルレイアウト、グリッドレイアウト、リストレイアウト。
- 会員情報のための20以上のコンテンツポジショニングスタイル。
- 自動再生、ループ、スピード、一時停止、ページネーションコントロール。
- ライブ検索によるグループ、部署、場所によるフィルタリング。
- モーダル、スライドイン、カスタムコンテンツを備えた詳細ビュー。
- メンバーのフォトギャラリー、スキルバー、カスタムフィールド。
- ライブプレビューとデバイス固有の設定が可能なショートコードジェネレーター。
Price
WP Teamのコアプラグインは無料です。プロプランは$49/年から。
チーム・ビルダー

チーム・ビルダー は、ドラッグ&ドロップのインターフェイスを使ってスタイリッシュなチームカルーセルを作成できるビジュアルチーム管理プラグインです。ドラッグ&ドロップ可能なボックスを使って、チームのショーケースを素早く作成したり、並べ替えたり、スライダー、グリッド、テーブル、フィルター可能なレイアウトを使って表示することができます。
いくつかのプリセットデザインを使ってカルーセルを作成したり、フォント、カラー、ボーダー、スペーシングを自由にコントロールして、それぞれのショーケースにユニークなスタイルを割り当てることができます。スライダーには、タッチサポート、自動再生、ループ、ページネーションドット、ナビゲーションボタン、複数のカラムレイアウトがあります。チームの詳細には、写真、経歴、呼称、ソーシャルリンク、メールアドレス、評価まで含まれます。また、拡張された経歴のためのポップアップもあり、レスポンシブ・コントロールのために最大10カラムの組み合わせでレイアウトを適応させることができます。
組み込みのフィルタリング機能、高度なカスタムフィールド、ショートコードによるフルコントロールにより、どんなテーマやレイアウトにも合うようにチームショーケースをパーソナライズすることができます。100種類以上のレイアウトプリセットとわかりやすいショートコードシステムで、Team Builderはテーマ、ページビルダー、ブラウザを問わず、完全な互換性でチームを簡単に表示できます。

トップ
- ドラッグ&ドロップでメンバーを並べ替えられるビルダー。
- カルーセル、グリッド、テーブル、フィルターベースのレイアウト。
- 50以上のスライダーとグリッドレイアウトテンプレート。
- タッチスライダーをサポートした10以上の列の組み合わせ。
- プロフィール欄には、写真、名前、経歴、ソーシャルリンク、評価が含まれる。
- チームメンバーの詳細を表示するための複数のポップアップデザイン。
- フォント、カラー、スペーシングを自在にコントロール。
- ショートコードベースの出力とカスタムCSSのサポート。
Price
無料版もあります。プレミアムプランは、高度なテンプレートと機能のために$16/年から。
チーム・スライダーとチーム・グリッド・ショーケース、チーム・カルーセル

私たちはこう続ける。 チーム・スライダーとチーム・グリッド・ショーケース、チーム・カルーセルショートコードとシンプルな設定を使って、チームをカルーセルやグリッドレイアウトで表示できるプラグインです。各メンバーの名前、経歴、役割、部署、スキル、ソーシャルリンクを追加できるカスタム投稿タイプを作成します。
このプラグインでは、[wp-team-slider]のような簡単なショートコードを使ってカルーセルを作成し、カラム、自動再生速度、スライドトランジションをコントロールすることができます。写真、役割、経歴、ソーシャルリンク(Facebook、LinkedInなど)でチームメンバーを表示することができ、遅延ローディングでページの読み込みが速くなります。3つのミニマルなデザインはコンテンツに焦点を当て、ポップアップはレイアウトを乱すことなくスキルや経験などメンバーの詳細を拡大します。カルーセルは複数のメンバーを一度に表示でき、選択した設定に基づいてスライドをスクロールします。
各レイアウトはショートコードパラメーターでコントロールできます。カラム数の設定、チームカテゴリの選択、順番の設定、異なるデザインからの選択が可能です。また、ショートコードパラメータを使って部署や役割でメンバーをフィルタリングしたり、順番をランダムにしてダイナミックに表示したり、Gutenbergブロックを使ってカルーセルを埋め込んだりすることもできる。派手なアニメーションはないものの、そのシンプルさとGDPR対応のポップアップにより、小規模チームや多言語サイト向けの実用的な選択肢となっている。

トップ
- カルーセルとグリッドのレイアウトはショートコードでコントロールできます。
- 自動再生、スライド速度、ナビゲーション、ページネーションの設定。
- 拡張チームメンバー情報のポップアップサポート。
- フィールドには、名前、役割、部署、スキル、ソーシャルリンクが含まれる。
- カテゴリーと注文のフィルターは、ショートコードのオプションで利用可能です。
- 画像の遅延ロードと複数のレイアウトテンプレート。
- Gutenbergで動作し、デフォルトでモバイルに対応しています。
- 柔軟な表示コントロールが可能なカスタム投稿タイプ構造。
Price
これもフリーミアムプラグインで、プロバージョンはEssential Pluginバンドルの一部として$99/年で購入できる。
チーム・ショーケース

最後に チーム・ショーケースグリッド、フィルター、カルーセルレイアウトを使用してチームを表示するのに役立つプラグインです。名前、役割、経歴、連絡先、ソーシャルリンクなどのフィールドを入力できるカスタム投稿タイプを作成し、ショートコードやウィジェットを使ってサイトのどこにでもチームを表示できます。
カルーセルレイアウトは、自動再生、スライド速度、ループ動作、およびデバイス固有のアイテムカウントをサポートしています。ナビゲーションやページネーションのスタイルも調整でき、ポップアップを使用すれば、現在のページを離れることなく、拡張されたメンバーの経歴を表示できます。メンバーは、プロフィール画像、短いまたは完全な説明、電話番号、住所、LinkedInやInstagramなどのプラットフォームへのリンクを表示できます。
カラム、間隔、フォント、背景色など、レイアウトのあらゆる面をコントロールすることができます。チームショーケースには、カテゴリーごとのコンテンツフィルターや、ドラッグ&ドロップでメンバーの並び順を設定したり、チームプロフィールごとに色を設定したりすることもできます。無制限のショートコードに対応しているので、サイトが必要とする数だけレイアウトを作成・再利用することができます。

トップ
- カルーセル、グリッド、フィルターレイアウトに複数のプリセットオプション。
- オートプレイ、ループ、ナビゲーション、ページネーションのカスタマイズ。
- 複数のレイアウトと位置設定が可能なメンバー紹介用ポップアップ。
- フィールドには、画像、役割、経歴、連絡先、ソーシャルリンクが含まれます。
- メンバー、コンテンツ、ソーシャルアイコンをドラッグ&ドロップでソート。
- レイアウトごとに色、フォント、スペーシングを無制限にコントロール。
- ショートコード、ウィジェット、ページごとの複数レイアウトをサポート。
- 各画面サイズにカラムを設定することで、デバイスを問わずレスポンシブに対応。
Price
無料版はWordPress.orgで入手可能。プロ版の価格は$29です。
結論
チームセクションはナビゲートしやすく、ページの他の部分とうまく調和していなければなりません。カルーセルレイアウトはその両方に役立ちます。カルーセルレイアウトは、表示するプロフィールの数と、画面上でのプロフィールの動きをコントロールすることができます。
上記のプラグインはすべてこのレイアウトをサポートし、結果をカスタマイズするさまざまな方法を提供します。ベーシックなスライダーが欲しいのか、フィルターやポップアップ、詳細なコントロールでよりスタイリッシュなものが欲しいのか、重要なのはあなたのサイトの構造に合ったプラグインを選ぶことです。
ほとんどの場合、レイアウトを集中させ、レスポンシブで、全体的なデザインと一貫性を保つことが、チームを際立たせる最善の方法です。これだけで、完成度の高いチームセクションができあがります。