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

記事が気に入ったらシェアお願いします

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

アメブロには「メッセージボード」というエリアがあります。アメブロのトップページにパソコンからアクセスすると最新の記事タイトルの上に表示されるエリアになります。

このアメブロのメッセージボードの使い方についてご相談が多いので、簡単にまとめてみました。

スポンサーリンク

アメブロのメッセージボードについて

ご自身のアメブロのトップページ(投稿ページではなく)に表示できるエリアで、ブログタイトルを含むヘッダー部分と最新記事の間あたりにあるのが「メッセージボード」です。

本屋で働くフリーランス日記
kyoromatsuさんのブログです。最近の記事は「スケジュールをスマホで管理していると…」です。

アメブロのメッセージボードは、ご自身で設定しない限り表示されることはありません。

アメブロの「メッセージボード」はどんな時に使うのか

いろいろな使い方ができると思いますが、アメブロのメッセージボードの使い方として一番多いのは、常に表示させたいこと、たとえばご自身のホームページへのリンクやお知らせなどでしょうか。ちなみにわたしはランキングサイトのバナーを貼っています。

アメブロのメッセージボードを設定し、表示させてみよう

アメブロのメッセージボードは、ブラウザによって操作方法が異なる

実は、アメブロのブログ管理にあるメッセージボードですが、どのブラウザでログインしているかによって操作方法が異なります。

アメブロのマイページを開きます。

「ブログ管理」→「設定・管理」へと進み、「設定・管理」→ブログの各種設定から「メッセージボード」を選択します。

メッセージボードの入力画面が表示されます。この枠の中に入力したものがブログタイトルと一番新しい記事タイトルの間に表示させることができます。

Google Chromeでアメブロにログインしている時のメッセージボードの画面

下の画像はGoogle Chromeというブラウザを使っている人の画面。

入力画面を見てもらうとブログを投稿する画面と様子が違いますね。そうです、文字装飾やリンク設定、画像挿入などを行うためのボタン(エディタ)が見当たりません。

そうなんです。文字を入力しただけではそのまま表示されるだけ。

Internet Explorerでアメブロにログインしているときのメッセージボードの画面

Internet Explorerというブラウザで同じくメッセージボードを見てみると

エディタのなかに「画像」というボタンが確認できますね。

実は、アメブロはブラウザによって操作画面が異なることがよくあるのです。Internet Explorerだとちゃんとエディタが使えるのに、Google Chromeだと表示すらされない。

Windows10のMicrosoft EdgeはGoogle Chromeと同じ画面になりました。

ということは、アメブロのブログを投稿するならどちらのブラウザを使ってもOKですが、ブログの設定を変更するときは、Internet Explorerでアメブロにログインしたほうがいいということになります。

Google Chromeでアメブロのメッセージボードをカスタマイズするにはタグを使うしかない?

では、Google Chromeでしかアメブロにログインできないなら、アメブロのメッセージボードの操作は諦めるしかないのでしょうか。

実際、Google Chromeでアメブロにログインしていると、メッセージボードには文字装飾や画像挿入、リンク挿入のボタン(エディタ)がありません。

結論から言えば、ちょっと手間はかかりますが、Google Chromeでもブログの投稿画面を利用すればメッセージボードの文字に色を付けたり、画像を挿入したり、リンクを貼り付けたりすることはできます。

アメブロのメッセージボード。カスタマイズするにはブログの投稿画面を使えばいい

皆さんがアメブロでブログを投稿している画面を思い出してみてください。本文入力画面の左下にこんな切り替えのタブがついているのが確認できるでしょうか。

通常は、「通常表示」が選択されている状態ですが、もうひとつの「HTML表示」に切り替えることで設定されている書式やリンク、画像を呼び出すタグを見ることができます。

アメブロのメッセージボードをGoogle Chromeで操作する方法

アメブロのメッセージボードに表示させたい内容をブログの投稿画面に入力

いつもブログを投稿しているときと同じようにメッセージボードに表示したい内容を入力します。もちろん画像挿入もこの段階で行っておきます。

わたしのようにランキングバナーなどを表示させたいのであれば、ランキングバナーのHTMLをコピーしたものを用意し、貼り付けるだけです。

HTML表示に切り替え、タグを含んだ全文をコピーする

「HTML表示」に切り替え、タグを含んだすべての文字をコピーしておきます。

コピー出来たら念のため作業が終わるまで、Windowsなら標準でインストールされているメモ帳などに貼り付けておきましょう。

なお、この投稿画面はメッセージボードに表示する内容を入力するためのものなので保存する必要はありません。もし、不安なら「下書き保存」で残しておいてもOKです。

メッセージボードにコピーした内容を貼り付ける

画面上部にある「ブログの管理」→「設定・管理」→「メッセージボード」へと進んでコピーした内容を貼りつけます。

貼り付けることが出来たら公開ボタンの上にある「表示を確認する」でどんなふうに表示されているかを確認し、よければ公開ボタンをクリックします。

投稿画面の内容と同じものがメッセージボードのエリアに表示されたら成功です。

アメブロのメッセージボードはブログのトップページでしか表示されない

アメブロのメッセージボードは、あくまでもブログのトップページでのみ表示できます。ということは、ブログ記事ひとつひとつの上(各記事)の上にはメッセージボードは表示されないということになります。

『スケジュールをスマホで管理していると…』
2年くらい前まではスマホとスケジュール帳で管理していたスケジュールでしたが、気に入ったスケジュール帳に出会えない!という言い訳のもと、すっかりスマホに依存して…

実は、あなたのブログのトップページを開いてもらわないとメッセージボードを見てもらうことが出来ないのです。

ブログというのはトップページから直接読みに来てくれる人より各記事にアクセスする人のほうが多い

みなさんもネット検索はよくされると思いますが、アクセスした先がブログだったということはよくあると思います。ブログ記事にアクセスしたあと、ブログのトップページに移動することって意外とないんじゃないでしょうか。

そうなんですよね、ホームページだとトップページにアクセスする機会は多いのですが、ブログは各記事にアクセスする機会のほうが多いのです。

アメブロのメッセージボードはスマホからだと見てもらうのに手間をかけてしまう

そして、もう一つお伝えしなくてはいけないのが、アメブロのメッセージボードはスマホからブログのトップページにアクセスしてくれた人にも見てもらえません。

アメブロのメッセージボードをスマホで見るには、ブログにアクセスしてくれた人がブログ情報というのをタップしてくれないと読んでもらうことができないのです。

『スケジュールをスマホで管理していると…』
2年くらい前まではスマホとスケジュール帳で管理していたスケジュールでしたが、気に入ったスケジュール帳に出会えない!という言い訳のもと、すっかりスマホに依存して…

※先ほどと同じ記事をリンクしました。スマホからこのブログを読んでくださっている方はタップしてみてください。

これだとアメブロのメッセージボードを周知に利用したい人からするとなんともいただけない状態になってしまいますね。

アメブロでアクセスしてくれた人に毎回見てもらいたいものがあるなら投稿記事の本文下に定型文を入れた方がいい

アメブロのメッセージボードにブログにアクセスしてきた人に常に読んでほしいという内容を記載すると思いますので、別の記事にアメブロの投稿記事の最後に毎回同じ文章を掲載する方法で、投稿記事それぞれの本文下にメッセージボードに入れた情報を掲載しておくといいかもしれません。

 
リンクユニット
Simple author Box

ホームページ開設・運用、リニューアルのご相談や、SNS・ブログの運用サポート、市民活動団体のIT活用提案・サポート、Webライティングを行っています。
また、県内各所にてパソコン操作講習会やSNS活用セミナーなどの講師もしています。

まずはお気軽にご相談ください。相談する

スポンサーリンク
関連コンテンツ

記事が気に入ったらシェアお願いします

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

フォローはこちら

この記事をお届けした
だぶるしーどの最新ニュース情報を、
いいねしてチェックしよう!