見出しパーツ

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

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

【見出しのカスタマイズ】の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)

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

その他パーツ集

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

Shopify(ショッピファイ)基礎編〜ヘッダー・フッターのメニュー作成・編集方法を図解で解説〜

Shopify

2021-04-19 09:30更新: 2021-04-19 10:09

Shopify(ショッピファイ)の管理画面から簡単にメニューを作成・編集する方法を解説します。

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

Shopify(ショッピファイ)基礎編〜ヘッダー・フッターのメニュー作成・編集方法を図解で解説〜

Shopify

2021-04-19 09:30更新: 2021-04-19 10:09

Shopify(ショッピファイ)の管理画面から簡単にメニューを作成・編集する方法を解説します。

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

Shopify(ショッピファイ)基礎編〜ヘッダー・フッターのメニュー作成・編集方法を図解で解説〜

Shopify

2021-04-19 09:30更新: 2021-04-19 10:09

Shopify(ショッピファイ)の管理画面から簡単にメニューを作成・編集する方法を解説します。

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

Shopify(ショッピファイ)基礎編〜ヘッダー・フッターのメニュー作成・編集方法を図解で解説〜

Shopify

2021-04-19 09:30更新: 2021-04-19 10:09

Shopify(ショッピファイ)の管理画面から簡単にメニューを作成・編集する方法を解説します。

Shopify(ショッピファイ)ページデザイン編集方法 ~ 基礎編~サイトをデザインする方法

Shopify

2021-04-12 10:26更新: 2021-04-15 10:06

TOPページや商品ページのデザインは「テーマ」と呼ばれるテンプレートを主に活用して制作していきます。テーマを切り替える事で簡単にTOPや商品詳細ページのデザインを変更する事が出来ます

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

Shopify(ショッピファイ)基礎編〜ヘッダー・フッターのメニュー作成・編集方法を図解で解説〜

Shopify

2021-04-19 09:30更新: 2021-04-19 10:09

Shopify(ショッピファイ)の管理画面から簡単にメニューを作成・編集する方法を解説します。

Shopify(ショッピファイ)ページデザイン編集方法 ~ 基礎編~サイトをデザインする方法

Shopify

2021-04-12 10:26更新: 2021-04-15 10:06

TOPページや商品ページのデザインは「テーマ」と呼ばれるテンプレートを主に活用して制作していきます。テーマを切り替える事で簡単にTOPや商品詳細ページのデザインを変更する事が出来ます

はじめてのShopify(ショッピファイ)設定 ~ 基礎編~ Shopifyの基本を知ろう

Shopify

2021-04-05 09:09更新: 2021-04-15 10:51

Shopify未経験の方が、実際にShopifyでサイトを立ち上げながらShopifyの基本的な操作を学び、構築・運用業務にスムーズに入れることを目的としています。

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

Shopify(ショッピファイ)基礎編〜ヘッダー・フッターのメニュー作成・編集方法を図解で解説〜

Shopify

2021-04-19 09:30

Shopify(ショッピファイ)の管理画面から簡単にメニューを作成・編集する方法を解説します。

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

Shopify(ショッピファイ)基礎編〜ヘッダー・フッターのメニュー作成・編集方法を図解で解説〜

Shopify

2021-04-19 09:30

Shopify(ショッピファイ)の管理画面から簡単にメニューを作成・編集する方法を解説します。

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

Shopify(ショッピファイ)基礎編〜ヘッダー・フッターのメニュー作成・編集方法を図解で解説〜

Shopify

2021-04-19 09:30

Shopify(ショッピファイ)の管理画面から簡単にメニューを作成・編集する方法を解説します。

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

Shopify(ショッピファイ)基礎編〜ヘッダー・フッターのメニュー作成・編集方法を図解で解説〜

Shopify

2021-04-19 09:30

Shopify(ショッピファイ)の管理画面から簡単にメニューを作成・編集する方法を解説します。

Shopify(ショッピファイ)ページデザイン編集方法 ~ 基礎編~サイトをデザインする方法

Shopify

2021-04-12 10:26

TOPページや商品ページのデザインは「テーマ」と呼ばれるテンプレートを主に活用して制作していきます。テーマを切り替える事で簡単にTOPや商品詳細ページのデザインを変更する事が出来ます

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

Shopify(ショッピファイ)基礎編〜ヘッダー・フッターのメニュー作成・編集方法を図解で解説〜

Shopify

2021-04-19 09:30

Shopify(ショッピファイ)の管理画面から簡単にメニューを作成・編集する方法を解説します。

Shopify(ショッピファイ)ページデザイン編集方法 ~ 基礎編~サイトをデザインする方法

Shopify

2021-04-12 10:26

TOPページや商品ページのデザインは「テーマ」と呼ばれるテンプレートを主に活用して制作していきます。テーマを切り替える事で簡単にTOPや商品詳細ページのデザインを変更する事が出来ます

はじめてのShopify(ショッピファイ)設定 ~ 基礎編~ Shopifyの基本を知ろう

Shopify

2021-04-05 09:09

Shopify未経験の方が、実際にShopifyでサイトを立ち上げながらShopifyの基本的な操作を学び、構築・運用業務にスムーズに入れることを目的としています。

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

Shopify(ショッピファイ)基礎編〜ヘッダー・フッターのメニュー作成・編集方法を図解で解説〜

Shopify

2021-04-19 09:30

Shopify(ショッピファイ)の管理画面から簡単にメニューを作成・編集する方法を解説します。

Shopify(ショッピファイ)ページデザイン編集方法 ~ 基礎編~サイトをデザインする方法

Shopify

2021-04-12 10:26

TOPページや商品ページのデザインは「テーマ」と呼ばれるテンプレートを主に活用して制作していきます。テーマを切り替える事で簡単にTOPや商品詳細ページのデザインを変更する事が出来ます

はじめてのShopify(ショッピファイ)設定 ~ 基礎編~ Shopifyの基本を知ろう

Shopify

2021-04-05 09:09

Shopify未経験の方が、実際にShopifyでサイトを立ち上げながらShopifyの基本的な操作を学び、構築・運用業務にスムーズに入れることを目的としています。

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

Shopify(ショッピファイ)基礎編〜ヘッダー・フッターのメニュー作成・編集方法を図解で解説〜

Shopify

2021-04-19 09:30

Shopify(ショッピファイ)の管理画面から簡単にメニューを作成・編集する方法を解説します。

Shopify(ショッピファイ)ページデザイン編集方法 ~ 基礎編~サイトをデザインする方法

Shopify

2021-04-12 10:26

TOPページや商品ページのデザインは「テーマ」と呼ばれるテンプレートを主に活用して制作していきます。テーマを切り替える事で簡単にTOPや商品詳細ページのデザインを変更する事が出来ます

はじめてのShopify(ショッピファイ)設定 ~ 基礎編~ Shopifyの基本を知ろう

Shopify

2021-04-05 09:09

Shopify未経験の方が、実際にShopifyでサイトを立ち上げながらShopifyの基本的な操作を学び、構築・運用業務にスムーズに入れることを目的としています。

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

Shopify(ショッピファイ)基礎編〜ヘッダー・フッターのメニュー作成・編集方法を図解で解説〜

Shopify

2021-04-19 09:30

Shopify(ショッピファイ)の管理画面から簡単にメニューを作成・編集する方法を解説します。

Shopify(ショッピファイ)ページデザイン編集方法 ~ 基礎編~サイトをデザインする方法

Shopify

2021-04-12 10:26

TOPページや商品ページのデザインは「テーマ」と呼ばれるテンプレートを主に活用して制作していきます。テーマを切り替える事で簡単にTOPや商品詳細ページのデザインを変更する事が出来ます

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

Shopify(ショッピファイ)基礎編〜ヘッダー・フッターのメニュー作成・編集方法を図解で解説〜

Shopify

2021-04-19 09:30

Shopify(ショッピファイ)の管理画面から簡単にメニューを作成・編集する方法を解説します。

Shopify(ショッピファイ)ページデザイン編集方法 ~ 基礎編~サイトをデザインする方法

Shopify

2021-04-12 10:26

TOPページや商品ページのデザインは「テーマ」と呼ばれるテンプレートを主に活用して制作していきます。テーマを切り替える事で簡単にTOPや商品詳細ページのデザインを変更する事が出来ます

はじめてのShopify(ショッピファイ)設定 ~ 基礎編~ Shopifyの基本を知ろう

Shopify

2021-04-05 09:09

Shopify未経験の方が、実際にShopifyでサイトを立ち上げながらShopifyの基本的な操作を学び、構築・運用業務にスムーズに入れることを目的としています。

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

メインビジュアルをスライダー設定したい

メインビジュアルをスライダーにし、複数のリンクをせっっていしたい場合。
メインビジュアルにカルーセルパーツを設定し、class名に「top-slider」を記述。

CTA

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

お問い合わせ

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

EC-X

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

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

SP 編集

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

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

見出し見出し見出し

PCではボタンの位置が右寄せ / 左寄せ の時にSPでは中央寄せにする 「sp_btn_center」を設定
PCの画像パーツでアイコン表現し、SPでもアイコン表現する場合「icon_img」を設定