> ## Documentation Index
> Fetch the complete documentation index at: https://help.mosh.jp/llms.txt
> Use this file to discover all available pages before exploring further.

# 作成済み申込者用サイトにコミュニティ機能を適用する方法

> 既に作成済みの申込者用サイトにコミュニティ機能を適用する手順を説明します。

既に申込者用サイトをご使用中のクリエイター様が、サイトにコミュニティ機能を適用する場合の手順について説明します。

<Info>
  **アクセス経路**

  [ホーム画面](https://mosh.jp/creator/home?openExternalBrowser=1) → 左メニュー「サービス」 → 「サービス一覧」 → サービスを選択 → 「申込者向けサイトを設定する」 → 「コミュニティ機能を適用する」にチェック
</Info>

<div style={{display: 'flex', gap: '16px', alignItems: 'flex-start'}}>
  <div style={{flex: '1 1 200px'}}>
    <Frame>
      <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/097c8f34-bcbf-4546-9f5b-37c73685ce76/image/w=1920,quality=90,fit=scale-down" />
    </Frame>
  </div>

  <div style={{flex: '1 1 200px'}}>
    <Frame>
      <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7f1cdd8e-d4ff-4804-9316-61dc093fac96/image/w=1920,quality=90,fit=scale-down" />
    </Frame>
  </div>
</div>

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    コミュニティ機能をオンにしてご使用ください。操作方法を動画に収録しております。動画を再生してご確認ください。
  </div>

  <video controls style={{width: '240px', flexShrink: 0, borderRadius: '8px'}}>
    <source src="https://mintcdn.com/mosh/tv6UbHMdsjgG2ldB/images/apply-community-header-setup.mp4?fit=max&auto=format&n=tv6UbHMdsjgG2ldB&q=85&s=4d84d75c653b30c7ac27d0efe3637ac8" type="video/mp4" data-path="images/apply-community-header-setup.mp4" />
  </video>
</div>

## ヘッダー画像・ホームアイコン画像を設定する

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    コミュニティ機能をオンにし、ヘッダー画像・ホームアイコン・ホームアイコンタイトルを設定してください。
  </div>

  <video controls style={{width: '240px', flexShrink: 0, borderRadius: '8px'}}>
    <source src="https://mintcdn.com/mosh/tv6UbHMdsjgG2ldB/images/apply-community-overview.mp4?fit=max&auto=format&n=tv6UbHMdsjgG2ldB&q=85&s=df2ebda42705aca5f61f2726d9e2f657" type="video/mp4" data-path="images/apply-community-overview.mp4" />
  </video>
</div>

## 既存コンテンツを表示させる

<Warning>
  コミュニティー機能オン以前に作成いただいたコンテンツ（動画・URL・ブログ）はコンテンツタグを付けていただくことで右側コンテンツタブに表示されます。

  コンテンツタグを使用していないコンテンツは表示されませんのでコンテンツタグを付けていただくようお願いします。
</Warning>

<div style={{display: 'flex', gap: '16px', alignItems: 'flex-start'}}>
  <div style={{width: '240px', flexShrink: 0}}>
    <Frame>
      <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/76444513-ec4d-4cf2-bd26-57b2efab7c61/Untitled/w=1920,quality=90,fit=scale-down" />
    </Frame>
  </div>

  <div style={{width: '240px', flexShrink: 0}}>
    <Frame>
      <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/ceb0ab28-1519-4f42-8e20-9bb8d0648ab4/Untitled/w=1920,quality=90,fit=scale-down" />
    </Frame>
  </div>
</div>

### 既存コンテンツに「コンテンツタグ」をつけるには

<Info>
  **アクセス経路**

  [ホーム画面](https://mosh.jp/creator/home?openExternalBrowser=1) → 左メニュー「サービス」 → 「サービス一覧」 → サービスを選択 → 「申込者向けサイトへコンテンツを登録する」
</Info>

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    操作方法を動画に収録しております。動画を再生してご確認ください。
  </div>

  <video controls style={{width: '240px', flexShrink: 0, borderRadius: '8px'}}>
    <source src="https://mintcdn.com/mosh/tv6UbHMdsjgG2ldB/images/apply-community-content-tag.mp4?fit=max&auto=format&n=tv6UbHMdsjgG2ldB&q=85&s=0e88f7745249e53ffffd7891e82d66e7" type="video/mp4" data-path="images/apply-community-content-tag.mp4" />
  </video>
</div>

## 投稿タブにコミュニティー活性化のための投稿を作る

<Warning>
  投稿タブは既に作成していただいたコンテンツを表示することはできません。そのためコミュニティ機能をオンをした直後は何も表示がされていません。

  新しく投稿してくださるようお願いいたします。
</Warning>

### 投稿タブに投稿するには

<Info>
  **アクセス経路**

  [ホーム画面](https://mosh.jp/creator/home?openExternalBrowser=1) → 左メニュー「サービス」 → 「サービス一覧」 → サービスを選択 → 「申込者向けサイトへコンテンツを登録する」
</Info>

<div style={{display: 'flex', gap: '16px', alignItems: 'flex-start'}}>
  <div style={{width: '240px', flexShrink: 0}}>
    <Frame>
      <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/21e93786-23a4-4e5a-a52e-6f00a7cac9db/Untitled/w=1920,quality=90,fit=scale-down" />
    </Frame>
  </div>

  <div style={{width: '240px', flexShrink: 0}}>
    <Frame>
      <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/216ca463-9a66-455e-ab78-6fb28a25cf17/Untitled/w=1920,quality=90,fit=scale-down" />
    </Frame>
  </div>
</div>

投稿タグを設定することで、ゲストが絞り込み機能として使用することができます。

**例1：自己紹介部屋の作成**

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    講座を受講しているゲストが自己紹介をするための部屋を作成し、ゲスト同士のより深いコミュニケーションと活性化を狙います。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/b86fb2b6-cc1b-4628-b4be-92094f8f7cfd/3/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

**例2：今日の報告部屋の作成**

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    毎日の学びをシェアするための部屋を作成し、ゲスト同士の学んだこと、感じたこと、気づいたことを共有することで、学習効果を高める狙いです。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7668bf19-eb19-4694-acdf-59dbe7431c55/2/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

**例3：質問部屋の作成**

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    学びの中で出てきた疑問や質問をシェアするための部屋を作成します。質問者以外のゲストも閲覧可能なのでゲスト全員の学習効果を高める事ができます。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/2621bbcc-17b8-4544-aa6e-18f680a2b62a/5/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

## コンテンツの利用制限をかける

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    「**順番にコンテンツを表示させる**」をオンにしてください。

    オンにすることでゲストが視聴完了ボタンを押さないと次のコンテンツが閲覧できなくなります。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/2a95d1c8-2ff5-460d-a2ba-a56c3847511c/image/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    **ゲスト側｜申込者向けサイト**

    ゲストは視聴完了ボタンを押すことで次のコンテンツを視聴することができます。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/ae3c973d-606b-483a-8fc1-8bf895bffeb5/Untitled/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>