【Amebaブログカスタマイズ】メッセージボードに画像を挿入する方法

Ameblo(アメブロ)を使っている方ならご存知だと思いますが、PCでのみ閲覧可能なブログの上部にあるメッセージボードがあります。今日はこのアメブロのメッセージボードに画像を挿入する方法について書いていきます。

スポンサーリンク

ブラウザで画像を表示するときの状態を知ろう

まず、インターネット上にある画像というのは、画像の保管場所からファイル名を指定してリンクという形で呼び出しています。つまり、貼り付けているのではなくて呼び出している、というのが正確な表現なのです。

ブラウザ上で操作ができるブログではあまり意識することなく更新・公開が可能なので、知識として必要になることは少ないですね。

画像はご自身のブログのアドレスの直下またはある場所に保存されています。それを<img src=”http://〇〇〇〇”>というタグを使って呼び出しているにすぎません。

要はこの画像ファイルの保存場所が分かれば、メッセージボードから呼び出すことができるということになります。

ブログの投稿画面には画像の挿入ボタンがありますが、メッセージボードにはありません。
そこで、Amebloの投稿画面を使って画像の保存場所を調べ、上記のタグも含めて取り出す方法をご紹介します。

Amebloの投稿画面を使って画像の保管場所を調べる

通常のブログ投稿と同じ画面を使って呼び出したい画像の保存場所を調べることができます。

まず、いつもどおり記事を投稿する画面に入ります。そしていつもどおり呼び出したい画像をブログに貼り付けます。

投稿エリアの左下にある「HTML表示」というタブを使って画面を切り替えます。すると、先ほど示した<img>で始まるものが見えます。紫色で反転している部分をコピーしておきます。

この記事は保存する必要はないのでブラウザの戻るボタンを使って戻ります。

次に、Amebloのメッセージボードの設定画面に入ります。ブログ管理画面→メッセージボード

メッセージボードの編集画面に入ったら、画像を呼び出したい位置にさきほどコピーした<img>で始まる一文を貼り付けます。

編集が完了したら「表示を確認する」をクリックしてそれでよければ保存ボタンをクリックして終了です。

ちなみに、この方法は同じく画像の挿入ボタンがないフリースペースにも応用可能です。

Amebloのメッセージボードはスマホ表示だと見る側の手間がかかる

実は、Amebloというのはパソコンでブラウザから見る分にはいろいろ仕掛けることができて有用ですが、スマホだと見せたい部分が表示されなかったり、ある程度入り込まないと表示されなかったり、ブログをずっとスライドして下まで表示しないと見えなかったりします。

もし、ご自身のAmebloがパソコンで見られるよりスマホで見られることが多いなら、本当に読んでもらいたいものが表示できていない可能性があります。できれば、読んでもらいたいものは本文内に投稿されたほうが有用じゃないかなと思います。

ブログ投稿内に決まった文章「定型文」を挿入する方法は、に投稿していますので合わせてお読みいただければと思います。

合わせて読みたい 【Amebaブログカスタマイズ】記事下に定型文を入れるプラグインが使えなくなった

ちなみに、Amebloのアクセス解析でもパソコンからのアクセスが多いか、スマホからのアクセスが多いかは確認できますが、できれば、Google アナリティクスというアクセス解析の導入を考えられたほうが様々な情報を取得することができるのでおすすめです。

AmebloへのGoogle アナリティクスの設定方法はヘルプ画面に記載がありましたので、リンクしておきます。

Google Analytics が設置が可能になりました|Amebaヘルプ
投稿管理画面の設定管理よりGoogle Analyticsの設置が可能です。 設置方法 1.Google Analyticsの管理画面(以下PCの画面)よりトラッキングコードを開きます。 2.トラッキングID「UA-00000000-0」を...
リンクユニット
ご案内
最後までお読みいただきありがとうございました。 お困りのことなどございましたらメールフォームからお問い合わせください。 仕事内容や使用ソフトなどについてはだぶるしーどのお仕事にてご紹介しております。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

【Amebaブログカスタマイズ】メッセージボードに画像を挿入する方法
この記事をお届けした
だぶるしーどの最新ニュース情報を、
いいねしてチェックしよう!