テキストパーツ｜SHOP Builder – SHOPLINE Help Center

4. EC + SC (EN).png

SHOP Builderを使用すると、Advanced Pagesを追加/編集する際に、「テキスト」ウィジェットを使用して、タブにより多くの説明文を追加し、より美しくすることができます。

⚠️ 始める前に：

現在、SHOP BuilderはUltra Chic、Kingsman、Varm、Philiaテーマテンプレートのみをサポートしています。
SHOP Builderを使用してページを作成した後、他のテーマテンプレートに切り替えてもページは表示されますが、編集できず、レイアウトが崩れる可能性があります。この点に注意してページを公開してください。

1. テキストウィジェットを追加する

ステップ 1

SHOPLINE管理画面に進み、> [オンラインストアデザイン] > [ページ] をクリックし、[Advanced Page/Edit]ボタンをクリックしてAdvanced Pageの設定を開きます。 Screen_Shot_2022-06-30_at_11.06.19_AM.png

ステップ 2

ウィジェットボタンをクリックします。 Screen_Shot_2022-06-17_at_11.03.01_AM.png

ステップ 3

「テキスト」ウィジェットを選択します。 Screen_Shot_2022-06-30_at_6.41.04_PM.png

ステップ 4

システムはデフォルトで1セットのテキストを追加するように設定されています。テキストボタンをクリックして、さらにテキストを追加します。
*Note: 現在、最大4セットのテキストをサポートしています。

複数のテキストセットを追加した場合は、左側の ___2022-06-30___10.34.59.png アイコンをクリックして、順序をドラッグして調整します。 Screen_Shot_2022-06-30_at_6.44.35_PM.png

ステップ 5

テキストを選択して、テキスト設定を編集します。

タイトル：商品タイトルを挿入します。次のスタイル設定もカスタマイズできます。スタイル設定の表示順は：ウィジェットのスタイル設定 > ストア設定。
- 見出しタグ：H1からH6までの6つのオプションがあります。システムのデフォルトはH3です。
- テキストカラー：パレットを開いてテキストカラーを選択するか、カラーコードを入力します。
- フォントサイズ：16/20/24/28/32から選択できます。実際のフォントサイズは、ストア設定で設定したフォントサイズに基づいて比例的にスケールします。
サブタイトル：商品サブタイトルを挿入します。次のスタイル設定もカスタマイズできます。スタイル設定の表示順は：ウィジェットのスタイル設定 > ストア設定。
- 見出しタグ：H1からH6までの6つのオプションがあります。システムのデフォルトはH4です。
- テキストカラー：パレットを開いてテキストカラーを選択するか、カラーコードを入力します。
- フォントサイズ：14/16/18/20/22から選択できます。実際のフォントサイズは、ストア設定で設定したフォントサイズに基づいて比例的にスケールします。
コンテンツ：商品の説明を挿入します。次のスタイル設定もカスタマイズできます。
- フォントサイズ：12/14/16/18/20から選択できます。実際のフォントサイズは、ストア設定で設定したフォントサイズに基づいて比例的にスケールします。
- テキストカラー：パレットを開いてテキストカラーを選択するか、カラーコードを入力します。
- リスト：箇条書きリストまたは番号付きリストを追加できます。
- 全画面編集：全画面編集モードに入って、コンテンツをより簡単に作成できます。
ボタンテキスト：ボタンテキストを挿入します。
リンク先：テキストにURLを挿入します。URLを開く方法は2つあります：
- 現在のウィンドウ：現在のウィンドウからページを直接開く
- 新しいウィンドウ：新しいウィンドウでページを開く。