ショップ総合ページに表示させるスライダーを設定します。スライダーはPC・SP(スマートフォン)それぞれに設定することができます。
スライダーには、テキスト(タイトル・説明文)・フィルター・リンクの設定を行えます。
多くのスライダーを設定し過ぎますと、ページの読み込みに時間が掛かりアクセシビリティに悪影響を及ぼします。3~5イメージ程度が適切だと思われます。
◆操作画面
CMSメニューからの確認方法
ホーム機能>総合ページ作成・編集>スライダーの設定PC
ホーム機能>総合ページ作成・編集>スライダーの設定SP
ご注意
「スライダーの設定PC」のみ画像の設定を行った場合、SP(スマートフォン)表示時にもPCの画像が表示されます。
「スライダーの設定SP」のみ画像の設定を行った場合、PC表示時にもSPの画像が表示されます。
PCとSPでの画像推奨サイズは異なり、見え方に差異が生まれる可能性がございますので、それぞれに画像を設定していただくことを推奨いたします。
「スライダーの設定PC」のみ設定している見え方のイメージ

◆アップロード画像サイズ・形式について
スライダーの設定PC
画像推奨サイズ:【横幅:1920px】 【縦:809px】以上
登録可能ファイル形式:.jpg
容量制限:合計10MB(※1回のアップロードにおける合計)
スライダーの設定SP
画像推奨サイズ:【横幅:828px】 【縦:1135px】以上
登録可能ファイル形式:.jpg
容量制限:合計10MB(※1回のアップロードにおける合計)
◆画像を登録する
①「イメージスライダーのライブラリー」項目にある【画像をアップロード】ボタンをクリックし、画像を選択してください。

②スライダー画像に設定する画像をクリックしてください。「イメージの編集」画面が表示されるので設定を行ってください。
設定は任意です。登録をしない場合は、そのまま【保存する】ボタンをクリックしてください。

タイトル | ①タイトルを入力してください。 ②プルダウンメニューから、文字色・サイズ・書体の設定を行ってください。 色 ブラック、ホワイト、スカイブルー、グラスグリーン、マリーゴールド、パステルピンク、カーキからお選びください。 サイズ 30~80の間でお選びください。 書体 明朝、ゴシックからお選びください。 |
説明文 | ①説明文を入力してください。 ②プルダウンメニューから、文字色・サイズ・書体の設定を行ってください。 色 ブラック、ホワイト、スカイブルー、グラスグリーン、マリーゴールド、パステルピンク、カーキからお選びください。 サイズ 14~22の間でお選びください。 書体 明朝、ゴシックからお選びください。 |
フィルター | 0%~90%からお選びください。 数字が大きいほど、フィルターの色が濃くなります。 |
リンク | 画像にリンクを設定します。 設定した場合、画像をクリックすると設定したページに遷移させることができます。 ※リンクは、ツクツク!!!サイト内のURLのみ設定可能です。 プルダウンメニューからモジュールを選択し「○○.tsuku2.jp/」以降のURLを入力してください。 選択肢 ホーム https://home.tsuku2.jp/ 通販 https://ec.tsuku2.jp/ ウェブチケット https://ticket.tsuku2.jp/ グルメ https://gourmet.tsuku2.jp/ ビューティー https://beauty.tsuku2.jp/ ファーム https://farm.tsuku2.jp/ |
設定が完了したら【保存する】ボタンをクリックし、保存をしてください。
保存後、画像は「選択済みのスライドイメージ」項目に表示されます。

掲載イメージ
タイトル、説明文、フィルター(60%)の設定をした場合

◆複数の画像をまとめて編集する
スライドイメージに設定済みの画像に対して、まとめて編集することができます。
編集可能内容
文字色、サイズ、書体の変更、リンクの設定
①【まとめて編集】ボタンをクリックしてください。

②クリック後、【まとめて編集】ボタンが【編集対象を選択してください】に切り替わり、現在スライダーに設定されている画像がグレーに覆われます。

③編集を行う画像をクリックし選択してください。選択すると「選択中」と表示されます。選択が完了したら【編集する】ボタンをクリックしてください。

④編集画面が表示されますので変更を行う項目の編集を行ってください。設定が完了したら【保存する】ボタンをクリックし、保存をしてください。
※全ての項目は空欄となっており、元々設定していた内容は反映されていません。
修正を行う項目だけ変更してください。変更をしない項目は空欄のままとしてください。
編集を中止する場合 【中止する】ボタンをクリックしてください。
画像選択に戻る場合 【画像選択に戻る】ボタンをクリックしてください。

「まとめて編集」で編集を行うことができる項目について
タイトル
文字色、文字サイズ、文字の種類
説明文
文字色、文字サイズ、文字の種類
フィルター
パーセンテージの設定
リンク
画像に設定するリンクです。
※リンクは、ツクツク!!!サイト内のURLのみ設定可能です。
プルダウンメニューからモジュールを選択し「○○.tsuku2.jp/」以降のURLを入力してください。
下記より1つお選びください。
ホーム https://home.tsuku2.jp/
通販 https://ec.tsuku2.jp/
ウェブチケット https://ticket.tsuku2.jp/
グルメ https://gourmet.tsuku2.jp/
ビューティー https://beauty.tsuku2.jp/
ファーム https://farm.tsuku2.jp/
◆個別に画像を編集する
スライダーに設定している画像下の【編集】アイコンをクリックしてください。「イメージスライダーの編集」画面が表示されるので編集を行い【保存する】ボタンをクリックしてください。

◆並び順を変更する
「選択済みのスライドイメージ」項目の画像をドラッグ&ドロップで変更したい位置まで移動させてください。
掲載位置の変更後、【並び順を保存】ボタンをクリックし、保存してください。

◆プレビューで確認する

画面上部にある【プレビュー】ボタンをクリックすると、設定内容が反映されたショップ様のプレビューページを確認することができます。
プレビュー専用です。アドレス(URL)を宣伝に使用しないでください。
◆画像の選択を解除する
ツクツク!!!CMS管理画面からは削除せず、掲載中の画像としての選択を解除します。
①「選択済みのスライドイメージ」項目の画像下の【ゴミ箱】アイコンをクリックしてください。
②「選択解除」の確認画面が表示されますので【はい】をクリックし、選択解除を実行してください。

◆画像を削除する
ツクツク!!!CMS管理画面から画像データの削除を行います。
※削除された画像は復元できません。
※使用箇所はリンク切れ状態となります。
