こんにちは、パソコンインストラクターの川上雄大です。
アメブロで、記事内の写真やバナー、サイドバーの画像やバナーにリンクを貼るにはどうしたらいいでしょうか?
といったご質問をいただきます。
アメブロの「最新版エディタ(標準)」での方法をお伝えしますね。
まず、画像、バナーを用意します。
今回は、この画像にします。
(これは↓『エクセル(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表示」に切り替えた場合は、「通常表示」をクリックして戻しておきます。
作った記事は削除しても下書保存しておいてもよいです。
とにかく、画像にリンク設定したい場合は、
いったん記事に画像を挿入してからリンク設定する
という段取りになります、ので^^!!
以上、アメブロの基本操作でした。
LIDS札幌・ライフデザインスクール
川上 雄大