アメブロ:メッセージボードを公開する前に表示確認する方法





アメブロの「メッセージボード」って、知っていますか?



パソコンでアメブロのトップページを開いた時に、最新記事の上に表示される部分です。



HTMLが使え、文章や画像、リンクを好きなように表示させることができるため、自己紹介や宣伝などを掲載するのに便利なエリアです。



私のブログなら、この部分

下矢印

パソコン表示のメッセージボード



スマホでは、このように表示されます。

下矢印

スマホ表示のメッセージボード



 

 

アメブロ:メッセージボードを公開する前に表示確認する方法

 

 もくじ 








メッセージボードの設定方法




パソコンでメッセージボードを設定するには、「メッセージボード本文編集」にアクセスします。



  1. アメブロ管理トップページを開く。
  2. 左下の「設定・管理」をクリックする。
  3. 「メッセージボード本文編集」をクリックする。

メッセージボード編集画面を開く方法








完成したら、「保存する」をクリックするだけで公開となります。



メッセージボード編集画面



でも…。



公開する前に、実際にどう見えるのか確認したいですよね~。



なのに、「保存する」のほかにあるのは「本文を消去する」だけ。



プレビューボタンはありません。



だから、公開してから実際の表示を確認することになってしまいます。



うまくいっていたらいいけど、「やば!」なんてことになっていたら焦りますよねアセアセ




もくじに戻る






「タグ編集エディタ」で表示確認できる!




実は、実際の表示に近い状態で確認できるツールがあります。



それは、アメブロの記事投稿画面のひとつ「タグ編集エディタ」です。





「タグ編集エディタ」でメッセージボードのプレビューを見る手順



  1. 「改行を<br />に置換」にチェックを入れる。
  2. 作成したメッセージボード本文を貼り付ける。
  3. 適当にタイトルを入れる。
    ※タイトルを入れないとプレビューが表示されません。
  4. プレビューボタンをクリックする。

タグ編集エディタ





プレビューは、幅など、実際の表示とすっかり同じではありませんが、チェック用には十分です。



プレビュー




もくじに戻る






必要な時だけ「タグ編集エディタ」を呼び出す簡単な方法




普段は「最新版エディタ(標準)」を使っていても、必要な時だけ「タグ編集エディタ」を呼び出す簡単な方法があります。



  1. アメブロ管理トップページを開く。
  2. 左下の「設定・管理」をクリックする。
  3. 「ブログの基本設定」をクリックする。

ブログの基本設定



  1. 「タグ編集エディタ」にチェックを入れる。

タグ編集エディタにチェック



  1. 最下部の「保存」をクリックする。

「保存」をクリック



  1. 「ブログを書く」をクリックする。

ブログを書くをクリック



  1. タイトルと本文を入力する。

タイトルと本文を入力



  1. 「下書きとして保存する」をクリックする。

下書きとして保存



  1. 「管理トップへ」をクリックする。

管理トップへ



  1. 左メニューの「記事の編集」をクリックする。
  2. 作成した下書きの「編集」をクリックする。

編集をクリック



  1. 「お気に入りに追加」ボタンをクリックする。
  2. 「名前」を入力し、登録する「フォルダー」を選択する。
  3. 「完了」をクリックする。

お気に入りに追加

↑MicrosoftEdgeの例



「お気に入りバー」に登録した場合は、画面上部の「タグ編集エディタ」をクリックするだけで、呼び出せるようになります。


タグ編集エディタを呼び出す



  1. 「管理トップ」⇒「ブログの基本設定」の順に進み、「最新版エディタ」にチェックを入れる。

最新版エディタにチェック



  1. 最下部の「保存」をクリックして、エディタを最新版に戻しておく。

保存をクリック








これで、普段は「最新版エディタ」を使い、必要な時だけ「タグ編集エディタ」を呼び出すことができるようになります。




もくじに戻る






「固定アナウンス設定」や「フリースペース編集」でも!




「タグ編集エディタ」は、「メッセージボード」だけでなく、「固定アナウンス設定」や「フリースペース編集」でも、プレビューを見るのに使えます。



一気に作れない時は、プレビューを確認しながら少しずつ作成し、そのたびに下書きに保存しておくと便利ですよ。



思い立った時にすぐに呼び出して作業を再開でき、完成したら、下書きから設定画面にコピペして公開すればOKです。





メッセージボードの設定画面を出す方法

  1. アメブロ管理トップページを開く。
  2. 左メニューの「設定・管理」をクリックする。
  3. 「メッセージボード本文編集」をクリックする。


固定アナウンスの設定画面を出す方法

  1. アメブロ管理トップページを開く。
  2. 左メニューの「ブログカスタマイズ」をクリックする。
  3. 最下部の「固定アナウンス設定」の「設定画面へ」をクリックする。


フリースペースの設定画面を出す方法

  1. アメブロ管理トップページを開く。
  2. 左メニューの「設定・管理」をクリックする。
  3. 最下部の「フリースペース設定」をクリックする。







「タグ編集エディタ」は、「改行を<br />に置換」にチェックを入れることで、「メッセージボード」「固定アナウンス」「フリースペース」の設定画面と同じような仕様になるんですよね。



投稿記事を作成するという本来の使い方とは違いますが、こんな用途にも便利に使っておりますニコニコ




もくじに戻る