フリーページ作成

ショップ総合ページに掲載されるフリーページの作成・編集が行えます。

◆操作画面

フリーページ作成

CMSメニューからの確認方法

ホーム機能＞総合ページ作成・編集＞フリーページ作成

◆フリーページとは

フリーページエディターではHTMLタグを記述することなく様々な装飾機能によりページをリッチなページに作成することができる機能です。

「フリーページ増枠」のアドオンをご契約いただくと、作成数を増やすことができます。
アドオン未契約の場合：最大3ページ（ファイル）
アドオン契約中の場合：最大30ページ（ファイル）

フリーページを作成するとショップ総合ページのメニューに「MORE」が追加され「MORE」の中にページが格納されます。
※ショップページ編集の「ショップTOPのヘッダー」項目でカスタム表示を設定してる場合、設定した名称が表示されます。

例）https://home.tsuku2.jp/storeDetail.php?scd=ショップ番号

◆掲載イメージ

PCの場合


スマートフォンの場合

◆グローバルナビ構成を設定する

〇グローバル構成とは

グローバルナビでは「フォルダ」と「ファイル」を設定します。

設定例

フォルダ
ページを格納する場所です。
https://home.tsuku2.jp/f/tsuku2_demoshop_m/menu/food
カテゴリのように階層が深くなるほどスラッシュで挟まれているフォルダは多くなります。

ファイル
ページを指します。
https://home.tsuku2.jp/f/tsuku2_demoshop_m/menu/food
一番最後のスラッシュ以降に表示されます。

〇フォルダ・ファイルを作成する

フォルダを作成する

「corporate」、「shop_info」、「menu」と同じ階層（画像赤枠部分）にファイルを作成する場合
①「demoshop」フォルダの上で右クリックし、「新規作成」→「フォルダ」を選択してください。
②一番下に「New」のフォルダが追加されます。

ファイルを作成する

「menu」フォルダ内にファイルを作成する場合
①「menu」フォルダの上で右クリックし、「新規作成」→「ファイル」を選択してください。
②「menu」フォルダの一番下に「NEW」のフォルダが追加されます。

〇フォルダ・ファイルの名称を変更する

変更したい「フォルダ」または「ファイル」の上で右クリックし、「名称変更」を選択すると、該当のフォルダが編集可能になります。
使用可能文字：半角英数字、ハイフン、アンダーバー
※「test 123」(test<半角スペース>123)のように、スペースは使用できません。

ご注意
フォルダ名・ファイル名は、「URL」と連動しています。
加盟店様の公式サイト内などにURLを直接記載している場合、フォルダ名、またはファイル名を変更した際に、URLに相違が発生し、404エラーページに遷移します。

〇フォルダ・ファイルを移動させる

フォルダ・ファイルの位置を移動させることができます。
※フォルダごと移動させる場合、フォルダ内に保存されているファイルも対象となります。


「menu」フォルダを「shop_info」フォルダ内に移動させる場合
①「menu」ファイルの上で右クリックし、「編集」→「カット」を選択してください。
※ファイルを移動させる場合は、移動させるファイルの上で右クリックしてください。
②移動先の「shop_info」フォルダの上で右クリックし、「編集」→「ペースト」を選択してください。
③「shop_info」フォルダ内に「menu」フォルダが移動します。

〇フォルダ・ファイルをコピーする

フォルダ・ファイルをコピーすることができます。
※フォルダごとコピーする場合、フォルダ内に保存されているファイルも対象となります。

「menu」フォルダを「shop_info」フォルダ内にコピーする場合
①コピーする「menu」フォルダの上で右クリックし、「編集」→「コピー」を選択してください。
※ファイルをコピーする場合は、コピーするファイルの上で右クリックしてください。
②「shop_info」フォルダの上で右クリックし「編集」→「ペースト」を選択してください。
③「shop_info」フォルダ内に「menu」フォルダが追加されます。

〇フォルダ・ファイルを並び替える

ファイル・フォルダをドラッグ&ドロップで並び替えることができます。

「グローバルナビ構成」項目のファイル、またはフォルダをクリックしたままカーソルを移動させてください。
※ファイルはドラッグ&ドロップで、他の「フォルダ」に移動させることもできます。
移動が可能な場所へは緑色のチェックマーク、不可の場所には赤いバツマークが表示されます。

〇フォルダ・ファイルを削除する

フォルダを削除することができます。
※削除したデータは復元できませんので、ご注意ください。

削除したいフォルダ・ファイルを右クリックし、「削除」を選択してください。
削除が実行されます。

◆フォルダのグローバルナビでの名称を設定する

「グローバルナビでの名称」とは、ショップ総合ページに表示される名称です。

「グローバルナビ構成」項目にてフォルダを選択すると、「グローバルナビでの名称」の設定項目が表示されます。

◆ファイルの詳細を設定する

「グローバルナビ構成」項目にて、ファイルを選択すると、ファイルの編集画面が表示されます。

◆ページを作成する

HTMLエディターを使用し、コンテンツを作成することができます。

「フリーページエディター」項目の【＋パーツを追加する】ボタンをクリックすると、パーツ一覧が表示されますので、追加するパーツをクリックしてください。

〇パーツについて

２カラム

「右側にテキスト、左側に写真」のように１つの行で２つの要素を配置できるレイアウトです。

操作方法
「２カラム」のレイアウトが追加されますので「パーツを追加する」をクリックし、パーツを選択してください。
※「２カラム」は選択できません。
各パーツの操作方法は、下記の「タイトル」項目以降をご確認ください。

タイトル

タイトルを追加します。文字に装飾することができます。
【文字サイズ、色、太字、斜体、下線、取り消し線、リンクの追加】

操作方法
①「タイトルを入力してください」と表示されている箇所をクリックすると、入力可能エリアが表示されます。
②文字の装飾を設定し、文字を入力してください。
※文字を入力後、文字の装飾を指定することもできます。

編集する場合は、追加したパーツ部分をクリックすると、入力可能な状態となります。

テキスト

テキスト（本文）を追加します。文字に装飾することができます。
【文字サイズ、色、太字、斜体、下線、取り消し線、リンクの追加】

操作方法
①「テキストを入力してください」と表示されている箇所をクリックすると、入力可能エリアが表示されます。
②文字の装飾を設定し、文字を入力してください。
※文字を入力後、文字の装飾を指定することもできます。

編集する場合は、追加したパーツ部分をクリックすると、入力可能な状態となります。

画像

画像を追加します。画像には、タイトル・リンクを追加することができます。

操作方法
①【編集】ボタンをクリックしてください。画像選択画面が表示されます。
【画像アップロード】ボタンをクリックし、ツクツク!!!CMS管理画面に画像の登録を行ってください。

②アップロードした画像が、画像選択画面の下部に追加されます。
画像をクリックし、画面上部に追加された後【保存】ボタンをクリックしてください。

③画像追加画面にて【保存】ボタンをクリックしてください。保存が実行されます。
※画像掲載後は公開先のページにて画像が正しく表示されない場合がございます。
詳細は、◆画像掲載の注意点をご確認ください。

画像の選択を解除する
選択中の画像下の【ゴミ箱】アイコンをクリックし、【保存】ボタンをクリックしてください。

画像を削除する
※ツクツク!!!CMS管理画面から画像データを削除することを指します。
※削除した画像は復元ができませんのでご注意くださいませ。
削除する画像の「×」をクリックすると削除確認画面が表示されますので、【削除】ボタンをクリックしてください。 削除が実行されます。

画像の表示サイズを変更する
画像を選択し、ドラッグ&ドロップでサイズを変更してください。
画像選択がされている場合、画像の周りに「●」が表示されています。

動画

YouTube動画を追加することができます。

操作方法
動画追加画面が表示されますので、タイトルと「https://youtu.be/」以降のURLを入力し、【追加】ボタンをクリックしてください。

YouTube動画URLの確認方法について

①YouTube動画ページ内の「共有」ボタンをクリックしてください。

②URLが表示されるので、https://youtu.be/の後のURLをコピーしてください。

URLが下記のような場合、赤字部分をコピーして入力してください。
https://www.youtube.com/live/XXXXXXXXXXX?feature=share
ブラウザのURL部分に表示される一番最後の文字列も同じ文字列です。併せてご確認ください。
https://www.youtube.com/watch?v=XXXXXXXXXXX

動画の表示サイズを変更する
動画をクリックし、ドラッグ&ドロップでサイズを変更してください。
動画選択がされている場合、動画の周りに「●」が表示されています。

リンク
リンクを追加することができます。

操作方法
リンク追加画面が表示されますので、リンク文字列・URLを入力してください。
リンク文字列を設定した場合、設定した文字にリンクが追加されます。
未設定の場合は、入力したURLがそのまま表示されます。

「新しいウィンドウで開く」にチェックを入れた場合、リンクをクリックした際に別ウィンドウで画面を開くことができます。
設定しない場合、リンクをクリックした際に閲覧中のウィンドウで画面が開きます。
イメージ　※ツクツク!!!ホームに遷移します。
新しいウィンドウで開く動き
閲覧中のウィンドウで開く動き

編集する場合は、追加したリンク部分をクリックすると、リンク追加画面が表示されます。

◆エディター内のアイコンについて

登録・編集が完了しましたら、フリーページエディター上の【保存】ボタンをクリックし、保存を実行してください。
【プレビュー】ボタンをクリックすると、ページのプレビューを確認することができます。

◆TIPS

（１）「グローバルナビ構成」項目ではフォルダ、またはファイルが非表示となっている場合がございます。

白い三角
ファイルが展開されていない状態
黒い三角
ファイルが展開されている状態

三角をクリックすることで、展開・縮小を行えます。

（２）「フリーページ作成」のアドオンを解約された場合、作成日時が古いページが3ページ残ります。
ページの復元が必要な場合、【削除済みファイルの復元】ボタンから復元させるページを選択してください。