ルーパパ育児日記(るなガーデン) - 父親の目から見た娘の成長を日記やコラムに書いています

画像を使ったページの作成

ページ作成のコツ目次へトップページへ

画像を使ったページの作成

　画像を使ったページを作成する方法がよく分からない方が結構いるようです。これは一通りの手順として書かれている説明がないからではないかと思っています。
　そこでここでは、新しい画像を「画像の倉庫」に登録して、その画像を使用してページを作る方法を説明することにします。

作業手順
全体の作業手順は次のようになります。もちろん必ずこの順番であるとは限りません。

ページに使用する画像を用意する
「画像の倉庫」に登録する
ページを作成する
ページに画像を張る

それでは、各手順の詳細を説明していきます。

１．ページに使用する画像を用意する
　当然ながら、使用したい画像ファイルは自分自身で用意する必要があります。お好きなファイルを自分のＰＣに保存しておいてください。

!!!注意事項!!!
　インターネット上のどこかのページなどで見つけた良さそうな画像を使用する場合は、著作権に気をつけましょう。そのページのどこかに著作権について書かれているかもしれません。もし判らなければ、必ずそのページの管理者宛にメールなどをして確認しましょう。
保存するファイル名は漢字などの日本語を使わない方が無難です。ローマ字表記でもかまわないのでアルファベットを使った方がいいと思います。ここではファイルを"D:testimageluna.jpg"として保存してあることとして説明をしていきます。
　ファイルの準備ができたら次の手順に進みます。

２．「画像の倉庫」に登録する 　楽天広場のページに画像を使用する場合は「画像の倉庫」に使用する画像を登録する必要があります。登録は以下のように行います。

myRakutenのページを開き、操作メニューの「画像の倉庫」をクリックします。
すると、「画像の倉庫」ページが開くので、下の方にある「画像を登録する」の中の
1. 「登録する画像を選択」欄に
  登録したいファイルの名前を入れます。
  ※例:"D:testimageluna.jpg"
2. 「写真のタイトル」欄に ファイルの説明を書きます。
  ※例："娘の写真（七五三の準備）"
　欄を埋めたら、その下にある「◎選択された画像を登録」ボタンを押します。
　しばらくすると、アップロードが終了しましたという画面が表示されます。

登録を確認するため、この画面の「画像一覧へ戻る」を押して登録に使用した画面に戻ると、登録時に指定したファイルが一覧に表示されているはずです。登録されていれば、画像の登録作業は終了です。

３．ページを作成する
　それでは次に画像を使用したページを作成します。ここでの作業は画像はまだ張らずにそれ以外の情報だけを書き、画像の貼り付けは後述します。
また、例としてアルバムのページを作成する事とし、ページは「自動改行」で作成してみます。 (画像ファイルは１つとします）

myRakuten内左側の操作メニューの「ページ作成・編集」をクリックします。
するとページ作成・編集ページが開くので、ページを作成したい位置にある「ここにページを追加」をクリックします。
するとページ作成用の画面が開くので、「デザインを選ぶ」の横から「アルバム」をクリックします。
「（１）ページのタイトル」の入力欄にタイトル文字を入力します。
「（２）自由記述欄」に以下の例のように入力します。
※説明文が最初に書かれていますが、それらの文字は削除してしまいます。

例：
ここまで入力したら、一番下にある「◎この内容で登録する」ボタンをクリックします。
しばらくすると、ページの作成が終了しました。という画面が表示されます。

登録を確認するため、この画面のい「さらに編集するには、こちらをクリックしてください。」を押して、「ページ作成・編集画面」を表示して、一覧の先ほど指定した場所に作成時のページタイトルが表示されていることを確認します。

４．ページに画像を張る
　それではいよいよ画像をページに張ります。

まず最初に画像のタグ情報をコピーするために、 myRakuten内左側の操作メニューの「画像の倉庫」をクリックします。
表示された「登録した画像の一覧」からページに貼り付ける画像をクリックします。
表示された画面の「登録した画像の確認」の欄の下の方にある「この画像を表示する：」に書かれているまでを選択し、コピー（「Ctrl」と書かれたキーと「Ｃ」のキーを同時に押す）をします。
次にコピーしたタグをページに張るために、左側に表示されている操作メニューの「ページ作成・編集」をクリックします。
先ほど作成したページの右の方にある「編集」ボタンをクリックします。
表示された画面の「本文」の入力欄で画像を貼り付けたい位置にカーソルを移動します。
移動したら、貼り付け（「Ctrl」と書かれたキー「Ｖ」のキーを同時に押す）をします。
貼り付けると以下のようになるはずです。
貼り付けたあと、「◎このHTMLを登録」ボタンを押します。
しばらくすると「更新が完了しました」と表示されるので、そのページの下の方に表示されている「プレビュー」を確認すれば終了です。