> ## 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.

# タイトル・サムネイルの設定

> 申込者向けサイトのコンテンツにタイトルとサムネイルを設定する方法を説明します。

<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/f559a744-0741-4a01-bec8-3c921ff1ef01/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'}} />

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

## タイトルの作成

タイトルは必須項目です。コンテンツの任意のタイトルを入力してください。

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

  [ホーム画面](https://mosh.jp/creator/home) → 左メニュー → サービス一覧 → 該当サービス選択 → 申込者向けサイトの管理 → 右下「作成」ボタン → コンテンツを追加 → **タイトル**
</Info>

<Steps>
  <Step title="タイトルを入力する">
    赤枠内に任意のタイトルを入力してください。

    <Frame>
      <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9b545db6-6b80-45fa-9fdf-1e5769e9c366/image/w=1920,quality=90,fit=scale-down" />
    </Frame>
  </Step>
</Steps>

## サムネイルの設定

サムネイルは任意項目です。任意のサムネイルを設定してください。

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

  [ホーム画面](https://mosh.jp/creator/home) → 左メニュー → サービス一覧 → 該当サービス選択 → 申込者向けサイトの管理 → 右下「作成」ボタン → コンテンツを追加 → **サムネイル**
</Info>

<Steps>
  <Step title="画像ファイルを選択する">
    任意の画像を選択できます。赤枠を押して画像ファイルを選択してください。

    <Frame>
      <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/63f0044b-0fca-40e7-8213-5c72f3525650/image/w=1920,quality=90,fit=scale-down" />
    </Frame>
  </Step>

  <Step title="設定されたサムネイルを確認する">
    サムネイルを設定すると申込者向けサイトではゲストからこのように閲覧されます。

    <Frame>
      <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/576e1487-5d7a-41aa-ad84-de0375a581c4/image/w=1920,quality=90,fit=scale-down" />
    </Frame>
  </Step>
</Steps>