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

日々雑念と戦ってます。ゆるゆると書いていきます。

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


スポンサーリンク

はてなブログに外部リンク、画像を載せるアイキャッチ画像

記事を書いてると、外部サイトや動画をリンク出来る様に

記事の中に入れ込みたくなります💻

結構すぐなります。

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

 

 

 

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

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

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

www.colordic.org

 

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

はてなブログにリンクを載せる為のURLの場所画像

 

 

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

はてなブログにリンクボタンの場所画像

 

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

はてなブログ URL貼り付けのプレビュー画像

 

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

はてなブログ URL貼り付けのプレビュー画像

 

URLで載せる 

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

はてなブログ URL貼り付けのプレビュー画像

 

 

こんな風に表示されます(*^^*)

https://www.colordic.org/

 

タイトルで載せる 

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

WEB色見本 原色大辞典 - HTMLカラーコード

 

 

埋め込み形式で載せる 

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

www.colordic.org

 

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

 

選択形式で載せる 

更に!

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

f:id:twistinhaurin:20210915095000p:plain

 

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

はてなブログ URL貼り付けのプレビュー画像

 

 

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

カラーコードはこちらから見れます。

 

 

動画を載せる方法

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

www.youtube.com

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

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

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

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

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

他の方法は、

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

 

 

あとがき

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

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

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

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