サイト会員:会員ページのパーツをカスタマイズする
読了時間:4分
サイトのすべてのメンバーのリストを表示する「会員ページ」をカスタマイズします。レイアウトを調整し、デザインを調整し、ページを公開するか非公開にするかを選択し、メンバーバッジをパーソナライズして、このパーツをあなたのスタイルに合わせましょう。
サイトに会員ページを追加する方法
この記事では、次の項目について説明します:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/02/08/d60b8201-acd3-4508-b77a-41209f17ec48/f136713b-409e-46ba-9f09-ca5214b34a62.jpg)
このページのメンバーをクリックできない場合:
メンバーページでメンバーをクリックすると、そのページがサイトに存在しない場合を除き、メンバーのプロフィールが表示されます。プロフィールページはページパネルから素早く追加することができます。
ページレイアウトを調整する
カードまたはリストレイアウトから選択して、ページにすべてのメンバーを表示します。次に、選択したレイアウトをニーズに合わせてカスタマイズし、メンバーのプロフィール写真の見た目や各メンバーの背景にカバー写真を追加するかどうかを決定します。
ページレイアウトを調整する方法:
- エディタでメンバーウィジェットをクリックします。
- 「設定」をクリックします。
- 「レイアウト」をクリックします。
- お好みのレイアウト、「カード」または「リスト」を選択します。
- 下記のオプションを使用し、レイアウトをカスタマイズします:
- カバー写真を表示 :トグルを有効にすると、各メンバーの背景にカバー写真が表示されます。
- プロフィール画像のレイアウト:丸または四角のプロフィール写真レイアウトをクリックして選択します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/06/30/21cf36bf-8d16-41b3-8a15-241efc88d14f/07e95b41-ab5b-41cd-8b13-0aa075f3f1f4.png)
ページデザインをカスタマイズする
フォント、ボタン、色、背景、枠線などをカスタマイズして、サイトのデザインに適した会員ページを仕上げましょう。
ページデザインをカスタマイズする方法:
- エディタでメンバーウィジェットをクリックします。
- 「設定」をクリックします。
- 「デザイン」をクリックします。
- このウィジェットのデザインをカスタマイズして、自分だけのウィジェットにしましょう。下のタブ名をクリックし、デザインできるものを確認してください:
テキストスタイル
ボタンのスタイル
背景・枠線
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/06/30/76c69d8a-7265-4b41-9c68-5daed9fe144b/6577d452-8230-4a44-947e-aaf473661b3b.png)
公開ページにする
会員ページを公開するか、非公開にして、ログインしたメンバーのみが利用できるようにするかを選択できます。
公開ページにする方法:
- エディタでメンバーウィジェットをクリックします。
- 「設定」をクリックします。
- 「設定」をクリックします。
- トグルを有効にして、すべてのサイト訪問者がこのページを閲覧できるようにします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/06/30/6b432ac7-ecc8-4eed-bb89-4e83b11a1bcd/49afc3a5-af99-44aa-92a3-355bde5e7481.png)
会員バッジの見た目をカスタマイズする
メンバーに割り当てるバッジをカスタマイズして、会員ページに個性を加えましょう。ニーズに合ったバッジのレイアウト(例:名前・アイコン、アイコンのみ)を選択し、スタイルに合わせてサイズを変更します。
バッジの見た目をカスタマイズする方法:
- エディタでメンバーウィジェットをクリックします。
- 「設定」をクリックします。
- 「バッジ」をクリックします。
- 次のオプションを使用して、会員バッジの外観をカスタマイズする:
- レイアウト:バッジのレイアウトとお好みのバッジサイズを選択します。
- スタイル:スライダーをドラッグし、バッジの丸みを調整します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/06/30/01e9eb75-3a9a-4ae3-8cce-d830696bce73/36430f99-f029-4757-893a-90c3956fc761.png)
ヒント:
会員プロフィール項目をカスタマイズして、会員ページをさらにパーソナライズしましょう。メンバーのマイアカウントページとプロフィールページに表示する情報を選択します。