画像リンク(ファンブログver.)

 

この記事ではファンブログの記事に画像リンクを作る方法を書いていきます。

 

無料ブログをしている方は少なくないと思います。

自分も初めはA8.netのファンブログから始めました。

 

ブログをやっていると記事に画像を挿入することがあります♪

ファンブログだと画像を挿入するアイコンをクリックし、自分のアップロードした画像の中から選ぶだけで簡単にUPできますね。

他の無料ブログでも同じような感じで、初心者にも簡単にできるようになっていると思います。

WordPressもメディアを追加のボタン1つで簡単に画像をUPできます。

 

画像を挿入したりしていると、次に他のブログやサイトにリンクしたい時があります☆

そんな時に、ただURLを貼り付けるのではなく、画像にリンクを埋め込んで画像をクリックすると別のページに飛ぶようにしたい!!!

 

テキストリンクを使うことももちろんありますが、

今回は画像リンク作ります。

HTMLタグの知識がなくても大丈夫です。(自分はほとんどありません。。。)

この記事ではファンブログの画面で説明します。

 

WordPressの画面での説明はこちらで☆

画像リンク(ワードプレスver.)

 


スポンサーリンク

 

 

当サイトのリンクを作ります。

ファンブログにログイン。まずはリンクを埋め込む画像を選びます。

画像管理をクリック。

画像を選択。アップロードしていない場合はその場でアップロード後に選択。

③右に画像が表示されるので、画像のURLをコピーします。

今回は当サイトトップのスクショで☆

 

 

今コピーした画像のURLと、サイトのURL、サイト名を下の画像のようにメモなどに貼り付けておくとこの後の作業が楽になります☆

 

 

<a href=”リンク先URL“><img src=”画像のURL“></a><br>
<a href=”リンク先URL“>アンカーテキスト</a>

このまま本文にコピペしてください☆

 

リンク先URL画像のURLの部分には先ほど用意したメモなどからそれぞれのURLを貼り付け。

アンカーテキスト(表示したい文章)の部分にはサイト名を入れるといいと思います。

 

入力したものが下の画像です。

ファンブログだと本文を入力するすぐ下にプレビューが表示できるので、うまくできているかすぐに確認できますね♪

 

画像をクリックしても、テキストをクリックしてもリンク先に飛びます。

 

 

画像リンクのみがいい場合

<a href=”リンク先URL“><img src=”画像のURL“></a><br>

こちらにリンク先URLと画像のURLを入れるだけです。

 

テキストリンクのみがいい場合

<a href=”リンク先URL“>アンカーテキスト</a>

こちらにリンク先URLとアンカーデキスト(表示したい文章)を入れるだけです

 

 

これだけです☆

やってみると本当に簡単にできると思います。

今回は自分がファンブログをやっていて、画像リンクの作り方が分からず困ったことがあったのでファンブログ画面で説明しました。

ファンブログをしている方で同じように困った方がいれば、同じ画面でわかりやすいと思います。

参考にしてみてくださいm(_ _)m

 


スポンサーリンク

 

 

他のブログでもほとんど同じ方法で画像リンクを作れると思います。

 

WordPressの場合はこちらで☆

画像リンク(ワードプレスver.)

 



 

人気ブログランキングに参加しています!!!

人気ブログランキングへ

 

ブログランキング・にほんブログ村へ
にほんブログ村

 

2 Trackbacks / Pingbacks

  1. 画像リンク(ワードプレスver.) | パソコン1台で稼げるの!?
  2. 画像リンクをサイドバーに設置 | パソコン1台で稼げるの!?

Leave a Reply

Your email address will not be published.


*