アメブロのメッセージボードの編集画面がブラウザによって違う件

おはようございます、Cocoro+et+Gokoroのキタガワです。

以前もコチラの記事で、アメブロの記事編集画面の謎について書きましたように色々と他にも謎の多いアメブロ。

今回は「メッセージボード」についてです。


私はアメケア講座をしていて、今までIEでブログを書いていました！という方にも、アメケアを使うならChromeに変える必要がありますとお話させていただいています。

が、IEからChromeに変えると、アメブロを管理運営する中でちょっとだけ困る部分があるんですね。
それが「メッセージボード」なんです…（今日は特に長くなります）



本題に入る前に、「メッセージボード」について。
アメブロを上手に使われている方の殆どが「メッセージボード」を多かれ少なかれ活用しています。

「提供したいサービス・目立たせたい情報を分りやすくまとめて表記できる」のが利点です。
またトップ画面に、お客様に伝えたいことを書くことで、ちょっとホームページっぽくなりますね。

私がカスタマイズさせていただいたお客様もほとんど、メッセージボードの装飾をご希望されました。


↓メッセージボードというのは、この部分（赤枠）のことです。

どうやって使うのかと言うと、マイページ右上（アカウント名の下にある）「サービス一覧」のアイコンから、「メッセージボード」というメニューにアクセスすると編集画面が出ます。

ちなみにアメケアをお使いの方はこちらからもアクセス可能です。

ここに書きたい内容を書き込んで「公開」すると表示されます。

では、何が困るのか…というと
IE（インターネットエクスプローラー）とChrome（クローム）ではメッセージボードの編集画面が違うんです。


☆Chromeのメッセージボード編集画面　※Safariの場合も同様。

☆IEのメッセージボード編集画面　※Firefoxご利用時も同様

明らかな違いはここ。

IEで「メッセージボード」の編集画面に行くと、（１）文字のサイズ変更や装飾、リンク、画像貼付けのためのメニューバーと、（２）「タグの非表示」「HTMLタグ表示」と画面の切替もできるようになっています。

（１）


（２）

しかし、Chromeの編集画面にはありません。
これはどういうことかと言うと、Chromeではブログを書く際の記事編集画面でも標準エディタが使えず「タグ編集エディタ」しかないのと同様で、メッセージボードも「タグ編集」である、ということです。

たとえば私のこのメッセージボード。

Chromeで編集画面を開くとこういう状態になっています。

普通に文字を打って、改行もすれば、そのまま表示されますが
文字色を変えたり、アイコンを使ったりして、ある程度は目立たせたいとすると、HTMLタグの知識がなくては書けないような仕様になっているのです。

では、HTMLタグを学ばなきゃいけないか？と言えばそうではなく、こういう場合にはブログを書く際の、記事投稿エディタの「タグ編集エディタ」を使う次のやり方がよく紹介されています。

1. 記事投稿エディタの「タグ編集エディタ」を使って、メッセージボードに表記させたい内容を書いてからコピー。
2. コピーしたものをメッセージボードの編集画面に保存。

ちなみに「基本設定」で記事投稿画面を「新エディタ」に設定されている場合は、一旦「タグ編集エディタ」に変更する必要があります。
私のアメケア講座では、基本設定を「新エディタ」にしていただいてるので、受講された方でこの方法でメッセージボードを作成される方はその都度、変更してください。

「タグ編集エディタ」では以下の通り、編集画面はタグだらけですが、文字サイズの指定や文字色の変更、リンクを貼るのも、画像の挿入も、メニューバーがつきますので、HTML知識がなくても、文章内にタグを使うことができるのです。

そして、プレビュー画面で表示の確認も出来ます。

アメブロの機能に若干慣れていて、基本設定での変更や、タグ編集エディタと新エディタの使い分けを臨機応変にできる方はこの方法でも十分です。

ただ、もう一つ。
すでにIEを使っている時点で、メッセージボードを作成していたけど、最近になってChromeに変えたというような方は、次のことをご注意ください。

アメケア講座にいらっしゃる方にはそういう方も多くいらっしゃるので、

そういう場合は、「メッセージボードを書く時だけIEから入ってください」とお伝えしています。

なぜなら、「改行」の解釈がこの二つの編集画面では違ってくるんです。

もし、IEのメッセージボード編集画面で書かれた内容を、Chromeのメッセージボード編集画面で開いて、そのまま保存したとすると、私のメッセージボードは以下のようになります。

シンプルな内容なので気にならないかもしれませんが、明らかに改行が増えている^^;
これは逆も然りで、Chromeで作ったメッセージボードを、IEのメッセージボード編集画面から保存し直したら、改行が消えたりします。
（が、Chromeをメインで使っていた方が、今後IEに移行することはほぼないと思うので、そのケースは割愛）


今まではIEでメッセージボードを書いてたけど、アメケアもあるし、今後は全部Chromeで！という方は、タグ編集画面（アルファベットの羅列があるやつ）に馴れるという点でも、上記の方法でメッセージボードを更新するのは一つの方法です。

アメブロにはもう一つ便利な機能としてフリースペースがありますが、そちらはもっと「タグ編集」なので、色々自分でやっていこうとするなら「HTMLタグ」はある程度わかっていた方が便利です。


が、避けて通れないわけでもありません（笑）
IEで上手にメッセージボードを作成できたのなら、そのままIEで編集してていいんです。


結論としては、Chromeを使ってブログ運営をする場合の、「HTMLタグの知識が無くてもメッセージボードの編集方法」は二つあって。

1. 記事投稿エディタの「タグ編集エディタ」を活用する方法
2. メッセージボード編集時のみブラウザを使い分ける方法


ご自分に合った形で無理なく運営してください。

本当は、2の「メッセージボード編集時のみブラウザを使い分ける方法」については、まだ言いたいこともあるんですが、すっかり長くなってしまいましたので今回はここまで。

最後まで読んでくれた、根気のある方ありがとうございます。
これを読んで「なるほどね～」と思える方は、すでにある程度苦労なくブログを書けている方な気もしますが…。


まだメッセージボードを使ったことが無い方には、まったくなんの話かイメージできないかもしれません。
なので、そういう方はまず、メッセージボードに何を書いたらいいか？から考えて、まずは使ってみてください。


書きたいこと、伝えたいことがハッキリすれば、またそれをどのように発信したいのかも見えてきます。


楽しんでくださいね。


今日で11月も終わり。師走…いやな予感しかしておりません^^;
がんばります！！！

Cocoro+et+Gokoro（こころ・え・ごころ）
北川　直枝