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

日々雑念と戦ってますが日々を大切に生きたいです。ゆるゆると気になる事を書くブログである。

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


スポンサーリンク

はてなブログにリンクを貼る方法の紹介アイキャッチ画像

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

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

結構すぐなります。

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

 

 

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

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

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

www.colordic.org

 

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

はてなブログにリンクを貼る方法紹介画像

 

 

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

はてなブログにリンクを貼る方法紹介画像

 

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

はてなブログにリンクを貼る方法紹介画像

 

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

はてなブログにリンクを貼る方法紹介画像

 

URLで載せる 

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

はてなブログにリンクを貼る方法紹介画像

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

https://www.colordic.org/

 

タイトルで載せる 

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

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

 

 

埋め込み形式で載せる 

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

www.colordic.org

 

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

 

選択形式で載せる 

更に、

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

はてなブログにリンクを貼る方法紹介画像

 

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

はてなブログにリンクを貼る方法紹介画像

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

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

 

 

動画を載せる方法

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

www.youtube.com

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

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

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

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

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

他の方法は、

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

 

あとがき

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

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

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

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