ハウリンの雑念だらけで生きている

はてなカスタマイズや旅行記、好きな事などを書いていきたいです。ゆるゆると書いていきます。

簡単!はてなブログ、記事の中に【外部サイトのリンクを貼る】【動画を載せる】方法。


スポンサーリンク

f:id:twistinhaurin:20201206143441p:plain

こんにちは、ハウリンです。

 

記事を書いてると、外部サイト・動画をリンク出来る様に記事の中に入れ込みたくなります💻

結構すぐなります (*^^*)

すごく簡単に挿入できるので紹介したいと思います。 

 

 

 

記事に外部リンクを載せる方法

リンクさせたいサイトを開きます。

ここでは、いつもリンクを貼らせて頂いている⇩こちらのサイトを表示させていこうと思います。

www.colordic.org

 

表示させたいサイトを開き、URLをコピーする。

f:id:twistinhaurin:20200804175758p:plain

 

 

記事を書く画面の左上の方にある「リンク」をクリック。 

f:id:twistinhaurin:20200807173111p:plain

 

先ほどコピーしたURLを貼り付け、「プレビュー」をクリック。

f:id:twistinhaurin:20200807173616p:plain

 

 そうすると⇩こんな感じに表示されます。 

f:id:twistinhaurin:20200807173657p:plain

 

URLで載せる 

「URL」にチェックを入れ、「選択した形式でリンクを挿入」をクリックすると。

f:id:twistinhaurin:20200807173731p:plain

 

 

こんな風に表示されます(青く表示されてる所)

f:id:twistinhaurin:20200808150818p:plain

 

タイトルで載せる 

「タイトル」にチェックを入れ、「選択した形式でリンクを挿入」をクリックすればこんな表示。

f:id:twistinhaurin:20200808150843p:plain

 

埋め込み形式で載せる 

「埋め込み」にチェックを入れれば、、、

f:id:twistinhaurin:20200808150909p:plain

これは分かりやすい!(^O^)/

 

選択形式で載せる 

更に!

文章の一部を選択しておいて・・・

f:id:twistinhaurin:20200808150934p:plain

 

同じように「リンク」➡コピーしたURLを貼り付け➡「プレビュー」をクリックすると、「選択範囲」と出てくるのでチェック➡「選択した形式でリンクを挿入」をクリック。

f:id:twistinhaurin:20200808150959p:plain

 

 

「こちら」の部分にリンクが設置できました(^O^)/

f:id:twistinhaurin:20200808151128p:plain

 

 

動画を載せる方法

Youtubeも「埋め込み」を選択すればこの様に表示されます。 

www.youtube.com

こうなってくると、自分で撮った動画も載せたくなってきます。

ところが、はてなフォトライフは動画に対応してない様なんです(T_T)

Youtube やってる方は上の説明のやり方で載せれますが、わざわざチャンネル登録するほどでもない。

じゃあどうすればいいのか!?

簡単なのは Twitter にアップロードしてURLをブログに載せる方法です。

他の方法は、

Cloudinary」や「Streamable」などに動画をアップロードしてURLを取得する方法もあるみたいです。

私はまだやった事ないです!

なので、そのうち挑戦してみたいです🎥

 

あとがき

リンクの使い方を覚えると楽しくなって、いろんな所に入れ込みたくなるので注意して下さい (^_^;)

記事の内容がグッと見やすくなるので、いろいろな方法を試してみて下さいね。

それでは、最後まで読んで頂いてありがとうございました。

このブログが少しでも役立てば嬉しいです。