<p>ファンクラブのメニューはヘッダー、フッターと右上ハンバーガーメニューアイコンを押下時に表示されるサイドバーに表示されます。</p><p>設定はホーム &gt; 編集するから設定可能です。</p><figure><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/878b34c6a66e4daf8cc076d7f0574704/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-25%2012.49.34.png?w=768&amp;h=416" alt="メニュー編集動線" width="768" height="416"></figure><figure><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/c439c2f0e7d34de6b5f3fa2a2aa9688d/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-25%2012.50.18.png?w=768&amp;h=416" alt="メニュー編集画面" width="768" height="416"></figure><h4 id="h00bd8f82dd">タイトル</h4><p>リンクの表示に使用します。最大文字数は20文字です。</p><h4 id="h878c0ec4ef">公開範囲</h4><table><tbody><tr><td colspan="1" rowspan="1"><p>全体公開</p></td><td colspan="1" rowspan="1"><p>全ての閲覧者に表示</p></td></tr><tr><td colspan="1" rowspan="1"><p>有料会員限定</p></td><td colspan="1" rowspan="1"><p>有料会員に表示</p></td></tr><tr><td colspan="1" rowspan="1"><p>有料会員以外</p></td><td colspan="1" rowspan="1"><p>有料会員に非表示</p></td></tr></tbody></table><h4 id="he4ba96ecb5">リンク</h4><p>設定可能なリンクは有料会員登録ページ/ブログページ/ブログカテゴリページ/ライブ配信ページ/ストア(Shopify連携時のみ)です。</p><p>リンクにアクセスから設定しているリンクのページを確認することができます。<br><br></p><p>メニューを追加から新たなリンクを追加できます。</p><p>タイトル横のアイコンを使って、リンクの並べ替えと削除が可能です。</p><figure><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/817d192b440f433ea479d6aef082bd9f/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-25%2013.12.20.png?w=768&amp;h=721" alt="メニュー編集アイコン説明" width="768" height="721"></figure><h2 id="hc372b69f19">メニュー表示箇所</h2><h3 id="hd1774a0d56">ヘッダー</h3><figure><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/cfc3ce6f0b364bd0ba8f703f9f63a3cf/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-25%2012.47.42.png?w=768&amp;h=416" alt="ヘッダーメニュー" width="768" height="416"></figure><h3 id="hab92a8f46e"><br>フッター</h3><figure><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/1edf03066fe7401e8e3ed47ae37d9462/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-25%2012.49.04.png?w=768&amp;h=416" alt="フッターメニュー" width="768" height="416"></figure><h3 id="hd6ac0a823c"><br>サイドバー<br></h3><h4 id="ha619a7afbe">ログイン時</h4><figure><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/dc888f598c854d86b8291f0ca6596e07/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-25%2012.48.12.png" alt="" width="2880" height="1546"></figure><h4 id="h1b7e3f42a7"><br>未ログイン時</h4><figure><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/a36dc51cd2ce49d287b3edc884d9c067/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-25%2012.48.31.png" alt="" width="2880" height="1560"></figure><p></p><p></p><p></p>

<p>ファンクラブのメニューはヘッダー、フッターと右上メニューアイコン内のメニューに表示されます。<br>ヘッダー<br><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/12ccc67f13654552b2a62ed099469999/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-12%2017.02.15.png" alt=""><br>フッター<br><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/4c09c7740a074b76927655209f31f8bb/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-12%2017.02.25.png" alt=""><br>メニュー</p><ul><li>ログイン時</li></ul><p><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/757219edcb7a4dd88fd84511b60287bc/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-12%2017.05.45.png" alt=""></p><ul><li>未ログイン時</li></ul><p><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/82672b08752c4105a210274e3e550c47/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-12%2017.02.50.png" alt=""><br><br>設定はホーム &gt; 編集から設定可能です。設定可能なリンクは有料会員登録ページ/ブログページ/ブログカテゴリページ/ライブ配信ページ/ストア(Shopify連携時のみ)です。<br><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/36bf5af97efc41cbaeab9ff024ce7c4b/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-12%2017.11.31.png" alt=""><br></p>

サイトのメニューを変更したい

<p>ホーム &gt; 編集するから以下のデザインの編集ができます。</p><h2 id="h1c7428c339"><br>ロゴ</h2><p>ファンクラブにビジネスのロゴを追加できます。ロゴは以下の場所に表示できます。</p><p>・全てのページのヘッダー</p><p>・決済ページ</p><p><br>ロゴ画像の最大高さは70ピクセルです。</p><h2 id="h80e8c86cde"><br>サイト名</h2><p>ファンクラブのサイト名を設定します。サイト名は以下の場所で利用されます。</p><p>・ページタイトル</p><p>・ロゴが設定されてない場合のヘッダーロゴ</p><h2 id="ha01219b02a"><br>色</h2><p>ファンクラブ全体の色の設定ができます。設定可能な項目は以下です。</p><table><tbody><tr><th colspan="1" rowspan="1"><p>項目</p></th><th colspan="2" rowspan="1"><p>詳細</p></th></tr><tr><td colspan="1" rowspan="1"><p>アクセント</p></td><td colspan="2" rowspan="1"><p>ボタンやチェックボックスや強調するテキストに適用されます</p></td></tr><tr><td colspan="1" rowspan="1"><p>背景色</p></td><td colspan="2" rowspan="1"><p>ヘッダーと本文の背景に適用されます</p></td></tr><tr><td colspan="1" rowspan="1"><p>タイトルとメインテキスト</p></td><td colspan="2" rowspan="1"><p>一部のセクションやページのタイトルとメインテキストに適用されます</p></td></tr><tr><td colspan="1" rowspan="1"><p>サブテキスト</p></td><td colspan="2" rowspan="1"><p>一部のセクションのサブテキストに適用されます</p></td></tr><tr><td colspan="1" rowspan="1"><p>フッター背景色</p></td><td colspan="2" rowspan="1"><p>フッターの背景に適用されます</p></td></tr><tr><td colspan="1" rowspan="1"><p>フッターテキスト</p></td><td colspan="2" rowspan="1"><p>フッターのテキストに適用されます</p></td></tr></tbody></table><h2 id="h125a58c73e"><br>フォント</h2><p>サイトのフォントを設定できます。設定可能な項目は以下です。</p><p>・タイトルフォント</p><p>・本文フォント</p><h2 id="h12c6ab8e86"><br>SNSリンク</h2><p>お使いのSNSのリンク設定ができます。設定可能なリンクは以下です。</p><p>・Instagram</p><p>・YouTube</p><p>・Twitter</p><p>・TikTok</p><p>・LINE</p><p>・お使いのホームページ</p><p></p><p>設定されたリンクはフッターに表示されます。</p>

<p>ホーム &gt; 編集するから以下のデザインの編集ができます。<br><br></p><h2 id="h1c7428c339">ロゴ</h2><p>ファンクラブに<span style="color:#212326">ビジネスのロゴを追加できます。ロゴは以下の場所に表示できます。</span><br>・全てのページのヘッダー<br>・決済ページ<br><br><span style="color:#212326">ロゴ画像の最大高さは70ピクセルです。</span><br><br></p><h2 id="h80e8c86cde">サイト名</h2><p>ファンクラブのサイト名を設定します。サイト名は以下の場所で利用されます。<br>・ページタイトル<br>・ロゴが設定されてない場合のヘッダーロゴ<br>・決済の明細<br><br></p><h2 id="ha01219b02a">色</h2><p>ファンクラブ全体の色の設定ができます。設定可能な項目は以下です。<br><span style="color:#c7243a">↓ここはテーブルになります</span><br>・アクセント（ボタンやチェックボックスや強調するテキストに適用されます）<br>・背景色（ヘッダーと本文の背景に適用されます）<br>・タイトルとメインテキスト（一部のセクションやページのタイトルとメインテキストに適用されます）<br>・サブテキスト（一部のセクションのサブテキストに適用されます）<br>・フッター背景色（フッターの背景に適用されます）<br>・フッターテキスト（フッターのテキストに適用されます）<br><br></p><h2 id="h125a58c73e">フォント</h2><p>サイトのフォントを設定できます。設定可能な項目は以下です。<br>・タイトルフォント<br>・本文フォント<br><br></p><h2 id="h12c6ab8e86">SNSリンク</h2><p>お使いのSNSのリンク設定ができます。設定可能なリンクは以下です。<br>・Instagram<br>・YouTube<br>・Twitter<br>・TikTok<br>・LINE<br>・お使いのホームページ<br><br>設定されたリンクはフッターに表示されます。<br><br></p>

ロゴやテーマカラーを設定したい

<p>Xや他SNSでURLをシェアする際に使われる画像を設定できます。</p><p>設定するには設定 &gt; 基本設定から設定することができます。設定できる画像のサイズは最大<strong>4MB</strong>となっております。</p><figure><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/de68f397765e4e0cb47d07f4d1f85ff5/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-24%200.10.37.png?w=768&amp;h=463" alt="" width="768" height="463"></figure><p>画像が設定されていない場合にシェアすると、サイトタイトルとURLのみがSNSで表示されます。</p><p>また、シェアしたのちに画像を設定しても、既にシェアしたものには画像が反映されない場合がありますのでご注意ください。</p><p></p>

サイトをSNSでシェアする際の画像を設定したい

<p>サイトのページのファビコンやアップルタッチアイコン(iPhoneのホーム画面やSafariで表示されるアイコン。ホーム画面に設定する方法は解説は省略します。)、Androidのアイコンを設定することが可能です。※管理画面のアイコンは変更されません。</p><p>設定 &gt; 基本設定から画像を設定します。</p><figure><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/ca75f0752302427ca3d021c3a1c8f0c6/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-24%200.36.23.png?w=768&amp;h=586" alt="" width="768" height="586"></figure><p><br><strong>推奨サイズは 16px x 16px または 32px x 32px です。 画像のサイズが大きすぎる場合は、アップロード時に 32px x 32px に縮小されます。</strong></p><p>画像が設定されていない場合は、fammuuが用意したデフォルトの画像(fammuuのロゴ)が表示されるので、こちらの画像を設定することを推奨しています。</p>

ファビコンやアップルタッチアイコンを設定する

基本機能

<p>ファンクラブページフッターに表示されるpowered by fammuuのロゴを非表示にすることが可能です。この機能は <strong>Enterpriseプラン</strong>でのみご利用ができます。（ご利用の申請は<a href="https://fammu.com/pricing" target="_blank" rel="noopener noreferrer nofollow"><u>こちら</u></a>）</p><figure><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/f50e9cc8c3ed45559d937915b61b2cee/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-12%2017.53.06.png?w=768&amp;h=103" alt="" width="768" height="103"></figure><p>設定はホーム &gt; 編集 &gt; フッターから設定が可能です。</p>

<p>ファンクラブページフッターに表示されるpowered by fammuuのロゴを非表示にすることが可能です。この機能は <strong style="background-color:#ffffff">Enterpriseプラン</strong>でのみご利用ができます。（ご利用の申請は<a href="https://fammu.com/pricing" target="_blank" rel="noopener noreferrer">こちら</a>）<br><br><img src="https://images.microcms-assets.io/assets/687ba37b26cc46a9887b2df787322170/f50e9cc8c3ed45559d937915b61b2cee/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-12%2017.53.06.png?w=2880&amp;h=388" alt="フッターのfammuuロゴ"><br><br>設定はホーム &gt; 編集 &gt; フッターから設定が可能です。</p>