1.パーツを追加してみよう。

左側のパーツ追加よりパーツの画像をクリックしながら移動「ドラッグ」することができます。。

↓↓この下の緑枠内に追加してみてください。↓↓

↑↑この上の緑枠内に追加してみてください。↑↑

2.パーツを変えてみよう。

「パーツ差替」ボタン（このブロックの右上にある）でこのブロック（パーツ）を差替えることができます。
パーツ・ツール・画像をソートすることができます。

3.パーツをコピーしてみよう。

「コピー」ボタン（このブロックの右上にある）でこのブロックをコピーすることができます。
同じデザインを複数設置する場合に便利です。

4.テキストを変えてみよう。

下記のテキストを編集してみましょう。

↓↓テキストはここから↓↓

テキストを編集してみましょう。「Enter」キーで改行することもできます。テキストのスタイルが複数存在する（上のようなパーツ）場合は、「ソース」ボタンより編集することがおすすめです。

↑↑テキストはここまで↑↑

5-1.画像（静的パーツタイプ）を変えてみよう。

下記の画像（静的）を「ダブルクリック」し、パソコン（ローカル）から画像をアップロードしましょう。
アップロードされた画像をクリックして「保存」ボタンで差替えることができます。
※画像URLで設定する場合は、「外部画像」をクリックしてください。
※楽天GOLD等FTP容量が少ないサーバーの場合は、できるだけ「外部画像」をご利用ください。

注：画像を保存後に「ハイパーリンク」が裏で開いていますので、リンク設定の必要があれば設定します。
詳しくは、この後の 6.リンクを付けてみようで解説しています。

5-2.画像（データタイプ）を変えてみよう

下記データタイプの画像編集を行う時は、マウスをパーツ上に合わせて「データ新規」
ボタンをクリックし、新しく画像データを作成します。
「データ選択」が「○○○○サンプル」と表示されているこの状態で、データ編集をクリックして編集すると
サンプルを編集することになってしまいます。それでも間違いではありませんが、パーツによっては、わざわざ
サンプル内容の中身を削除しながら編集を行うことになりますし、参考となるサンプルが無くなってしまいます。
よって、他のデータパーツもデータ新規で新しいデータを作成するように心がけてください。

各モールの画像保存先のリンクURLを入力してください（例：楽天はR-キャビネットもしくは、楽天GOLD内）
レイアウト構成上、画像枚数（偶数か奇数）には注意が必要です。
詳しくは、サイドバーの「マニュアル」の2.ページ編集内、各パーツの操作方法をご確認ください。

6.リンクを付けてみよう。

下記（右）のように、リンクを追加したい文字（左）を選択しましょう。
左側にある（リンクはこちら）をマウスで選択してから（背景は青になります）、リンクを付けましょう。

文字にリンクを付ける

マウスで文字の範囲を決めましょう！
（カーソルを合わせてからクリックしながら、
文字背景は青くなります。）

リンクはこちら

画像にリンクを付ける

画像（右）をワンクリックしてください。→
画像が青くなります。

ターゲット設定

リンク設定時に、「ターゲット」も設定しましょう。
「新しいウィンドウ」
または、
「最上部ウインドウ」
がおすすめです。

ウィンドウ解説

新しいウィンドウ・・・新しいウィンドウまたはタブでリンク先 URL を開きます。
最上部ウィンドウ・・・現在のウィンドウまたはタブでリンク先 URL を開きます。
＊「同じウィンドウ」「親ウィンドウ」は一部のデザインテンプレートしか使えません。
＊＜フレーム＞＜ポップアップウィンドウ＞は現在、使えなくなっています。

ページ編集の基本ルールを学ぼう

7.共通スタイル部分は削除しない

とても重要なパーツです。（例外もありますが、各テンプレートの最上部に設置されています）
デザインの全体枠を表しています。デザインの背景色を変えたり、背景画像を入れたりするパーツです。
HTML/CSSに詳しい方は「ソース」を編集していただいても差し支えありませんが、
ご不明な方はご自身で編集せず、ご希望がある場合は弊社にお問い合わせください。

「ソース」ボタンしかなく、ドラッグボタンも削除ボタンもありませんので、移動も削除することができなくなって
いますが、ソース内でソースを削除されてしまうと消えてしまうためご注意ください。
コメントボタン内では「このパーツは絶対削除しないでください！」と記載しています。