見出しパーツ
テキストの色、フォント種類、フォントサイズは「テーマのカスタマイズ」や「ツールバー」から選択ください。
設定 ＞ 外観設定 ＞ テーマ設定 ＞ テーマのカスタマイズ
コンテンツエリアの見出し カスタム見出し
【見出しのカスタマイズ】のclass名に「hd_custom01」を記述します。
h１見出し
h２見出し
h３見出し
h４見出し
h5見出し
【見出しのカスタマイズ】のclass名に「hd_custom02」を記述します。
h１見出し
h２見出し
h３見出し
h４見出し
h5見出し
コンテンツエリアの見出し デフォルト
（テーマのカスタマイズページより自由に変更できます）
設定 ＞ 外観設定 ＞ テーマ設定 ＞ テーマのカスタマイズ
（テーマのカスタマイズページより自由に変更できます）
設定 ＞ 外観設定 ＞ テーマ設定 ＞ テーマのカスタマイズ
h１見出し
h２見出し
h３見出し
h４見出し
h5見出し
ボタンパーツ集
【ボタンをカスタマイズ】にclass名「btn_custom01」を記述します。
納品時にサイトに合わせて作成したボタンです（変更不可）。
納品時にサイトに合わせて作成したボタンです（変更不可）。
【ボタンをカスタマイズ】にclass名「btn_custom02」を記述します。
納品時にサイトに合わせて作成したボタンです（変更不可）。
納品時にサイトに合わせて作成したボタンです（変更不可）。
【ボタンをカスタマイズ】にclass名「btn_custom03」を記述します。
納品時にサイトに合わせて作成したボタンです（変更不可）。
納品時にサイトに合わせて作成したボタンです（変更不可）。
【ボタンをカスタマイズ】にclass名「btn_custom04」を記述します。
納品時にサイトに合わせて作成したボタンです（変更不可）。
納品時にサイトに合わせて作成したボタンです（変更不可）。
【ボタンをカスタマイズ】にclass名「btn_custom05」を記述します。
納品時にサイトに合わせて作成したボタンです（変更不可）。
納品時にサイトに合わせて作成したボタンです（変更不可）。
【ボタンをカスタマイズ】にclass名「btn_custom_tel」を記述します。
納品時にサイトに合わせて作成したボタンです（変更不可）。
納品時にサイトに合わせて作成したボタンです（変更不可）。
デフォルトのボタン（テーマのカスタマイズページよりサイズや色など、自由に変更できます）
設定 ＞ 外観設定 ＞ テーマ設定 ＞ テーマのカスタマイズ
設定 ＞ 外観設定 ＞ テーマ設定 ＞ テーマのカスタマイズ
画像＋テキストパーツ
画像に影をつける 「shift_img_row」を追加
見出し（h3）
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプル
その他パーツ集
記事リストパーツ デフォルト（スタイル無し）
記事リストパーツ デフォルト（リスト型）
記事リストパーツ デフォルト（カード1列）
記事リストパーツ デフォルト（カード2列）
記事リストパーツ デフォルト（カード3列）
記事リストパーツ カスタム（スタイル無し）「caseContent_style」を追加
記事リストパーツ カスタム（リスト型）「caseContent_style」を追加
記事リストパーツ カスタム（カード型1列）「caseContent_style」を追加
記事リストパーツ カスタム（カード型2列）「caseContent_style」を追加
記事リストパーツ カスタム（カード型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」を追加
記事リストパーツ 記事一覧専用パターン（リスト型）
※このスタイルは「スタイル選択（デフォルト）」以外では使用出来ません。
タグは２個までしか表示出来ない仕様にしています。
※このスタイルは「スタイル選択（デフォルト）」以外では使用出来ません。
タグは２個までしか表示出来ない仕様にしています。
メインビジュアルをスライダー設定したい
メインビジュアルをスライダーにし、複数のリンクをせっっていしたい場合。
メインビジュアルにカルーセルパーツを設定し、class名に「top-slider」を記述。
メインビジュアルにカルーセルパーツを設定し、class名に「top-slider」を記述。
CTA
CTAをカスタマイズのclass名に「cta_sec」を記述。
ボタン1つver。
ボタン1つver。
お問い合わせ
お気軽にお問い合わせください。
CTAをカスタマイズのclass名に「cta_sec」を記述。
ボタン2つver。
ボタン2つver。
お気軽に
お問い合わせください
お問い合わせください
画像の上下センター合わせ
アイコンなどを設定する際に、画像とテキストがずれることがあるため、画像の上下センター合わせをする場合、該当カラムに「ver_middle」を追加
SP 編集
PC上左右反転しているコンテンツをレスポンシブ時にSPだけ左右を戻す場合、該当セクションに「reverse」を追加
▼ PC 設定イメージ
▼ SP 反映イメージ
導入企業ロゴの見せ方をPC とSPで変更 「logo_row」を設定
見出し見出し見出し
PCではボタンの位置が右寄せ / 左寄せ の時にSPでは中央寄せにする 「sp_btn_center」を設定
PCの画像パーツでアイコン表現し、SPでもアイコン表現する場合「icon_img」を設定
ECソリューションをお届けするサービスサイト
トランスコスモス株式会社
デジタルトランスフォーメーション総括 ECX本部
〒150-0011
東京都渋谷区東1-2-20
渋谷ファーストタワー
050-1751-7700（代表）
トランスコスモス株式会社
デジタルトランスフォーメーション総括 ECX本部
〒150-0011
東京都渋谷区東1-2-20
渋谷ファーストタワー
050-1751-7700（代表）
![トランスプラス](https://ferret-one.akamaized.net/resized_images/619b488478ea871da03f72a9/original.{"image_size"=>"5621", "image_content_type"=>"png", "site_id"=>"c20061722326", "image_fingerprint"=>"3688fcb7bb8e31449377aecf36a9de1d", "component_id"=>"e39be62c1442940ec615e866"}?utm=1637566596881)
トランスコスモスの全社的な情報を発信するオウンドメディア
コンタクト/コールセンターに携わる方への情報サイト
- ●ECXからの情報発信
- ECブログ
- オンラインセミナー
- お知らせ/広報リリース
- 動画(セミナー、サービス紹介)
© transcosmos inc. All rights reserved.