運用サポート平日10:00~17:0006-6485-6485目次コラムパーツ追加・変更コマースクリエイター>パーツ>コラムパーツパーツ一覧よりコラムパーツで作成されたパーツのボタン、もしくは[パーツを追加する]ボタンよりコラムパーツを選択すると遷移します。スタートアップテーマでは、フリーパーツで作成したパーツがすでにサンプルとして準備され、レイアウトに配置されています。利用方法などの参考として、管理画面内にてご覧ください。※配置されているパーツの一覧はスタートアップテーマのご利用方法をご覧ください。「画像+見出し+本文」で構成されるコラムを作成できます。1つのコラムパーツ(親)に最大4つのコラム(子)を追加できます。コラム(子)1つに画像1点・見出し・本文・リンクなどを保存できます。コラム(子)ごとに追加/変更作業を行います。classを利用し、コラム(子)の配置の縦・横の調整もできます。パーツについての解説と利用方法については、パーツ一覧-パーツとはをご覧ください。ー画像・テキストなどの準備コラムパーツに使用する画像とテキストを用意するコラムパーツの見出しと本文に入力するテキスト、リンク先URL、画像を用意してください。コラムは画像・見出し・本文とも必須ではありません。コラムパーツに画像を使用する場合は、あらかじめ用意してください。利用できる画像の拡張子はjpeg/jpg/gif/png/svgです。画像が用意できたら、アイテムにアップロードしておきます。コラム・トップページなどの管理タグ一覧をつけておくと探しやすくなります。オプションを設定するパーツを囲むタグ(HTML要素とid/class)や管理タグなどを設定するパーツオプション設定へ遷移します。[オプションを設定する]ボタンオプション設定ダイアログ備考の表示場所HTML要素HTMLタグは、パーツを囲むwrapタグを設定できます。div・section・nav・article・aside・header・footer・dialogタグのいずれか、または「指定なし」から選択してください。id/classを指定する場合は、「指定なし」以外のいずれか選択してください。idHTML要素のid属性の値を設定できます。半角英数・記号(-_):100字classHTML要素のclass属性の値を設定できます。管理タグ管理タグ追加・変更-管理タグ活用のポイントをご覧ください。備考パーツの用途や表示画面などを入力すると管理がしやすくなります。文字数:400字パーツ名パーツの名称を設定できます。.border}置換文字パーツ置換文字を入力します。どのパーツの置換文字であるか、分かりやすい任意の文字列を入力してください。半角英数・記号(._-):100字パーツ置換文字は複製・追加時に設定できます。一度設定すると変更はできません。置換文字の活用方法フリーパーツに、置換文字を記述すると読み込まれます。変更や修正を加える際、該当のフリーパーツを一つ作業するだけで置換文字を記述した他のすべてのパーツに反映されるので、運用のミス防止や効率化につながります。フリーパーツ-パーツ置換文字の活用方法もご参照ください。classパーツにclassを追加できます。ECサイト画面に出力されます。半角英数字・半角スペース・記号("以外):100字class設定による配置指定class名を変えると、コラムを横に並べる数を指定できます。各コラムの幅は自動的に計算(除算)されます。スマートフォンではclassを変更しても1列のままとなります。class以外にclassを入力する場合は、classを半角空白で区切って入力してください。パーツオプション設定にてパーツを囲むHTML要素を設定し、classを入力してください。コラム(親)の設定コラム表示したいコンテンツを追加します。変更の場合コラムを追加する[コラムを追加する]ボタンを押下すると、コラム追加画面に遷移します。最大で4コラムまで追加できます。表示順を変更するコラム(子)は順番を変更できます。選択してドラッグするとスライドを上下に移動でき、表示順を変更できます。表示順が上のコラムからECサイトに出力されます。変更するコラムを変更します。変更ボタンを押下すると、コラム変更画面へ遷移します。変更ボタンを押下すると表示されます。コラムパーツ(親)のコラム(子)を追加、一度追加したコラム(子)を変更、削除できます。作業完了後、必ずコラムパーツ追加/変更画面で「保存する」ボタンを押下してください。コラム追加/変更画面での作業は、システムに保存されていません。コラム名コラムの名前です。コラムの表示順を変更する際に表示されます。画像コラムに使用する画像を1点設定できます。[画像を読み込む]ボタン[画像を読み込む]ボタンを押下すると、[アイテム検索]ダイアログが表示され、画像が読み込まれます。アイテム検索で画像を選択すると、カーソル位置にアイテム置換文字が入力されます。[アイテム検索]ダイアログくわしくは[アイテム検索]をご覧ください。[アイテムを選択][画像を解除する]ボタン[画像を解除する]ボタンを押下すると、読み込まれている画像を解除して、画像が読み込まれていない状態にできます。画像のalt属性を設定できます。HTMLタグは利用できません。見出し見出しを設定できます。HTMLタグは利用できません。本文コラムに表示する内容を設定できます。HTMLタグが使用できます。文字数:32,000字パーツ置換文字は使用できません。リンク先コラムのリンク先を設定できます。文字数:2,000字コラム全体(見出し+画像+本文を囲む領域)にリンクを設定します。ー新規ウインドウで開く「新規ウインドウで開く」にチェックすると、リンク先を新規ウインドウで表示します。コラム(子)の設定を決定する[OK]ボタンを押下すると、コラム(子)を入力します。コラム追加/変更画面に戻りますが、作業内容は保存されていません。入力内容を保存するには、コラムパーツ追加/変更画面で保存ボタンを押下してください。キャンセルする未保存の作業内容を破棄して、コラムパーツ追加画面に戻ります。削除する「コラムを削除する」ボタンを押下します。コラム(子)が不要な場合は、コラムを削除できます。コラムを削除するボタンを押下すると、コラム削除ダイアログが表示されますので、コラム名を確認して「コラムを削除する」ボタンを押下します。コラム追加/変更画面に戻りますが、作業内容は保存されていません。入力内容を保存するには、コラムパーツ追加/変更画面で保存ボタンを押下してください。コラム(子)を追加する(新規追加)場合には表示されません。保存するパーツを保存します。キャンセルする未保存の作業内容を破棄します。削除する[コラムを削除する]ボタンを押下すると、コラムパーツを削除できます。削除したパーツは復元できません。コラムパーツを追加する(新規作成)場合には表示されません。戻るレイアウト変更から直接パーツを変更する場合にのみ表示されます。押下すると、レイアウト変更に戻ります。未保存の作業内容は破棄されます。保存するボタンを押下した後、[戻る]ボタンを押下してください。レイアウト変更から直接パーツを変更する方法については、パーツ配置エリア上からパーツを変更するをご覧ください。reserved.コマースクリエイターでのショップ開店がはじめての方ご利用状況コマースクリエイタ。