【詳しく解説】はてなブログでリンクを挿入する方法
![【詳しく解説】はてなブログでリンクを挿入する方法](/content/images/size/w960/wordpress/2020/09/850c7612116999490846136e772ab7fd-15.png)
はてなブログでは、リンクの挿入時に、リンクを設定したい対象のコンテンツに応じて、自動で適切な貼り付けが出来る様に設定されています。
今回は、記事編集画面でリンクを挿入する方法について解説しました。
画像多めで詳しく解説しています。
はてなブログでのリンクの挿入について
記事編集画面でリンクボタンを押すと、下画像のようなウィンドウが全面に開きます。
![はてなブログのリンク挿入ウィンドウ1](https://masapoco.com/content/images/wordpress/2020/09/Image-11-2-e1601004089298.jpg)
この画面で、URL欄にリンクを挿入したい対象のURLを記入し、プレビューボタンをクリックして下さい。
![はてなブログのリンク挿入ウィンドウ2](https://masapoco.com/content/images/wordpress/2020/09/Image-14-1.jpg)
そうすると、下画像のように、挿入する際の形式一覧が表示されます。
![はてなブログのリンク挿入ウィンドウ3](https://masapoco.com/content/images/wordpress/2020/09/Image-8-1.jpg)
例えば、「埋め込み」を選択した場合は、URLで指定したコンテンツの一部が表示される形で文章にリンクが挿入されます。
![はてなブログでリンクの埋め込みがされた状態](https://masapoco.com/content/images/wordpress/2020/09/Image-15-1-e1600911108329.jpg)
ちなみに、YouTubeの動画URLを埋め込んだ場合は、下の画像のように再生ボタン付きで埋め込まれ、ブログから移動することなく動画を再生することが出来ます。
![はてなブログでリンク埋め込みにYoutube動画が指定された状態](https://masapoco.com/content/images/wordpress/2020/09/Image-5-6.jpg)
「タイトル」を選択した場合は、指定したリンク先コンテンツのタイトルが取得され、表示されます。
![](https://masapoco.com/content/images/wordpress/2020/09/Image-17-1-e1601008012548.jpg)
「URL」を選択した場合は、指定したリンク先コンテンツのURLがそのまま表示されリンクが挿入されます。
![はてなブログでリンク埋め込みでURLがそのまま表示されたリンク](https://masapoco.com/content/images/wordpress/2020/09/Image-16-1.jpg)
また、あらかじめ入力してある文章中の文言にリンクを設定したい場合もあるかと思います。その場合は、リンクを設定する文言を選択したままリンクボタンを押して下さい。
![リンクを設定する文字を選択した状態](https://masapoco.com/content/images/wordpress/2020/09/Image-20-1.jpg)
その後、リンク挿入ウィンドウで「選択範囲」を選択
![はてなブログのリンク挿入ウィンドウ5](https://masapoco.com/content/images/wordpress/2020/09/Image-19.jpg)
「こちら」にリンクが設定されます。
![選択した文字列にリンクが設定された状態](https://masapoco.com/content/images/wordpress/2020/09/Image-18-1.jpg)
ちなみに、ウェブサイト上の画像のアドレスを指定した場合は、リンク付きの画像がそのまま挿入されます。
リンク挿入ウィンドウで画像のURLを指定し、「選択した形式でリンクを挿入」ボタンを押しますと
![はてなブログのリンク挿入ウィンドウ6](https://masapoco.com/content/images/wordpress/2020/09/Image-4-4.jpg)
このような形で記事の横幅いっぱいに設定されます。プレビュー画面に移ってみますと
![はてなブログでリンクが設定された画像が埋め込まれた状態](https://masapoco.com/content/images/wordpress/2020/09/Image-3-5-1024x843.jpg)
このような形ですが、画像自体にカーソルを合わせるとクリックできるようになっており、クリックすると元の画像ページが開かれるようになっています。
![はてなブログのプレビュー画面](https://masapoco.com/content/images/wordpress/2020/09/Image-2-6-1024x843.jpg)
まとめ
リンクの挿入について解説致しましたが、いかがでしたでしょうか?
貼り付けるコンテンツの形式に応じて、自動で最適な形で埋め込みが出来る様に工夫されているのがおわかり頂けたかと思います。
記事編集画面の他の機能については、下記の記事に詳しく解説していますので、よろしければご覧下さい。