アメブロの最新版エディタ(標準) で画像にリンクを貼る方法 | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンインストラクターの川上雄大です。

 

 

アメブロで、記事内の写真やバナー、サイドバーの画像やバナーにリンクを貼るにはどうしたらいいでしょうか?

 

といったご質問をいただきます。

 

 

アメブロの「最新版エディタ(標準)」での方法をお伝えしますね。

 

 

まず、画像、バナーを用意します。

 

今回は、この画像にします。

(これは↓『エクセル(Excel)でヘッダー画像を作るには』で作成しました。)

 

 

まず、「ブログを書く」画面で、写真をアップロードします。

 

 

画像を選択して、「開く」をクリックします。(画像は複数選択することもOKです)

 

 

原寸」をクリックして、画像をクリックします。

 

 

 

画像が記事に挿入されます。

 

 

 

画像をクリックするとジャンプするリンク先のアドレスをコピーしておきます。

 

ここでは、このブログのトップページとします。

 

https://ameblo.jp/sumitak1329/

 

 

次のこの画像をクリックして選択します。

(画像をクリックして編集できるようになっています。)

 

 

リンクの作成」ボタンをクリックします。

 

 

すると、URL欄には画像のパスが入っています。

 

 

そのURLを削除します。

 

 

 

そして、先ほどコピーしておいたリンク先をペーストします。

ここでは、「リンクを別ウィンドウで開く」にチェック入れておきます。

決定」をクリックします。

 

 

 

記事内の画像やバナーにリンクを貼るのであれば、これでOKです。

 

サイドバーにのせたいのであれば、

 

左下の「HTML表示」をクリックして、

 

 

このタグ

 

 

<p><a href="https://ameblo.jp/sumitak1329/" target="_blank"><img alt="" height="93" src="https://stat.ameba.jp/user_images/20180122/15/sumitak1329/e5/e2/p/o0257009314116813944.png" width="257"></a></p>

 

 

をコピーして、フリープラグインやフリースペースにペーストするとよいです。

 

 

また、

 

このように画像を選択してリンク設定する方法以外に、

 

画像を記事に挿入後、

 

「HTML表示」にして、この↓赤枠部分を

 

 

 

このように↓新しいリンク先のURLに変更してもOKです。

 

 

 

「HTML表示」に切り替えた場合は、「通常表示」をクリックして戻しておきます。

 

 

作った記事は削除しても下書保存しておいてもよいです。

 

 

とにかく、画像にリンク設定したい場合は、

 

いったん記事に画像を挿入してからリンク設定する

 

 

という段取りになります、ので^^!!

 

 


以上、アメブロの基本操作でした。

 

Instagram

 


LIDS札幌・ライフデザインスクール
川上 雄大

 

 

 

 

川上雄大

 

2015年から再開した音楽活動のブログもこちらでやっています!