【初心者向け】ブログにパソコンに保存された画像を貼り付ける方法(その4) | アメブロデザイン制作サービス@シンクマックス

アメブロデザイン制作サービス@シンクマックス

オリジナルデザインで印象に残るビジネスブログを作りましょう!

アメブロに画像を貼り付けてみるシリーズ、4回目です。今回は、「画像にリンクをはる方法」です。
リンクをはること自体は簡単ですが、サイドメニューのフリースペースに画像を貼って、さらにリンクをはるなどの方法を説明する布石にもなる部分です。

1.画像をアメブロの編集画面に貼り付けます
2.貼り付けた画像を選択します
3.リンク先の URL(アドレス)を指定します

つまり、やることは【初心者向け】テキストにリンクをはる方法3ステップ で解説したことを、画像でやるだけです。基本は一緒。一度やってみてしまえば、簡単です。

アメブロスキン制作サービス@エレファント-画像リンク説明1    アメブロスキン制作サービス@エレファント-画像リンク説明2

通常だと、アメブロの画像フォルダへリンクされますが、上の画像ふたつは、それぞれ Yahoo! と Google にリンクしています。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

1.画像をアメブロの編集画面に貼り付けます

これは以前解説したので、詳しくはそちらを見てください。

【初心者向け】ブログにパソコンに保存された画像を貼り付ける方法(その1)
http://ameblo.jp/amebaskin/entry-10565548051.html

リンクをはりたい画像を貼り付けます。普段、普通に画像を貼る時との違いはありません。


2.貼り付けた画像を選択します

アメブロの編集画面で、画像をクリックして選択します。真ん中あたりをクリックすると、周りに枠が出てきます。この枠が出てくれば、現在、「その画像が選択されている」ということになります。

アメブロスキン制作サービス@エレファント-画像リンク説明4


3.リンク先の URL(アドレス)を指定します

画像を選択した状態(枠が付いている状態)のまま、「リンク」ボタンをクリックします。
そうすると、リンク先を指定するためのウィンドウが出てきます。これはテキストにリンクをはる時と同じ手順なので、不安がある場合は以下のエントリを参考にしてください。

【初心者向け】テキストにリンクをはる方法3ステップ

アメブロスキン制作サービス@エレファント-画像リンク説明5



これで、画像にリンクがはれました。実際に、上の手順と URL で画像にリンクをはった状態が、下の画像です。

アメブロスキン制作サービス@エレファント-画像リンク説明3

この写真を借りてきた、素材集のサイトにリンクしています。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

これで、画像関連の基本的なところは一段落です。今度は、画像の貼り付け方、リンクのはり方にちょっとくせのあるフリースペース、メッセージボードあたりをフォローしていこうと思います。