見出しパーツ
テキストの色、フォント種類、フォントサイズは「テーマのカスタマイズ」や「ツールバー」から選択ください。
設定 ＞ 外観設定 ＞ テーマ設定 ＞ テーマのカスタマイズ
コンテンツエリアの見出し カスタム見出し
【見出しのカスタマイズ】のclass名に「hd_custom01」を記述します。
h１見出し
h２見出し
h３見出し
h４見出し
h5見出し
【見出しのカスタマイズ】のclass名に「hd_custom02」を記述します。
h１見出し
h２見出し
h３見出し
h４見出し
h5見出し
【見出しのカスタマイズ】のclass名に「hd_custom03」を記述します。
通常は黒の背景色、classに「bg_blue」を追加すれば青背景に、「bg_red」を追加すれば赤背景に、「bg_green」を追加すれば緑背景になります。
通常は黒の背景色、classに「bg_blue」を追加すれば青背景に、「bg_red」を追加すれば赤背景に、「bg_green」を追加すれば緑背景になります。
h１見出し
h２見出し
h３見出し
h４見出し
h5見出し
コンテンツエリアの見出し デフォルト
（テーマのカスタマイズページより自由に変更できます）
設定 ＞ 外観設定 ＞ テーマ設定 ＞ テーマのカスタマイズ
（テーマのカスタマイズページより自由に変更できます）
設定 ＞ 外観設定 ＞ テーマ設定 ＞ テーマのカスタマイズ
h１見出し
h２見出し
h３見出し
h４見出し
h5見出し
ボタンパーツ集
btn_custom01（アイコンなし）
【ボタンをカスタマイズ】にclass名「btn_custom01」を記述します。
納品時にサイトに合わせて作成したボタンです（カラーバリエーション3色）。
カラーバリエーション：blue（白地＋メインカラー文字・ボーダー）
納品時にサイトに合わせて作成したボタンです（カラーバリエーション3色）。
カラーバリエーション：blue（白地＋メインカラー文字・ボーダー）
カラーバリエーション：red（白地＋赤系アクセントカラー文字・ボーダー）
カラーバリエーション：black（白地＋黒文字・ボーダー）
btn_custom02（矢印アイコン付き）
【ボタンをカスタマイズ】にclass名「btn_custom02」を記述します。
納品時にサイトに合わせて作成したボタンです（btn_custom01と同じカラーバリエーション3色）。
納品時にサイトに合わせて作成したボタンです（btn_custom01と同じカラーバリエーション3色）。
btn_custom03（CTA/お問い合わせ用）
【ボタンをカスタマイズ】にclass名「btn_custom03」を記述します。
納品時にサイトに合わせて作成したボタンです（変更不可）。
納品時にサイトに合わせて作成したボタンです（変更不可）。
btn_custom04（CTA/資料ダウンロード用）
【ボタンをカスタマイズ】にclass名「btn_custom04」を記述します。
納品時にサイトに合わせて作成したボタンです（変更不可）。
納品時にサイトに合わせて作成したボタンです（変更不可）。
btn_custom05（テキストリンク風）
【ボタンをカスタマイズ】にclass名「btn_custom05」を記述します。
納品時にサイトに合わせて作成したボタンです（変更不可）。
納品時にサイトに合わせて作成したボタンです（変更不可）。
telボタン
【ボタンをカスタマイズ】にclass名「btn_custom_tel」を記述します。
納品時にサイトに合わせて作成したボタンです（変更不可）。
納品時にサイトに合わせて作成したボタンです（変更不可）。
デフォルトボタン
デフォルトのボタン（テーマのカスタマイズページよりサイズや色など、自由に変更できます）
設定 ＞ 外観設定 ＞ テーマ設定 ＞ テーマのカスタマイズ
設定 ＞ 外観設定 ＞ テーマ設定 ＞ テーマのカスタマイズ
その他パーツ集
デフォルト記事リスト
記事リストパーツ デフォルト（スタイル無し）
記事リストパーツ デフォルト（リスト型）
記事リストパーツ デフォルト（カード1列）
記事リストパーツ デフォルト（カード2列）
記事リストパーツ デフォルト（カード3列）
カスタム記事リスト .caseContent_style
以下、記事リストに「caseContent_style」を追加
記事リストパーツ カスタム（スタイル無し）
記事リストパーツ カスタム（リスト型）
記事リストパーツ カスタム（カード型1列）
記事リストパーツ カスタム（カード型2列）
記事リストパーツ カスタム（カード型3列）
「caseContent_style」のバリエーション
オプション カスタム（カード型1,2,3列） imgの余白なし 「caseContent_style」「option_padding_none」を追加
オプション カスタム（カード型1,2,3列）シャドウなし 「caseContent_style」「option_shadow_none」を追加
オプション カスタム（カード型2,3列）シャドウなし 縦区切り線あり 「caseContent_style」「option_break」を追加
オプション カスタム（カード型1,2,3列）シャドウなし ボーダーあり 「caseContent_style」「option_border」を追加
カスタム記事リスト .news_list
記事リストに「news_list」を追加
記事リストパーツ 記事一覧専用パターン（リスト型）
※このスタイルは「スタイル選択（デフォルト）」以外では使用出来ません。
タグは２個までしか表示出来ない仕様にしています。
※このスタイルは「スタイル選択（デフォルト）」以外では使用出来ません。
タグは２個までしか表示出来ない仕様にしています。
CTA
CTAをカスタマイズのclass名に「cta_sec」を記述。
ボタン1つver。
ボタン1つver。
お問い合わせ
お気軽にお問い合わせください。
CTAをカスタマイズのclass名に「cta_sec」を記述。
ボタン2つver。
サイト共通CTAはこちら。
ボタン2つver。
サイト共通CTAはこちら。
お問い合わせ
Klearについて詳しく聞きたい方は
お気軽にご相談ください。
お気軽にご相談ください。
下層ページ途中で使用するCTA。
パーツのみで使用可能（section等にclass不要）
パーツのみで使用可能（section等にclass不要）
© 2017 Gaprise Inc. All Rights Reserved