soycatのブログ

PR

×

プロフィール

s0ycat

s0ycat

カレンダー

バックナンバー

2026.08
2026.07
2026.06
2026.05
2026.04

コメント新着

コメントに書き込みはありません。

キーワードサーチ

▼キーワード検索

2021.05.26
XML
テーマ: チャレンジ(47)
カテゴリ: ブログのhtml/環境

画像にリンクを貼り付けて、目的のURLやリンク先にジャンプ


というのにトライしてみたいと思います。


以前、ページ内リンクでジタバタした回はこちら▽


ページ内リンクを試していたら半日つぶれました。


 前回のおさらいをば。


 <a href="目的のURLまたは#○○  ">表示されるテキスト </a>
#○○の場合は到着地点のタグにid="○○ "を。 

URLリンクの方法は、 ツールバーにあるリンクのアイコン(地球の形)をクリック、目的地のURLをコピペで完了。


もっとスマートな方法ありや


というか、 、URLをコピペすると自動でリンクできるようになっているそうな。


参照:

はてなブログでのリンクの貼り付け方、文字や画像にリンクを埋め込む方法 - Random Life Blog
https://randamlife.hatenablog.com/entry/20190816/blog-link


さっそく試してみます。

△前回のページへジャンプ


 なんだコレ、めっちゃシンプルにできる。


白状すると文字列をhtml編集で書き直したりしてましたょォゥゥゥ。


はてブロの記事でしたけど楽天ブログにも同様の機能がありました。

手動?で画像にリンク


手動で画像にリンクを貼り付ける場合は、上記の” 表示されるテキスト”のところに

画像のURLを入れればいいと思われ。

<a href="目的のURLまたは#○○  "> <img  src="~"/></a>


 試してみましたょッコラショウイチ。



Random Life Blogさん、ありがとうございました。






▽お買い物は済みましたか?





お気に入りの記事を「いいね!」で応援しよう

最終更新日  2023.06.24 16:23:46
コメント(0) | コメントを書く


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
X
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: