既存ページに情報を追加する

メールマガジン登録ページに移動します。

 

「パーツ追加」から新しくページ追加を行います。
クリック後、以下の画面が出てきます。

 

今回は、メールマガジン登録のページに、情報を追加し、

PCでもスマホでも見られるようにするので、上の画像画面のようにします。

まだ作っている途中なので、非公開のまま進めます。


レイアウトの選択画面です。




この画面のレイアウトについて各項目を説明します。

それぞれの意味は、以下の通りです。
H2 大見出し
H3 中見出し
H4 小見出し
内容に応じて、使い分けてください。

ここで、文字の色を単色に終わらせず、また、文字サイズを変更したり、
リンク設定、画像挿入まで、様々な活用をすることができます。

下記の画像にて、利用方法を確認できます。





本文へ画像の挿入方法
画像アップ機能を使う場合、画像サイズに気をつけてください。
気にせずアップしてみたら、驚くほど大きくなっている場合があります。
本当は、画像をアップする前に、画像サイズを調整しておく必要があります。
基本サイズは、大きくても「680ピクセル」を越えないようにしてください。

丸が付いている場所をクリックします。



クリックすると、下記のようなページが表示されます。↓



クリックすると、下記のようなページが表示されます。↓



クリックすると、下記のようなページが表示されます。
お使いのサイトに入っている画像を選択できます。

新しく画像をサイトに入れたい場合は、
ページ上部にある、アップロードボタンをクリックします。
クリック後は、お使いのPCのフォルダが開きます。
アップロードしたい画像を選択し、アップロード完了です。

そこから画像をアップロードしていただきますが、
事前に、画像には半角英数字(アンダーバーはOK)で名前を付けて保存してください
その名前を付けた画像をアップロードして
画像を選択し、本文に挿入してください。



アップロードボタンをクリックすると、
幅・高さにサイズ数は入力しないようにしてください
勝手にPC・スマホサイズになります。

最後に「OK」をクリックして、画像が挿入完了です。


続いて、リンクの貼り方です。


丸印をクリックすると、



この画面に変わります。
URLを青い枠に貼り、「ターゲット」をクリックします。



ターゲットから、新しいウィンドウを選択します。
選択すると、リンク先をクリックしたとき、新しいページとして開きます。

※「ターゲット」を選択しないでおくと、同じページ内の移動になるので、元のページに戻りにくくなります。


文字にリンクを貼ることが出来ます。
リンクを貼りたい箇所にカーソルを合わせてから、リンクボタンをクリックしてください
「ターゲット」を選択し、OKをクリックで完了です。



リンクを貼ると、下記の画像のように、リンクをつけた部分に、
青い文字と下線が入ります。
このようになれば、リンクが付いたことになります。




最後に、この画面の画像について各項目を説明します。



①画像上コメント・・・画像の上に文字が入ります。見出し・本文と同様の機能です。
➁ファイル  　　 ・・・画像を挿入します。丸印をクリックし、画像を選択します。






③画像タイトル・・・画面上には表示されません。全角文字で大丈夫です。
➃コメント　　・・・画像下に表示されます。見出し・本文と同様の機能です。




⑤リンク先　　　・・・URLを貼り、同じウィンドウで開くか、画像ポップアップで表示するのか選択できます。
⑥マウスオン時入れ替え画像・・・マウスを画像にもっていくと画像が入れ替わります。


この下にあるデザインについて今回は省きます。

更新ボタンをクリックして保存されます。