チームメンバー
チームメンバー
チームメンバーウィジェットを使うと、写真、名前、役割、自己紹介、ソーシャルリンクをまとめたプロフィールカードを表示できます。
チーム紹介のほか、登壇者や講師、専門家など、複数の人物を統一したデザインで紹介したい場合に活用できます。
チームメンバーウィジェットを使うメリット
- 親しみや信頼感を伝える： 事業に関わる人の顔や名前を紹介することで、会社やブランドを身近に感じてもらえます。
- さまざまな人物紹介に使える： 社員、登壇者、講師、コーチ、役員、寄稿者、アンバサダー、パートナーなどの紹介に対応できます。
- 各メンバーの活動へ案内する： ソーシャルリンクから、本人の発信や活動実績を確認できるページへ誘導できます。
- スペースに合わせて表示する： コンパクトなスライダーからチーム全体を一覧できるグリッドまで、掲載する場所や人数に合わせてレイアウトを選べます。
レイアウトの選択
スライダー
プロフィールを切り替えて表示するレイアウトです。「スライダータイプ」では、1件ずつ表示する形式、複数件を表示する形式、自動で切り替わる形式を選択できます。
「ホバー時に一時停止」を有効にすると、カードにマウスポインターを重ねている間、自動切り替えを停止します。
リスト
プロフィールを縦に並べ、写真の横に名前、役割、自己紹介、ソーシャルリンクを表示します。各メンバーを詳しく紹介するページに適しています。
グリッド
プロフィールを複数の列に並べるレイアウトです。チーム全体を一覧で見せたい場合に適しています。「1行あたりのアイテム数」で、横に並べるプロフィールの件数を調整できます。
プロフィールの追加・管理
各メンバーのプロフィールは、編集画面のリストで管理します。
- 追加： 「＋追加」をクリックして、新しいプロフィールを作成します。
- 並べ替え： 項目をドラッグして、表示順を変更します。
- 編集： 歯車アイコンをクリックして、プロフィールの内容を設定します。
- 削除： 削除したいプロフィールのゴミ箱アイコンをクリックします。
プロフィールごとの設定
- 写真： メンバーのプロフィール画像を設定します。
- 名前： メンバーの名前を入力します。
- 役割： 担当する役割や肩書を入力します。
- 短い自己紹介： 経歴や専門分野などを簡潔に紹介します。
- ソーシャルリンク： LinkedIn、X（Twitter）、GitHub、Dribbble、Instagramなどのリンクを追加できます。各サービスに個別のURLを設定します。
共通のスタイル設定
- 写真の形状： 角丸など、用意された形状から写真の表示形式を選択します。
- テーマ： ライトまたはダークから選択します。
- テキストのフォントファミリー： 文字のフォントを設定します。
- 角丸半径： カードの角の丸みを調整します。
- カード背景色／テキスト色／アクセントカラー： サイトのデザインに合わせて、各部分の色を変更します。
ウィジェット一覧
更新日 06/09/2026
ありがとうございます