サークルの設定とスタイリング

Circleを作成したので、次は本当に自分のものにしましょう！ カスタマイズ メインのCircle設定 と スタイリングオプション ビジョンに合わせてメンバーに魅力的な空間を作るためのものです。外観の調整、アクセスレベルの設定、シームレスな体験の確保など、これらの設定はコミュニティに最適な環境を形作るのに役立ちます。

Circle設定にアクセスするには、ページ上部に移動すると、利用可能なカスタマイズオプションが下に表示されています。

まずメイン設定から始めましょう。まず歯車アイコンを選択してください。選択すると新しいウィンドウが表示され、このウィンドウ内で次のことができます：

• Circle名：あなたのCircleの名前です。

• CircleのURL：共有や検索用のCircleのURLです。

• Circleメンバーを表示：Circleに登録しているメンバー数の表示をオン/オフします。

• Circleの説明を表示：Circle名の下に短い説明を追加できます。

• トラッキング進捗を表示: メンバーがページコンテンツのステータスを編集および表示できるようにします。

• アクセスレベル：各Circleは独自のアクセスレベルを持つことができます - 詳細はこちらをクリック

• 登録が必要: 訪問者はコンテンツを表示して閲覧登録するためのボタンをクリックするよう求められます。

• Circleカテゴリ： 各Circleに特定のカテゴリを割り当てます。

• Circleスタイリング： メインのスタイリングカラー、ロゴ、フォントなどをブランドに合わせて設定します。

Circleに適用したときにここでCircle設定オプションを見つけることができます。

添付された画像は、それを簡単に見つけられるようにする視覚的ガイドとして機能します。

1. Circle名

2. Circleメンバーを表示

3. Circleの説明

4. トラッキング進捗を表示 - これは、トラッキングがオンになっている他のコンテンツがある場合にのみ表示されます。

Circleカテゴリ

Circleカテゴリは複数のCircleを効率的に整理するのに役立ち、コミュニティの管理とナビゲーションを容易にします。 この機能を使うと、 シンプルなフィルタタブ を作成して、Circleを特定のカテゴリにきれいにグループ化できます。eコマースストアが製品を整理するのと似ていますが、ここではCircleを表示します。

Circleカテゴリを作成するには、「カテゴリを追加」ボタン '1' をクリックします

次に、カテゴリとして使用したい名前を入力します。この例では「Lead Generation（リードジェネレーション）」という言葉を使用します '2'

Circleカテゴリを作成

Circleのカテゴリを設定したので、さらに一歩進めることができます！ を使用して Circleウィジェット であなたのCircleを任意の ページ、ブログ、ファネル、または別のCircleにシームレスに統合できます、 コミュニティが必要な場所で簡単にアクセスできるようになります。

ではCircleウィジェットを追加しましょう：まず左側のタスクバーに移動してウィジェットセクションを開きます。「Circle」オプションが見つかるまでスクロールします。次にそのウィジェットを表示したい場所にドラッグするだけです：

Circleウィジェット設定

画像の左側には、ページ上に表示されたあなたのCircleが表示されます。 Circleの上部には、 シンプルなフィルタタブ 作成されたすべてのカテゴリを表示するものがあります。すべてのカテゴリを表示するか、 Circleカテゴリ オプションを使用して特定のカテゴリのみを選択的に表示することができます - ただし 変更 ボタンをクリックして表示を調整してください。

Circleスタイリング

Circleのスタイリングには2つの場所からアクセスできます：

1. 上記のように設定の歯車から

2. 上部ナビゲーションバーのペイントブラシアイコンを選択して

ここで設定できるのは、 親のスタイリング あなたのCircleの表示とレイアウトのオプションです。

まず、サイドバーのスタイルを見てみましょう： 下の画像に示されているように、左のタスクバーがどのように表示されるかを ワイド表示 または コンパクト表示のいずれかで選択でき、レイアウトを好みに合わせて調整できます。

サイドバースタイリング

注意： ここで選択したオプションは、メンバーがあなたのCircleにアクセスしたときのデフォルト表示として設定されます。

展開/折りたたみボタンを追加

この設定により、サイドバーのナビゲーションを制御する小さな矢印アイコンを有効または無効にできます。有効にすると、このアイコンでユーザーはサイドバーを完全な幅に展開したり、よりコンパクトな表示に折りたたんだりできます。これにより、詳細なナビゲーションとよりクリーンで省スペースなレイアウトのどちらかをメンバーが選べる柔軟性が提供されます。

プロフィールボタンを追加

プロフィールボタンにより、メンバーは自分の個人プロフィールダッシュボードにアクセスでき、情報の更新、購入履歴の確認、アカウントの管理が行えます。 メンバープロファイルの設定とカスタマイズの詳細については、 [ここでさらに読む] メンバープロファイルの作成について。

パディングと角の丸み

小さなスタイリング機能：

さりげないが効果的なスタイリングオプションでCircleの外観を向上させます。あなたは Circleのパディングを調整 してCircleの周りに枠付きの効果を作り、下の画像に示されているように望ましい見た目になるようにパディングのサイズを微調整できます。

洗練されたモダンな感触にするために、 角を丸める こともできます。 柔らかく洗練された美学を好むブランドに最適です。さらに、あなたは背景色をカスタマイズ する柔軟性があり、サイドバーの背景を含め、Circleを 表示し、より没入型の体験を提供。

ダークモード

に切り替えることさえできます。 Circle画像を追加する Circleを画像で個性化することで強い視覚的アイデンティティを作れます。ミニマルな見た目のための シンプルなアイコン またはブランド強化のための

フルロゴ画像をアップロード

することを選べます。 この画像はCircle内で目立つように表示され、メンバーがコミュニティを認識しやすく、関与しやすくなります。洗練されたシンボルでも詳細なロゴでも、適切な画像を選ぶことで全体のデザインやブランディングとの一貫性が保たれます。 さらに、 サイズや背景のスタイリング をカスタマイズして画像をCircleのレイアウトにシームレスに統合できます。仕上げとして、

角を丸める

やパディングの調整など、他のスタイリングオプションと組み合わせることを検討してください。バランスの取れた洗練された外観になります。

その やパディングの調整など、他のスタイリングオプションと組み合わせることを検討してください。バランスの取れた洗練された外観になります。 Circle画像/ロゴ テキストスタイリング, オプションは、Circle全体で独自のフォントを使用できるようにしてブランドの一貫性を保つのに役立ちます。次の要素を微調整できます：Circle名のフォント

ページ名のフォント 、およびテキストサイズをブランドに合わせて調整できます。 さらに、ページにボタンを追加する際に

ボタンの色をカスタマイズ

することもでき、統一された視覚体験を確保します。テキストカラー、バッジスタイル、背景設定の調整オプションもあり、この機能でCircleの美観を完全にコントロールできます。 ボタンの色をカスタマイズアイコンスタイリング アイコンはCircleの外観と雰囲気を形作る上で重要な役割を果たします。これにより、メニューアイコンの見た目を次のように洗練できます：色、背景、境界線

をカスタマイズして、ブランドや全体的な美観に合わせることができます。

• この機能でできること： アイコンの色を調整

• してブランドのパレットに合わせます。 背景色を変更

• してクリーンまたは大胆な効果を出します。 境界線を追加

してアイコンにより構造と定義を与えます。

これらの要素を微調整することで、コミュニティにとって直感的で魅力的なナビゲーションを作成し、シームレスで視覚的に魅力的な体験を提供できます。

グループのサブメニュー項目をどこに表示しますか？

グループにサブページを追加するとき、サブメニュー項目を表示する方法は3つあり、Circleの構造やユーザーの好みに合わせてナビゲーション体験を調整できます。

1. 利用可能なオプションは次のとおりです： グループ名の下にインライン表示

2. – サブメニュー項目がメインメニュー内のグループ名の直下に表示され、きれいな入れ子表示を提供します。 サブメニューをメニュー上にスライド表示

3. – グループ名をクリックするとサブメニューが既存のメニューの上にスライドして表示され、動的で省スペースなナビゲーション体験を作ります。 専用のサイドバー ナビゲーション

– サブメニューが別のサイドバーに展開され、サブページのナビゲーションに専用スペースを提供し、視認性とアクセス性を高めます。

次の画像では、それぞれのオプションがどのように表示されるかを確認できます。これにより、レイアウトの好みや全体的なユーザー体験に最も合うスタイルを決めるのに役立ちます。 表示レイアウトを変更するには、ブラシアイコンをクリックしてCircleを編集します。 次に、ラベル付けされたセクションまでスクロールします 「グループのサブメニュー項目を表示する場所」

で、希望のサブメニュー表示オプションを選択します。 利用可能なオプションは次のとおりです： 最初の表示では、

– サブメニュー項目がメインメニュー内のグループ名の直下に表示され、きれいな入れ子表示を提供します。

オプションを選択します。これにより、グループに添付されたページがグループタイトルの下に表示されます。+アイコンでも示されます この表示スタイルは、スムーズなスライド効果 を作り、ネストされたページがアクセス時にメインメニューの上に優雅にスライドします。これは、 スペース効率の良い

視覚的にダイナミックな方法でサブページを整理し、メインナビゲーションを散らかさないようにします。 メンバーはサブメニューを示す 矢印アイコン を目にし、直感的に展開および折りたたみができます。元のメニュー表示に戻る必要がある場合は、 シンプルな戻るボタン

でシームレスにナビゲートできます。

– グループ名をクリックするとサブメニューが既存のメニューの上にスライドして表示され、動的で省スペースなナビゲーション体験を作ります。

このオプションは、すべてをきちんと整理しながらクリーンで合理化されたユーザー体験を保証します。 この表示オプションでは、すべてのネストされたページがそれぞれの専用のスライドアウトタスクバー

内に整理され、明確で構造化されたナビゲーションを実現します。 また、サイドバーを画面の 左または右のいずれか

に配置する柔軟性があり、デザインの好みやユーザー体験に最適なレイアウトに調整できます。この設定は、すべてをアクセスしやすく保ちながら、メインメニューをクリーンで散らからない状態に保ちます。

高度なスタイリングカスタマイズ この表示オプションでは、メニューバーの位置 —画面の左または右側に配置するか

ページ名のフォント 柔らかく洗練された美学を好むブランドに最適です。さらに、あなたは—など、レイアウトに最適なように完全なクリエイティブコントロールを提供します。 さらに見た目を洗練するために、ボタンの色を調整

して、Circleの全体的なデザイン内であらゆるインタラクティブ要素がシームレスに感じられるようにする能力があります。これらのスタイリング機能により、機能性と視覚的魅力の両方を確保した、洗練された個別化された体験をコミュニティに提供できます。