サイト会員：ログインバーとメニューをカスタマイズする

読了時間：8分

この記事では、現在一部のユーザー様のみご利用いただける会員エリアアプリの新しいバージョンについて説明します。以前のバージョンを使用している場合は、こちらの情報をお読みください。お使いのバージョンを確認するにはこちら

サイト会員が会員エリアにログインする際にクリックするログインバーと、表示されるメニューをカスタマイズします。メニューに表示するタブとリンクを決定し、レイアウトを調整し、サイトの他の部分に合わせてパーツをデザインします。

この記事では、以下の項目について説明します：

ヒント：

ログインバーパーツは、会員エリアアプリの一部として自動的にサイトに追加されます。追加パネルの「コミュニティ（Wix エディタ）/ サイト会員（Wix Studio エディタ）」下にもあります。

ログインバーに表示する情報を選択し、テキストをカスタマイズし、親しみやすい雰囲気のあいさつを追加します（例：「こんにちは、鈴木さん！」）。

Wix エディタ

Wix Studio エディタ

エディタでログインバーをクリックします。
「ログインバーの設定」をクリックします。
「レイアウトを選択」下でログインバーに表示する内容を選択します：
- アバター：サイト会員のプロフィール写真のみが表示されます。
- 名前：サイト会員の名前のみが表示されます。
- イニシャル：サイト会員のイニシャルが姓・名に基づいて表示されます。
- アバターと名前：サイト会員のプロフィール写真と名前が表示されます。
（オプション）「メッセージを名前の前に表示」トグルを有効にして、サイト会員の名前の前にメッセージを追加し、メッセージを記入します。
注意：このオプションは、「名前」および「アバターと名前」レイアウトでのみ使用できます。
ログインバーのテキストを編集します：
- ログイン前のテキスト設定：サイト会員がログインする前に表示されるテキストを編集します。これにより、サイト訪問者に何をすべきか（例：新規登録、ログイン）を知らせることができます。
- ログアウトのテキスト設定：サイト会員がアカウントからログアウトする際にクリックするテキストを編集します。

ログインしているサイト会員がログインバーをクリックすると、ドロップダウンメニューが表示されます。ログインバーメニューはフルカスタマイズが可能で、サイト会員用メニューからは完全に独立しています。このメニューを表示する会員タブまたはページを選択してください。

ヒント：

サイト会員用メニューにはタブのみを表示できますが、ログインバーメニューは非公開のサイト会員ページを含むどこにでもリンクできます。

Wix エディタ

Wix Studio エディタ

サイトのスタイルに合わせて、ログインバーとサイト会員用メニューのデザインをカスタマイズします。色やフォント、枠線などを変更できます。

Wix エディタ

Wix Studio エディタ

ログインバーのレイアウトと表示されるドロップダウンメニューを調整します。ログインバーに表示するアイコンの選択、サイズの変更、テキストの配置の設定などができます。

注意：

利用可能なオプションは、ログインバー設定パネルで選択したレイアウトによって異なります。

Wix エディタ

Wix Studio エディタ

エディタでログインバーをクリックします。
「レイアウト」アイコンをクリックします。
次のオプションを使用してレイアウトを調整します：
- アバターサイズ：スライダーをドラッグして、ログインバーに表示されるサイト会員のプロフィール写真のサイズを変更します。
- 矢印の形：訪問者がクリックしてログインバーメニューを開く矢印の形を選択します。「矢印のサイズ」スライダーで矢印のサイズを調整します。
- 配置：ログインバーメニューのテキストの配置方法を左、中央、または右から選択します。
- ログインバーの配置：ログインバーのアバター、名前、矢印を左から右に配置するか、右から左に配置するかを選択します。

この記事では下記を説明します：