見出しパーツ

テキストの色、フォント種類、フォントサイズは「テーマのカスタマイズ」や「ツールバー」から選択ください。
設定 > 外観設定 > テーマ設定 > テーマのカスタマイズ

コンテンツエリアの見出し カスタム見出し

【見出しのカスタマイズ】のclass名に「hd_custom01」を記述します。
主に下層ページで使用します。カラー:メインカラーの赤

h1見出し

h2見出し

h3見出し

h4見出し

h5見出し
【見出しのカスタマイズ】のclass名に「hd_custom02」を記述します。
TOPページで使用、H2には英字が入ります。

h1見出し
16px#333333

h2見出し
16px#333333

h3見出し
16px#333333

h4見出し
14px#333333

h5見出し
14px#333333
【見出しのカスタマイズ】のclass名に「hd_custom03」を記述します。
主に下層ページで使用します。

h1見出し

h2見出し

h3見出し

h4見出し

h5見出し
【見出しのカスタマイズ】のclass名に「hd_custom04」を記述します。
主に下層ページで使用します。カラー:ベースの黒(hd_custom01の色違い)

h1見出し

h2見出し

h3見出し

h4見出し

h5見出し
【見出しのカスタマイズ】のclass名に「hd_custom05」を記述します。
TOPページで使用、H2には英字が入ります。
カラー:ベースの黒(hd_custom02の色違い)

h1見出し
16px#333333

h2見出し
16px#333333

h3見出し
16px#333333

h4見出し
14px#333333

h5見出し
14px#333333

コンテンツエリアの見出し デフォルト

(テーマのカスタマイズページより自由に変更できます)
設定 > 外観設定 > テーマ設定 > テーマのカスタマイズ

h1見出し

h2見出し

h3見出し

h4見出し

h5見出し

ボタンパーツ集

ページ移動用

【ボタンをカスタマイズ】にclass名「btn_custom01」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom01」を記述します。
カラー選択 からアイコンなしを選択できます。

お問い合わせ用(メールアイコン付き)

【ボタンをカスタマイズ】にclass名「btn_custom02」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom02」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
※カラーバリエーション
【ボタンをカスタマイズ】にclass名「btn_custom02」を記述します。
カラー選択 からアイコンなしを選択できます。
【ボタンをカスタマイズ】にclass名「btn_custom02」を記述します。
カラー選択 からアイコンなしを選択できます。

資料ダウンロード用(ダウンロードアイコン付き)

【ボタンをカスタマイズ】にclass名「btn_custom03」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom03」を記述します。
カラー選択 からアイコンなしを選択できます。
【ボタンをカスタマイズ】にclass名「btn_custom03」を記述します。
カラー選択 から色違い(主にMV用)を選択できます。
【ボタンをカスタマイズ】にclass名「btn_custom03」を記述します。
カラー選択 からアイコンなしを選択できます。

ページ移動用(背景透過)

【ボタンをカスタマイズ】にclass名「btn_custom04」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom04」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
白背景用を念のため[black]を作成。
【ボタンをカスタマイズ】にclass名「btn_custom04」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
カラー選択 からアイコンなしを選択できます。
【ボタンをカスタマイズ】にclass名「btn_custom_tel」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
デフォルトのボタン(テーマのカスタマイズページよりサイズや色など、自由に変更できます)
設定 > 外観設定 > テーマ設定 > テーマのカスタマイズ
※ツールバーからも背景カラー、フォントカラー、フォントサイズ、フォントの太さ、角丸ありなしが変更可能です。

記事リストパーツ集

記事リストパーツ デフォルト

記事リストのツールバーの「スタイル選択」で選択すると下記のようなレイアウトになります。
記事リストパーツ ツールバーより【スタイル選択

【まとめ記事サンプル】「◯◯まとめ 4選」のような表現をタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58更新: 2019-06-25 14:41

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

記事リストパーツ ツールバーより【リスト型

【まとめ記事サンプル】「◯◯まとめ 4選」のような表現をタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58更新: 2019-06-25 14:41

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

記事リストパーツ ツールバーより【カード型(1列)

【まとめ記事サンプル】「◯◯まとめ 4選」のような表現をタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58更新: 2019-06-25 14:41

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

記事リストパーツ ツールバーより【カード型(2列)

【まとめ記事サンプル】「◯◯まとめ 4選」のような表現をタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58更新: 2019-06-25 14:41

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58更新: 2019-06-25 14:41

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

記事リストパーツ ツールバーより【カード型(3列)

【まとめ記事サンプル】「◯◯まとめ 4選」のような表現をタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58更新: 2019-06-25 14:41

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58更新: 2019-06-25 14:41

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう (1)

カテゴリテスト

2020-07-27 11:58更新: 2019-06-25 14:42

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

記事リストパーツ カスタム

【記事リストをカスタマイズ】にclass名を追記してください。

カスタム1

記事リストパーツ ツールバーより【スタイル選択】class名「caseContent_style」を追加。

【まとめ記事サンプル】「◯◯まとめ 4選」のような表現をタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう (1)

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

記事リストパーツ ツールバーより【リスト型】class名「caseContent_style」を追加。

【まとめ記事サンプル】「◯◯まとめ 4選」のような表現をタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう (1)

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

記事リストパーツ ツールバーより【カード型(1列)】class名「caseContent_style」を追加。

【まとめ記事サンプル】「◯◯まとめ 4選」のような表現をタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

記事リストパーツ ツールバーより【カード型(2列)】class名「caseContent_style」を追加。

【まとめ記事サンプル】「◯◯まとめ 4選」のような表現をタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

記事リストパーツ ツールバーより【カード型(3列)】class名「caseContent_style」を追加。

【まとめ記事サンプル】「◯◯まとめ 4選」のような表現をタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう (1)

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

記事リストパーツ オプション

【記事リストをカスタマイズ】にclass名を追記してください。

オプション1

記事リストパーツ ツールバーより【カード型(1列)】、【カード型(2列)】、【カード型(3列)】いずれかを選択。
画像の余白なし。
class名「caseContent_style option_padding_none」を追加

【まとめ記事サンプル】「◯◯まとめ 4選」のような表現をタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう (1)

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

オプション2

記事リストパーツ ツールバーより【カード型(1列)】、【カード型(2列)】、【カード型(3列)】いずれかを選択。
外枠のシャドウ(影)なし。
class名「caseContent_style option_shadow_none」を追加。

【まとめ記事サンプル】「◯◯まとめ 4選」のような表現をタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう (1)

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

オプション3

記事リストパーツ ツールバーより【カード型(2列)】、【カード型(3列)】いずれかを選択。
外枠のシャドウ(影)なし。縦区切り線(点線)あり。
class名「caseContent_style option_break」を追加。

【まとめ記事サンプル】「◯◯まとめ 4選」のような表現をタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

オプション4

記事リストパーツ ツールバーより【カード型(1列)】、【カード型(2列)】、【カード型(3列)】いずれかを選択。
外枠のシャドウ(影)なし。ボーダー(線)あり。
class名「caseContent_style option_border」を追加。

【まとめ記事サンプル】「◯◯まとめ 4選」のような表現をタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

【基礎知識サンプル】「〇〇とは?」「基礎知識編」などをタイトルに入れましょう (1)

カテゴリテスト

2020-07-27 11:58

このパートでは、読者に「私が見るべき事例だ」と判断してもらうために、事例で取り上げるお客様のプロフィール情報と得られた効果の概要を書きます。このことにより、本文を読み進めてもらえる確率が高まります。例えば、下記のような情報を盛り込みます。

オプション5

記事リストパーツ 記事一覧(お知らせなど)専用パターン
ツールバーより【スタイル選択(デフォルト)】選択。
class名「news_list」を追加。

※このスタイルは「スタイル選択(デフォルト)」以外では使用出来ません。
 タグは2個までしか表示出来ない仕様にしています。

CTA

CTAをカスタマイズのclass名に「cta_sec」を記述。

お問い合わせ

平⽇9:00~18:00(土日祝を除く)

資料ダウンロード

サービス概要、料⾦、スケジュールなど
ベネフィット・ステーションが3分で分かる

その他


テーブル内のリスト2タイプ

リッチテキストパーツをカスタマイズのclass名に「custom_table」を追加し、テーブル を配置。
その中の リスト2種類をカスタマイズ(順序なしリスト&番号付きリスト)
THダミーテキスト

TDダミーテキストダミーテキストダミーテキスト

THダミーテキストTHダミーテキスト 

ul(順番なしリスト)

  • TDリストダミーテキストダミーテキストダミーテキスト
  • TDリストダミーテキストダミーテキストダミーテキスト

 

ol(番号付きリスト)

  1. TDリストダミーテキストダミーテキストダミーテキスト
  2. TDリストダミーテキストダミーテキストダミーテキスト
TH 
  • TDリストダミーテキストダミーテキストダミーテキスト
  • TDリストダミーテキストダミーテキストダミーテキストTDダミーテキストダミーテキストダミーテキストTDダミーテキストダミーテキストダミーテキスト
  • TDリストダミーテキストダミーテキストダミーテキスト

リッチテキストパーツをカスタマイズのclass名に「simple_list」を追加し、テーブル を配置。
その中の リスト2種類をカスタマイズ(順序なしリスト&番号付きリスト)
※こちらのテーブルは通常のテーブル です。(枠線はセルのプロパティから#dddへ変更)
THダミーテキスト

TDダミーテキストダミーテキストダミーテキスト

THダミーテキストTHダミーテキスト 

ul

  • TDリストダミーテキストダミーテキストダミーテキスト
  • TDリストダミーテキストダミーテキストダミーテキスト

 

ol

  1. TDリストダミーテキストダミーテキストダミーテキスト
  2. TDリストダミーテキストダミーテキストダミーテキスト
TH 
  • TDリストダミーテキストダミーテキストダミーテキスト
  • TDリストダミーテキストダミーテキストダミーテキストTDダミーテキストダミーテキストダミーテキストTDダミーテキストダミーテキストダミーテキスト
  • TDリストダミーテキストダミーテキストダミーテキスト

テキストパーツとリッチテキストパーツのリスト

テキストパーツ
テキストパーツをカスタマイズのclass名に 「simple_list」を追加し、リストをカスタマイズ(順序なしリストのみ)

  • リストテキストリストテキスト
  • リストテキストリストテキストリストテキスト
  • リストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキスト
リッチテキストパーツ
リッチテキストパーツをカスタマイズのclass名に「simple_list」を追加し、リスト2種類をカスタマイズ(順序なしリスト&番号付きリスト)
通常のテキストには影響しませんので、そのまま入れてください。

通常のテキストです。以下はリストです。

(順番なしリスト)

  • リストテキストリストテキスト
  • リストテキストリストテキストリストテキスト
  • リストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキスト

(番号付きリスト)

  1. リストテキストリストテキスト
  2. リストテキストリストテキストリストテキスト
  3. リストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキスト

テキストパーツをカスタマイズのclass名に「note_list」を追記するとリストスタイルマークが※になります。
テキストパーツ
  • リストテキストリストテキスト
  • リストテキストリストテキストリストテキスト
  • リストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキスト
リッチテキストパーツをカスタマイズのclass名に「note_list」を追記するとリストスタイルマークが※になります。
リッチテキストパーツ
  • リストテキストリストテキスト
  • リストテキストリストテキストリストテキスト
  • リストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキスト

SP 編集

パソコン上左右反転しているコンテンツをレスポンシブ時にスマートフォンだけ左右を戻す場合、

【セクションをカスタマイズ】のclass名に「reverse」を記述。

▼ パソコン設定イメージ
▼ スマートフォン反映イメージ

右寄せテキストを、SP/TABのみ左寄せに変更する

テキストパーツをカスタマイズのclass名に「sp_left」 を追加

ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト。
ダミーテキストダミーテキストダミーテキストダミーテキスト。