見出しパーツ

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

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

【見出しのカスタマイズ】のclass名に「hd_custom01」を記述します。

h1見出し

h2見出し

h3見出し

h4見出し

h5見出し
【見出しのカスタマイズ】のclass名に「hd_custom02」を記述します。

h1見出し

h2見出し

h3見出し

h4見出し

h5見出し
コンテンツエリアの見出し デフォルト
(テーマのカスタマイズページより自由に変更できます)
設定 > 外観設定 > テーマ設定 > テーマのカスタマイズ

h1見出し

h2見出し

h3見出し

h4見出し

h5見出し

ボタンパーツ集

【ボタンをカスタマイズ】にclass名「btn_custom01」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom02」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom03」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom04」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom05」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom_tel」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
デフォルトのボタン(テーマのカスタマイズページよりサイズや色など、自由に変更できます)
設定 > 外観設定 > テーマ設定 > テーマのカスタマイズ

画像+テキストパーツ

画像に影をつける 「shift_img_row」を追加

見出し(h3)

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプル

その他パーツ集

記事リストパーツ デフォルト(スタイル無し)

株式会社りそな銀行 様

2020-04-13 16:08更新: 2020-11-19 10:26

「プロセスマイニング」を用いたホームページの提供を開始。

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

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

カテゴリテスト

2020-04-13 16:08更新: 2019-06-25 14:41

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

記事リストパーツ デフォルト(カード1列)

株式会社りそな銀行 様

2020-04-13 16:08更新: 2020-11-19 10:26

「プロセスマイニング」を用いたホームページの提供を開始。

記事リストパーツ デフォルト(カード2列)

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

カテゴリテスト

2020-04-13 16:08更新: 2019-06-25 14:41

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

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

カテゴリテスト

2020-04-13 16:08更新: 2019-06-25 14:41

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

記事リストパーツ デフォルト(カード3列)

株式会社りそな銀行 様

2020-04-13 16:08更新: 2020-11-19 10:26

「プロセスマイニング」を用いたホームページの提供を開始。

株式会社三井住友銀行 様

2020-04-13 16:08更新: 2020-11-19 10:24

顧客向けサイトやスマートフォンアプリへの「KARTE(カルテ)」導入を支援。

全日本空輸株式会社 様

2020-04-13 16:08更新: 2020-11-19 10:24

「ANA自動チャット」による問い合わせ応答サービスの構築・運用を支援。

記事リストパーツ カスタム(スタイル無し)「caseContent_style」を追加

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

カテゴリテスト

2020-04-13 16:08

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

記事リストパーツ カスタム(リスト型)「caseContent_style」を追加

株式会社りそな銀行 様

2020-04-13 16:08

「プロセスマイニング」を用いたホームページの提供を開始。

記事リストパーツ カスタム(カード型1列)「caseContent_style」を追加

株式会社りそな銀行 様

2020-04-13 16:08

「プロセスマイニング」を用いたホームページの提供を開始。

記事リストパーツ カスタム(カード型2列)「caseContent_style」を追加

株式会社りそな銀行 様

2020-04-13 16:08

「プロセスマイニング」を用いたホームページの提供を開始。

全日本空輸株式会社 様

2020-04-13 16:08

「ANA自動チャット」による問い合わせ応答サービスの構築・運用を支援。

記事リストパーツ カスタム(カード型3列)「caseContent_style」を追加

株式会社りそな銀行 様

2020-04-13 16:08

「プロセスマイニング」を用いたホームページの提供を開始。

株式会社三井住友銀行 様

2020-04-13 16:08

顧客向けサイトやスマートフォンアプリへの「KARTE(カルテ)」導入を支援。

全日本空輸株式会社 様

2020-04-13 16:08

「ANA自動チャット」による問い合わせ応答サービスの構築・運用を支援。

オプション カスタム(カード型1,2,3列) imgの余白なし 「caseContent_style option_padding_none」を追加

株式会社りそな銀行 様

2020-04-13 16:08

「プロセスマイニング」を用いたホームページの提供を開始。

株式会社三井住友銀行 様

2020-04-13 16:08

顧客向けサイトやスマートフォンアプリへの「KARTE(カルテ)」導入を支援。

全日本空輸株式会社 様

2020-04-13 16:08

「ANA自動チャット」による問い合わせ応答サービスの構築・運用を支援。

オプション カスタム(カード型1,2,3列)シャドウなし 「caseContent_style option_shadow_none」を追加

株式会社りそな銀行 様

2020-04-13 16:08

「プロセスマイニング」を用いたホームページの提供を開始。

全日本空輸株式会社 様

2020-04-13 16:08

「ANA自動チャット」による問い合わせ応答サービスの構築・運用を支援。

株式会社三井住友銀行 様

2020-04-13 16:08

顧客向けサイトやスマートフォンアプリへの「KARTE(カルテ)」導入を支援。

オプション カスタム(カード型2,3列)シャドウなし 縦区切り線あり 「caseContent_style option_break」を追加

株式会社りそな銀行 様

2020-04-13 16:08

「プロセスマイニング」を用いたホームページの提供を開始。

全日本空輸株式会社 様

2020-04-13 16:08

「ANA自動チャット」による問い合わせ応答サービスの構築・運用を支援。

オプション カスタム(カード型1,2,3列)シャドウなし ボーダーあり 「caseContent_style option_border」を追加

株式会社りそな銀行 様

2020-04-13 16:08

「プロセスマイニング」を用いたホームページの提供を開始。

全日本空輸株式会社 様

2020-04-13 16:08

「ANA自動チャット」による問い合わせ応答サービスの構築・運用を支援。

株式会社三井住友銀行 様

2020-04-13 16:08

顧客向けサイトやスマートフォンアプリへの「KARTE(カルテ)」導入を支援。

記事リストパーツ 記事一覧専用パターン(リスト型)
※このスタイルは「スタイル選択(デフォルト)」以外では使用出来ません。
 タグは2個までしか表示出来ない仕様にしています。

CTA

CTAをカスタマイズのclass名に「cta_sec」を記述。
ボタン1つver。

お問い合わせ

お気軽にお問い合わせください。
CTAをカスタマイズのclass名に「cta_sec」を記述。
ボタン2つver。

トランスコスモスの デジタルエクスペリエンス

各サービスのお問い合わせ
お気軽にお問い合わせください。

画像の上下センター合わせ

アイコンなどを設定する際に、画像とテキストがずれることがあるため、画像の上下センター合わせをする場合、該当カラムに「ver_middle」を追加

SP 編集

PC上左右反転しているコンテンツをレスポンシブ時にSPだけ左右を戻す場合、該当カラムに「reverse」を追加

▼ PC 設定イメージ
▼ SP 反映イメージ
導入企業ロゴの見せ方をPC とSPで変更 「logo_row」を設定

見出し見出し見出し

PCではボタンの位置が右寄せ / 左寄せ の時にSPでは中央寄せにする 「sp_btn_center」を設定