Ads By Google
アップロード画像とURLをリンクさせたい。
画像をクリックして目的のサイトに誘導できる
ようにしたい。
HPに画像はアップできるのですが、URLとリンク
していません。
どうしたら良いか教えて下さい。
2007-03-08 09:24の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
回答(3)
1.
2007-03-08 12:36:47
テキストにリンクを貼るときは
<a href="リンク先のURL">テキスト</a>
ですよね。
ここのテキスト部分に画像のURLを指定してやればいいわけです。
<a href="リンク先のURL"><img src="画像のあるURL"></a>
これでどうでしょう。
<a href="リンク先のURL">テキスト</a>
ですよね。
ここのテキスト部分に画像のURLを指定してやればいいわけです。
<a href="リンク先のURL"><img src="画像のあるURL"></a>
これでどうでしょう。
回答レベル : 回答
2.
2007-03-08 13:39:32
初心者のようですから、かみ砕いて説明しておきましょう。
回答1で分かった場合は、そちらで解決済みにして下さい。
まず、基本の知識として、画像のHTMLタグと、リンクのHTMLタグを知って下さい。
画像を表示するHTMLタグの基本は
これに色々な設定をつけることができます。
livedoor Blogで[IMG]で(使用ブラウザによっては「アップロードした画像から選択」で)画像を記事に入力すると
これには、画像のサイズ、画像を囲む枠をなくす、周りにすこしすき間をつける、スタイルシートを適応する、左寄せにする(続くものを右に回り込ませる)という指定が付いています。
リンクのHTMLタグには、二通りあります。
リンクされた文字や画像をクリックした時に、ブログの表示を消して、その同じウィンドウでリンク先のページを表示するようにする場合は、
ブログの表示はそのままで、新しいウィンドウでリンク先のページを表示するようにする場合は、
という具合に記入します。
例えば、新しくウィンドウを開く形で、ライブドアへのリンクを書く場合は、ホームページのURLが
画像にリンクをつける場合は、
上で挙げた例の「ライブドア」のところを、このページの上にあるlivedoorのロゴに替えてみましょう。
ロゴのURLは
(字数制限があるので、次の回答欄に続けます。)
回答1で分かった場合は、そちらで解決済みにして下さい。
まず、基本の知識として、画像のHTMLタグと、リンクのHTMLタグを知って下さい。
画像を表示するHTMLタグの基本は
<img src="画像ファイルのURL">です。
これに色々な設定をつけることができます。
livedoor Blogで[IMG]で(使用ブラウザによっては「アップロードした画像から選択」で)画像を記事に入力すると
<img src="http://image.blog.livedoor.jp/***/imgs/*/*/***.jpg" width="***" height="***" border="0" alt="***" hspace="5" class="pict" align="left" />といった具合のHTMLタグになります。
これには、画像のサイズ、画像を囲む枠をなくす、周りにすこしすき間をつける、スタイルシートを適応する、左寄せにする(続くものを右に回り込ませる)という指定が付いています。
リンクのHTMLタグには、二通りあります。
リンクされた文字や画像をクリックした時に、ブログの表示を消して、その同じウィンドウでリンク先のページを表示するようにする場合は、
<a href="リンク先のURL">テキストや画像</a>
ブログの表示はそのままで、新しいウィンドウでリンク先のページを表示するようにする場合は、
<a href="リンク先のURL" target="_blank">テキストや画像</a>
という具合に記入します。
例えば、新しくウィンドウを開く形で、ライブドアへのリンクを書く場合は、ホームページのURLが
http://www.livedoor.com/なので
わたしのブログは<a href="http://www.livedoor.com/" target="_blank">ライブドア</a>の中にあります。という具合になります。
画像にリンクをつける場合は、
<a href="リンク先のURL"><img src="画像ファイルのURL"></a>か
<a href="リンク先のURL" target="_blank"><img src="画像ファイルのURL"></a>となります。
上で挙げた例の「ライブドア」のところを、このページの上にあるlivedoorのロゴに替えてみましょう。
ロゴのURLは
http://image.livedoor.com/img/logo_new/livedoor.gifなので
わたしのブログは<a href="http://www.livedoor.com/" target="_blank"><img src="http://image.livedoor.com/img/logo_new/livedoor.gif"></a>の中にあります。という具合になります。
(字数制限があるので、次の回答欄に続けます。)
回答レベル : 回答
4.
2007-03-08 13:54:00
(回答2の続きです。回答3は、書き損じたので、削除しました。)
livedoor Blogでの、具体的なやり方です。
まず、画像をアップロードする必要がありますが、注意が必要です。
「サムネイル作成」のチェックボックスにチェックが入ったままでは、既に、大きな画像へのリンクが付いた状態のタグが作成されますので、うまく行きません。
(HTMLタグに詳しくなれば、不要な部分を削除して使うこともできますが、今回は説明し切れません。)
アップロードした画像を、WYSIWYGエディタの[IMG]ボタンで投稿欄に入力した場合は、
(エディタの違いが分からないかも知れません。入力欄に直接画像が表示されていたら、WYSIWYGエディタです。)
下の「HTMLを確認」にチェックを入れて、HTMLソースを表示する状態にします。
その状態で作業をします。
画像のHTMLタグは、先程説明した通りです。
その画像のタグの前に、<a href="リンク先のURL">か、<a href="リンク先のURL" target="_blank">を、画像のタグの後ろに</a>を記入して下さい。
それが終わったら、下の「HTMLを確認」のチェックを外します。
そういう感じで、画像にリンクを入れる必要がある時に、繰り返して下さい。
「HTMLを確認」にチェックを入れた状態で記入するやり方は、ライブドアでは推奨していません。
こういう作業は、シンプルエディタを使うことになっています。
アップロードした画像を、シンプルエディタの[IMG]ボタン(ブラウザによっては「アップロードした画像から選択」)で投稿欄に入力した場合は、既に、画像のHTMLタグが見えています。
画像のHTMLタグは、先程説明した通りです。
その画像のタグの前に、<a href="リンク先のURL">か、<a href="リンク先のURL" target="_blank">を、画像のタグの後ろに</a>を記入してリンクをつけることもできますが、クサリのアイコンの下にLINKと書いてある[LINK]ボタンがあれば、これを使うこともできます。
画像のタグをドラッグするとこで選択して(文字の背景に色が付いた状態にして)下さい。
その状態で、[LINK]ボタンをクリックすれば、小さなウィンドウが出ますから、リンク先のURLを入れれば、<a href="リンク先のURL">と</a>で挟んだ状態になります。
(<a href="リンク先のURL" target="_blank">にはなりません。自分で「 target="_blank"」を追加する必要があります。)
livedoor Blogでの、具体的なやり方です。
まず、画像をアップロードする必要がありますが、注意が必要です。
「サムネイル作成」のチェックボックスにチェックが入ったままでは、既に、大きな画像へのリンクが付いた状態のタグが作成されますので、うまく行きません。
(HTMLタグに詳しくなれば、不要な部分を削除して使うこともできますが、今回は説明し切れません。)
アップロードした画像を、WYSIWYGエディタの[IMG]ボタンで投稿欄に入力した場合は、
(エディタの違いが分からないかも知れません。入力欄に直接画像が表示されていたら、WYSIWYGエディタです。)
下の「HTMLを確認」にチェックを入れて、HTMLソースを表示する状態にします。
その状態で作業をします。
画像のHTMLタグは、先程説明した通りです。
その画像のタグの前に、<a href="リンク先のURL">か、<a href="リンク先のURL" target="_blank">を、画像のタグの後ろに</a>を記入して下さい。
それが終わったら、下の「HTMLを確認」のチェックを外します。
そういう感じで、画像にリンクを入れる必要がある時に、繰り返して下さい。
「HTMLを確認」にチェックを入れた状態で記入するやり方は、ライブドアでは推奨していません。
こういう作業は、シンプルエディタを使うことになっています。
アップロードした画像を、シンプルエディタの[IMG]ボタン(ブラウザによっては「アップロードした画像から選択」)で投稿欄に入力した場合は、既に、画像のHTMLタグが見えています。
画像のHTMLタグは、先程説明した通りです。
その画像のタグの前に、<a href="リンク先のURL">か、<a href="リンク先のURL" target="_blank">を、画像のタグの後ろに</a>を記入してリンクをつけることもできますが、クサリのアイコンの下にLINKと書いてある[LINK]ボタンがあれば、これを使うこともできます。
画像のタグをドラッグするとこで選択して(文字の背景に色が付いた状態にして)下さい。
その状態で、[LINK]ボタンをクリックすれば、小さなウィンドウが出ますから、リンク先のURLを入れれば、<a href="リンク先のURL">と</a>で挟んだ状態になります。
(<a href="リンク先のURL" target="_blank">にはなりません。自分で「 target="_blank"」を追加する必要があります。)
回答レベル : 回答
Ads By Google
コメント(2)
#1. とこや
2007-03-08 12:44:08
画像のURL(アップされている場所)
これは表示されている画像を右クリックからプロパティをみればわかります。
#2. horsefly
2007-03-08 14:09:27




