MR-SKY’s diary

仕事と育児と日常と

はてなブログ 昨日出来なかった『ここをクリック』の方法

皆さんはサイトをリンクするときは、はてなボタンを使っていますよね?


その場合は、以前のブログでも書いていますが、はてな記法の場合は
①埋め込み②タイトル③URL
になります

www.w-natsu.com

しかし、どうしてもここをクリックみたいのがしてみたかった!

『ここをクリック』
をクリックしたら、そのサイトにジャンプしたら素敵やん。

そして、『ここをクリック』みたいな文章は、任意で設定することが出来るのです!

私が先日失敗したのは、

<a href= ''リンク先のURL'' >付けたいタイトル等</a>

のように、アンカーリンクを使用する方法でした。
その時、上手に『付けたいタイトル等』が表示されたので、ジャンプするものだと思ってました。
しかし、いざクリックしてもそのページトップに戻るばかり(泣)

しかし、ネットの情報の海に溺れて彷徨っているときに、次の記事を発見しました!
hatenadiary.g.hatena.ne.jp

そして、私はついに
第4の力 ここをクリック
を開眼しました!

f:id:MR-SKY:20200221225311j:plain

と言っても、リンク先のURLの最後に
『:title』
を付けるだけなんですが。
そして『:title=付けたいタイトル』として、URLの最初と最後を
[~~]のカッコで囲むだけです。
例えばこんな感じです。

[https://www.w-natsu.com/entry/20200220link:title=ここを押すと昨日の記事にジャンプします]

ここを押すと昨日の記事にジャンプします

埋め込む場合はこうなります
www.w-natsu.com

時と場合を使い分けることが出来れば、少しは見やすくなると思います。

この一連の作業はスマホのみで完結してますが、パソコンあればもっと楽に出来ると思います。
スマホで入力してますので、URL等の入力ミスが無いように1度ExcelとかGoogleスプレッドシートに保存してから作業してます。
大変だけど、その手間も今のところは楽しめています。
少しでも皆さまのブログの参考になれれば幸いです。

皆さまにこの気持ちを伝えたい!って事で、私の好きな歌も貼っておきます
https://youtu.be/RRAaCI6q4zE