運用サポート(平日10:00~17:00) 06-6485-6485
コマースクリエイター未利用コマースクリエイター移行中(有効)コマースクリエイター利用中説明を表示 ▼

箇条書きパーツ追加・変更

×

マニュアル閲覧上の注意

店舗の状態にあわせて、上のボタンからいずれかを選択してください。表示される項目が変更されます。

コマースクリエイター未利用
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター移行中(有効)
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター利用中
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を新規構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

上記のボタンは再選択できます。店舗の状態がわからない方はコマースクリエイターご利用状況の確認方法についてをご覧ください。

コマースクリエイター>パーツ>箇条書きパーツ

パーツ一覧より箇条書きパーツで作成されたパーツのボタン、
もしくは[パーツを追加する]ボタンより箇条書きパーツを選択すると遷移します。

複数の「行」からなる箇条書き形式のパーツを作成できます。

箇条書きは1行ごとに変更・追加でき、行の表示順を変更できます。

パーツについての解説と利用方法については、パーツ一覧-パーツとはをご覧ください。

スタートアップテーマでは、フリーパーツで作成したパーツがすでにサンプルとして準備され、レイアウトに配置されています。利用方法などの参考として、管理画面内にてご覧ください。

スタートアップテーマでの利用例(一部)

  • 最新情報

※配置されているパーツの一覧はスタートアップテーマのご利用方法をご覧ください。

目次

テキストなどの準備

箇条書きに使用するテキストを用意する

箇条書きの本文に入力するテキストとリンク先URLを用意してください。
1つの箇条書きパーツで、100行まで追加できます。

オプションを設定する

パーツを囲むタグ(HTML要素とid/class)や管理タグなどを設定するパーツオプション設定へ遷移します。

[オプションを設定する]ボタン
オプション設定ダイアログ
備考の表示場所
HTML要素
HTMLタグは、パーツを囲むwrapタグを設定できます。
div・article・section・nav・aside・header・footerタグのいずれか、または「指定なし」から選択してください。
id/classを指定する場合は、「指定なし」以外のいずれか選択してください。
id
HTML要素のid属性の値を設定できます。
class
HTML要素のclass属性の値を設定できます。
管理タグ
管理タグ追加・変更-管理タグ活用のポイントをご覧ください。
備考
パーツの用途や表示画面などを入力すると管理がしやすくなります。

パーツ名

パーツの名称を設定できます。

置換文字

パーツ置換文字が表示されます。
パーツ置換文字は複製・追加時に設定できます。一度設定すると変更はできません。

置換文字の活用方法

フリーパーツに、置換文字を記述すると読み込まれます。
変更や修正を加える際、該当のフリーパーツを一つ作業するだけで置換文字を記述した他のすべてのパーツに反映されるので、運用のミス防止や効率化につながります。

フリーパーツ-パーツ置換文字の活用方法もご参照ください。

class

パーツにclassを追加できます。ECサイト画面に出力されます。

行頭文字

箇条書きの行頭文字(および表示形式)を以下から選択してください。

なし
行頭文字を表示しません。
あらかじめ用意された行頭文字を使用しない場合は「なし」を選択します。行頭文字はCSSでデザインできます。
HTMLタグも利用できますので、自由に箇条書きを利用できます。
記号
行頭文字に記号「〇」を表示します。
数字
行頭に数字(連番)を表示します。数字は上から昇順になります。
注釈
行頭文字に「※」を表示します。
パンくず
行頭文字を表示せず、行と行の間に「 > ]を表示します。
フリーページなどで任意のパンくずリストを作成したい場合は、パンくずを選択します。

更新日を表示する場合

「<time>2019.06.01</time> 夏の新製品を発表します。」のようにtimeタグの間に日付をいれていただくと、スタートアップテーマのトップページの「最新情報」のように表示できます。

箇条書きの設定

箇条書きで表示したいコンテンツを追加します。

新規追加の場合
変更の場合

行を追加する

[行を追加する]ボタンを押下すると、行追加画面に遷移します。
行は最大で100まで追加できます。

表示順を変更する

行の表示順を変更するボタンをマウスで選択し、そのままドラッグして順番を変更できます。
表示順が上の行からECサイトに出力されます。

変更する

行を変更します。行の変更するボタンを押下すると、行変更画面へ遷移します。

[行追加・変更画面]箇条書き表示するコンテンツの設定

[行を追加する]ボタン、もしくは変更ボタンを押下すると表示されます。

箇条書きパーツに行を追加でき、一度追加した行を変更、削除できます。

作業完了後、必ず箇条書きパーツ追加/変更画面で「保存する」ボタンを押下してください。
行追加/変更画面での作業は、システムに保存されていません。

行名

行の名前です。行の表示順を変更する際に表示されます。

本文

行に表示する内容を設定できます。HTMLタグが使用できます。改行したい場合は、改行する箇所に<br>タグを入力してください。

リンク先

行のリンク先を設定できます。

新規ウインドウで開く

「新規ウインドウで開く」にチェックすると、リンク先を新規ウインドウで表示します。

行(箇条書きコンテンツ)の設定を決定する

[OK]ボタンを押下すると、行(箇条書きコンテンツ)を入力します。
箇条書きパーツ追加/変更画面に戻りますが、作業内容は保存されていません。
入力内容を保存するには、箇条書きパーツ追加/変更画面で保存ボタンを押下してください。

キャンセルする

未保存の作業内容を破棄して、箇条書きパーツ追加/変更画面に戻ります。

削除する

「行を削除する」ボタンを押下します。。
行が不要な場合は、削除できます。
行変更画面の左下にある「行を削除する」ボタンを押下します。行削除ダイアログが表示されますので、行名を確認して「行を削除する」ボタンを押下します。
箇条書きパーツ追加/変更画面に戻りますが、作業内容は保存されていません。
入力内容を保存するには、箇条書きパーツ追加/変更画面で保存ボタンを押下してください。

保存する

パーツを保存します。

キャンセルする

未保存の作業内容を破棄します。

削除する

[箇条書きを削除する]ボタンを押下すると、箇条書きパーツを削除できます。削除したパーツは復元できません。
箇条書きパーツを追加する(新規作成)場合には表示されません。

戻る

レイアウト設定から直接パーツを変更する場合にのみ表示されます。
押下すると、レイアウト設定に戻ります。
未保存の作業内容は破棄されます。
保存するボタンを押下した後、[戻る]ボタンを押下してください。

レイアウト設定から直接パーツを変更する方法については、パーツ配置エリア上からパーツを変更するをご覧ください。

項目表示について

各項目は「以前からのECサイト用」「コマースクリエイター用」「共通」の3種類があります。「コマースクリエイター移行中(有効)」選択時は全ての項目と説明が表示されます。

・以前からのECサイト用項目(コマースクリエイターでは使用しない):右側にこちらの色の点線が表示されます。

・コマースクリエイター専用ECサイト用の項目(以前からのECサイトには影響しない):右側にこちらの色の点線が表示されます。

・上記以外は共通で使用する項目です。(何も表示されません。)

×

店舗の状態にあわせて、下のボタンからいずれかを選択してください。

コマースクリエイター未利用 コマースクリエイター移行中(有効) コマースクリエイター利用中
コマースクリエイター未利用
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター移行中(有効)
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター利用中
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を新規構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

再度選択できますので、店舗の状態がわからない方はいったん「有効」をお選びください。
詳しくはコマースクリエイターご利用状況の確認方法についてをご覧ください。