ブログのトップページに表示される
「メッセージボード」
メッセージボードは、パソコン、スマホ両方から見ることができます。
設置してないと何もない状態。
メッセージボードは、言ってみれば
お店の看板のようなもの。
／
うちのお店はこんな商品がありますよー！
こんなイベントやってますよー！
＼
と教えてくれるもの。
ここは大事な集客導線なので
お仕事で使っている方は設置してくださいね。
それでは、簡単なメッセージボードの作り方と
設置方法をお伝えします。
その前に、私は普段
アメブロを書くときのブラウザは
「Google Chrome（グーグルクローム）」を使っています。
こんなアイコン。
ブラウザについて、のちほど触れるので
「ブラウザっていろいろあるんだな～」くらいで
少し頭に入れててくださいね。
メッセージボードの簡単なつくり方
※ブラウザは「グーグルクローム」を使っています。
①ブログ管理画面の「ブログを書く」
②普段の記事を書くように書いていく。
このとき内容は
・自分の商品のリンクを貼る
・イベントなどがあればリンクを貼る
・「よく読まれる記事」などのリンクを貼る
・店舗を持っている方は、住所や電話番号などを書く
・ブログ以外のＳＮＳがある場合はリンクを貼る
・問い合わせ先などのリンクを貼る
など。
囲み枠などを使うと見やすくなります。
「リンクを貼る」というのは、
クリックするとその詳細ページに飛ぶようにするということ。
リンクがないと商品名などしかわかりません。
これってお客様には親切ではないですよね。
なので、商品ページがない方はまずそちらを書きましょう！
（後からリンクを貼ってもＯＫ）
③記事を書いたら「ＨＴＭＬ表示」に切り替える。
※書いたメッセージボードの記事は「下書き保存」しててくださいね！
④全て指定してコピーする。
パソコンからの場合、全指定してショートカットキー「Ｃtrl＋Ｃ」を同時に押すと
コピーされます。
ブラウザの切り替え
ここから大事！
メッセージ―ドを作成するときは
ブラウザは
「ファイヤーフォックス」か
「インターネットエクスプローラー」を使ってください。
なぜかというと、グーグルクロームやサファリを使うと
メッセージボードの体裁が崩れます。
こんな感じ
↓
ものすごくスペースが空いてしまう。。
⑤ブラウザ「ファイヤーフォックス」を使ってアメブロにログイン。
「ブログ管理」画面から
１．設定・管理
↓
２．「メッセージボード」
⑥「メッセージボード」画面から「ＨＴＭＬタグ表示」に切り替え
⑦ここに先ほどコピーしたＨＴＭＬを貼り付ける（ペースト）
※「Ｃtrl＋Ｖ」で貼り付け
⑧「タグの非表示」に戻す。
⑨作成したメッセージボードが表示される。
「公開」をクリックすると公開されます。
※公開前に確認したい場合「表示を確認する」で確認。
⑩これで表示！
このとき、
グーグルクロームとファイヤーフォックス
両方のブラウザからそれぞれアメブロが立ち上がっている状態です。
⑪スマホからメッセージを見る
このように表示されてます♡
