目的別詳細マニュアル

INDEX

製品紹介ページの作成方法

１．「新規ページの作成方法」の手順で新規ページ作成をします。
「製品紹介」ページ用に作成したリソースのテンプレートは「0002:下部ページ標準」を選択します。

「製品紹介」ページが既にある場合は、下記へとお進みください。

２．上記で投稿したリソースの上にカーソルを置き右クリックで【サブリソースを追加】を選択してください。

サブリソースのテンプレートは［0501：【フォルダ】商品一覧］に設定してください。

必須項目

リソース名
エイリアス

上記2項目を設定し、必要であれば他の項目の設定もします。

［メイン］の設定ができましたら、一度右上の【更新】ボタンを左クリックで更新して終了してください。

※この時点では、［ページ設定］の公開ステータスにはチェックが入っていないのでサイト上に公開はまだされていない状態です。

上記で更新したサブリソース名の上にマウスのカーソルを置き右クリックで更にサブリソースを追加します。

ここで追加したリソースではまず先に使用テンプレートを[0502：【データ】商品データ]に設定します。
すると下記の画面へ変わるので、必須項目の

品番
エイリアス
画像URL（画像の設定方法は「ページ内画像の変更・追加方法」へ）

上記3項目を設定してください。

価格
素材
カラー
オンラインショップURL

上記4項目は任意項目となるので必要があれば設定してください。

画像URL設定の詳細

製品の正方形写真を用意します。
画像サイズの推奨サイズは1200×1200ピクセルですが、極端に小さいサイズでなければどのようなサイズでも問題はありません。

※ファイルのアップロード時に一部使用出来ない文字は自動的に変換される仕様になっておりますのでご注意ください。
（「半角スペース」→「_(アンダーバー)」、連続する「.(ドット)」→ドット1つに変換されます）

画像の用意ができたら、画像URLの【挿入】を左クリックします。

以下のようなウィンドウが出現します。

［product］フォルダを左クリックしてください。
※ここでダブルクリックをしてしまうと、内容が二重に表示されることがあるので注意が必要ですが、ダブルクリックで開いてしまった場合、二重に表示されたフォルダやファイルは同一なので、どちらを選択しても問題はありません。

［product］を開いたら、ウィンドウ下部の【ファイルを選択】を左クリックします。
すると画像の選択画面が開くので、用意しておいた製品画像を選択し【開く】ボタンを左クリックし、画像のアップロードが完了します。
※【ファイルを選択】ボタンの右側に【Upload】というボタンがありますが、このボタンを押す必要はありません。
【product】にアップロードした画像を左クリックすると、画像URL欄へ画像のURLが挿入されます。

オンラインショップで同製品を販売中の場合は「オンラインショップURL」にBASEの該当製品ページURLを入力しておくとオンラインショップへのボタンが出現します。

以上、全ての入力が終わりましたら右上の【更新】ボタンを左クリックで更新します。
更新が終了しましたら２．で作成したサブリソースへ戻ります。
［ページ設定］へ移動し、そのまま公開できる場合は公開ステータスにチェックを入れて、公開日時を設定したい場合は設定をしてから右上の【更新】ボタンを左クリックして終了となります。

お知らせの追加方法

１.新規ページを作成します。

「新規ページの作成方法」の手順で新規ページ作成をします。
「お知らせ」ページ用に作成したリソースのテンプレートは「0002:下部ページ標準」を選択します。

「お知らせ」ページが既にある場合は、下記へとお進みください。

２.お知らせの内容を年毎にコンテナで分けます。

お知らせページと、年のコンテナが既にある場合は下記内容を実施する必要はありません。３．へと進んでください。
１.で投稿したリソースの上にカーソルを置き右クリックで【サブリソースを追加】を選択してください。

サブリソースのテンプレートは［0301:【フォルダ】お知らせ一覧］に設定してください。

必須項目

リソース名
エイリアス

上記2項目を設定します。
リソース名は現在の西暦を例：「2018年」、エイリアスは例：「2018」と入力してください。

［メイン］の設定ができましたら、［ページ設定］へ移動し公開ステータスへチェックを入れてから右上の【更新】ボタンを左クリックで更新してください。

３．上記で作成したサブリソース名の上にマウスのカーソルを置き右クリックで更にサブリソースを追加します。

ここで追加したサブリソースではまず先に使用テンプレートを[0302:【データ】お知らせデータ]に設定します。
すると下記の画面へ変わるので、

必須項目

リソース名・・お知らせのタイトル
記事日付・・・お知らせ日
本文・・・・・お知らせ内容

上記3項目を入力し終わったら、ページ設定へ移動し公開日時などの設定をします。
公開ステータスにチェックを入れて【更新】ボタンをクリックするとそのままウェブページへ反映されます。
公開する日時を設定したい場合は、公開開始日時を設定をしてください。
また、公開終了日時まで設定すると設定した日時に公開終了します。

以上の設定を完了後、右上の【更新】ボタンを押して終了です。

リンクの挿入/編集方法

［ポップアップ］タブの設定方法

簡易マニュアルでもご紹介したようにリンクの挿入や編集が来出ます。
ポップアップウィンドウとはブラウザを使用したWebページ閲覧などの状況において、ページの移動またはリンク部分をクリックした際に別途出現する別ウインドウの事を指します。
こちらでは、リンク先の設定や出現させるウィンドウのサイズなどを設定できます。

ポップアップウィンドウを作成するにはまずJavascriptポップアップへチェックを入れてください。
チェックを入れると他の項目への入力が可能になるので、

URL
ウィンドウの名前
大きさ（ウィンドの大きさ）
位置（ウィンドウの出現位置）X / Y共に c と記入すると中央にウィンドウが出現します。

上記を設定し、左下の【挿入】を左クリックで完了です。
また、途中で作業を中断する場合は【取り消し】をクリックしてください。
※設定の保存機能ではありません。取り消しを押すと設定していたものは全て取り消されます。

また、オプションの設定もできます。
オプションはチェック項目のみとなりますので、付けたいオプションにチェックを入れてください。

下記はポップアップウィンドウのサンプルです。

ポップアップウィンドウサンプル

設定内容

大きさ：500×500ピクセル
位置：c / c（出現位置中央）
オプション：アドレスバーを表示

［イベント］［専門的］タブの設定方法

イベントタブは、Javascript関連設定が出来る方のみご利用ください。
専門的は、HTMLとCSS関連設定が出来る方のみご利用ください。

カード形式の設定方法

１．「新規ページの作成方法」の手順で新規ページ作成をします。
カード形式用に作成したリソースのリソース名を設定し、テンプレートは「0201:【フォルダ】トップページコンテンツグループ」を選択します。

既に存在するカード形式の設定を変更したい場合は、下記へとお進みください。

２．表示タイプとリンクの開き方を設定します。

上記で設定したテンプレート「0201:【フォルダ】トップページコンテンツグループ」では［表示タイプ］と［リンクの開き方］の設定が可能です。
リンクの開き方は、カードをクリックした際に開くページが、新しいウィンドウで開くか同じウィンドウで開くかを選択できます。
［表示タイプ］はそれぞれ下記のように表示されます。

「カード形式（3列）」を選択した場合

「カード形式（2列）」を選択した場合

「リスト形式」を選択した場合

「ボックス（1記事ずつ罫線付き）」を選択した場合

「ボックス（全体を罫線で囲む）」を選択した場合

「そのまま出力」を選択した場合

以上、６種類選択が出来ますのでお好みのものをお選びください。

リソースの設定が終わったら、リソースの中にサブリソースを追加していきます。
上記で作成したリソース名の上にカーソルを配置し右クリックで「サブリソースの追加」を左クリックします。

サブリソースが追加されましたら、リソース名を設定し、使用テンプレート［0202：【データ】トップページコンテンツパーツ］を選択します。
テンプレート［0202：【データ】トップページコンテンツパーツ］では、画像URL、画像の表示方法の選択、リンク先URLの設定、本文の入力をすることが出来ます。

［画像の表示方法］で「画像を表示しない」を選択される場合は［画像のURL］の設定は必要ありません。
それ以外を選択される場合は、配置する画像をご用意していただき【挿入】を左クリックしてください。

【挿入】を左クリックすると下記のようなウィンドウが開きます。

フォルダ分けをしたい場合は、【Create New Folder】から新しいフォルダを作成し、作成したフォルダを左クリックで開いてから【ファイルを選択】を左クリックします。
フォルダ分けをしない場合は、そのまま【ファイルを選択】を左クリックで開き、予めご用意されていた画像を選択し【開く】を左クリックでアップロードが出来ます。
※Macをご使用されている場合は【開く】ではなく【選択】になります。

［画像の表示方法］はそれぞれ下記のように表示されます。

「画像を上部に表示」を選択した場合