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

ゆるゆると書いていきます

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


スポンサーリンク

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

最近何処にも行けてなく書く事がないのでブログを始めた頃に、どうやるんだろう・・・と悩んでた事を思い出してみました。

 

 

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

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

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

f:id:twistinhaurin:20200728165003p: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を取得する方法もあるみたいです。

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

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

 

あとがき

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

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

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

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