見出し の使い方

左線、下線、吹き出し、リボン、付箋、番号、背景テキストなど36種類の見出しデザインを選べるセクションです。見出しテキスト、太さ、文字色、PC/モバイル別サイズ、横幅・配置、タイプ別カラー、余白、背景色、最大幅までテーマエディターから調整できます。

目次

設定項目

見出しタイプ: 左線

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

左線の色 - 左線の色を変更します。

左線の太さ(px) - 左線の太さを調整します。

左線と文字の間隔(px) - 左線と文字の間隔を調整します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 左線(撮り直し)

見出しタイプ: 左線 & 背景色

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

左線の色 - 左線の色を変更します。

背景色 - 左線系デザインの背景色を変更します。

左線の太さ(px) - 左線の太さを調整します。

左線と文字の間隔(px) - 左線と文字の間隔を調整します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 左線 & 背景色(撮り直し)

見出しタイプ: 左線 & 背景色(立体的)

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

左線の色 - 左線の色を変更します。

背景色 - 左線系デザインの背景色を変更します。

左線の太さ(px) - 左線の太さを調整します。

左線と文字の間隔(px) - 左線と文字の間隔を調整します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 左線 & 背景色(立体的)(撮り直し)

見出しタイプ: 左線 & 背景色(内側)

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

左線の色 - 左線の色を変更します。

背景色 - 左線系デザインの背景色を変更します。

左線の太さ(px) - 左線の太さを調整します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 左線 & 背景色(内側)(撮り直し)

見出しタイプ: 下線

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

下線の色 - 下線の色を変更します。

背景色 - 下線系デザインの背景色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 下線(撮り直し)

見出しタイプ: 文字数に応じた下線

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

文字直下の下線の色 - 文字直下のアクセント下線の色を変更します。

全幅の下線の色 - 全幅に伸びるベース下線の色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 文字数に応じた下線(撮り直し)

見出しタイプ: 下線(点線)

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

下線の色 - 下線の色を変更します。

背景色 - 下線系デザインの背景色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 下線(点線)(撮り直し)

見出しタイプ: 下線(破線)

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

下線の色 - 下線の色を変更します。

背景色 - 下線系デザインの背景色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 下線(破線)(撮り直し)

見出しタイプ: 下線(二重線)

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

下線の色 - 下線の色を変更します。

背景色 - 下線系デザインの背景色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 下線(二重線)(撮り直し)

見出しタイプ: 吹き出し風(下線のみ)

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

下線・三角の色 - 吹き出し下線と三角部分の色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 吹き出し風(下線のみ)(撮り直し)

見出しタイプ: 四角形の装飾

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

下線・装飾の色 - 四角形装飾と下線の色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 四角形の装飾(撮り直し)

見出しタイプ: 両端に線

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

両端の線の色 - 見出し両端に出る線の色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 両端に線(撮り直し)

見出しタイプ: 下線(小)

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

下線の色 - 小さい下線の色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 下線(小)(撮り直し)

見出しタイプ: 左右に斜線

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

斜線の色 - 左右の斜線の色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 左右に斜線(撮り直し)

見出しタイプ: 鉤括弧

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

鉤括弧の色 - 鉤括弧の色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 鉤括弧(撮り直し)

見出しタイプ: 鉤括弧(大)

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

鉤括弧の色 - 鉤括弧の色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 鉤括弧(大)(撮り直し)

見出しタイプ: タグ風

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

タグの背景色 - タグ風デザインの背景色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: タグ風(撮り直し)

見出しタイプ: 吹き出し風

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

吹き出しの背景色 - 吹き出し風デザインの背景色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 吹き出し風(撮り直し)

見出しタイプ: 背景に回り込むリボン風

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

リボンの背景色 - 背景に回り込むリボンの色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 背景に回り込むリボン風(撮り直し)

見出しタイプ: リボン風

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

リボンの背景色 - リボン風デザインの背景色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: リボン風(撮り直し)

見出しタイプ: 旗風

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

旗の背景色 - 旗風デザインの背景色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 旗風(撮り直し)

見出しタイプ: テープ風

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: テープ風(撮り直し)

見出しタイプ: 付箋風(単色)

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

付箋の背景色 - 付箋の背景色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 付箋風(単色)(撮り直し)

見出しタイプ: 付箋風(先端色)

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

付箋の背景色 - 付箋の背景色を変更します。

先端の色 - 付箋先端部分の色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 付箋風(先端色)(撮り直し)

見出しタイプ: 番号

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

番号の背景色 - 番号丸の背景色を変更します。

番号の文字色 - 番号丸の文字色を変更します。

番号テキスト - 番号や背景数字として表示する文字を入力します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 番号(撮り直し)

見出しタイプ: カラフルなシャドウ

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

枠線・シャドウの色 - カラフルシャドウの枠線と影色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: カラフルなシャドウ(撮り直し)

見出しタイプ: 立体的

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

枠線の色 - 立体的デザインの枠線色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 立体的(撮り直し)

見出しタイプ: ストライプ背景

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

ストライプ色A - ストライプ背景の1色目を変更します。

ストライプ色B - ストライプ背景の2色目を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: ストライプ背景(撮り直し)

見出しタイプ: チェック柄

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

チェック柄の色(文字色も連動) - チェック柄の色を変更します。文字色もこの色に連動します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: チェック柄(撮り直し)

見出しタイプ: 映画フィルム風

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

フィルムの背景色 - 映画フィルム風デザインの背景色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 映画フィルム風(撮り直し)

見出しタイプ: 大きいラベル

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

ラベルテキスト(英語推奨) - 大きいラベルとして表示する英字などの補助テキストを入力します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 大きいラベル(撮り直し)

見出しタイプ: 下に反射する文字

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 下に反射する文字(撮り直し)

見出しタイプ: 1文字目だけ大きめ

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

1文字目の色 - 1文字目だけ大きく表示する時の、1文字目の色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 1文字目だけ大きめ(撮り直し)

見出しタイプ: 数字の背景

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

背景の数字の色 - 背景に敷く数字の色を変更します。

番号テキスト - 番号や背景数字として表示する文字を入力します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 数字の背景(撮り直し)

見出しタイプ: 文字の背景

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

背景のテキスト - 見出し背面に表示するテキストを入力します。

背景のテキストの色 - 背景テキストの色を変更します。

背景のテキストの上下位置 - 背景テキストの上下位置を調整します。

背景のテキストの左右位置 - 背景テキストの左右位置を調整します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 文字の背景(撮り直し)

見出しタイプ: 円の背景

見出しの種類 - 36種類から使いたい見出しデザインを選びます。選んだ種類に合わせて下の詳細設定が切り替わります。

見出しテキスト - 表示する見出し文言を入力します。

見出しの太さ - 見出しを通常または太字に切り替えます。

文字色 - 見出し文字の色を設定します。

見出しのサイズ-デスクトップ(px) - PC表示時の見出しサイズをpxで指定します。

見出しのサイズ-モバイル(px) - モバイル表示時の見出しサイズをpxで指定します。

横幅 - 見出し幅を自動、横幅いっぱい、テキスト幅から選びます。

配置 - 横幅が自動以外の時に、左寄せ・中央・右寄せを指定します。

円の背景色 - 円背景の色を変更します。

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限をpxで指定します。

Copilify 見出し ヘルプ 見出しタイプ: 円の背景(撮り直し)

よくある質問

どのページに追加できますか?

商品ページ、コレクションページ、固定ページ、トップページなど、テーマエディターでセクションを追加できるページに配置できます。ページ内の区切り見出しやキャンペーン見出しに使いやすいセクションです。

36種類すべてを同じページに使う必要がありますか?

必要ありません。セクションを追加したあと、見出しの種類から使いたいデザインを1つ選びます。ページごとに別のデザインを選ぶこともできます。

文字色や余白はスマホ向けにも調整できますか?

はい。文字サイズと余白はPC・モバイルで個別に設定できます。スマホで大きすぎる場合は、モバイル用のサイズと上下余白を小さめに調整してください。