● スマホからの集客にも役立つのがメッセージボード！メッセージボードの簡単な作り方
こんにちは、アメブロコンサルの石川聡です。
「今まで、なぜ気づかなかったんだろう？」
と、昨日・・・ふと思ったのがメッセージボードの作り方です。
あっ、メッセージボードそのものの作り方は知っているんですが、アメブロの場合、簡単には作れないんですよ。
なぜって？
テキストを入れるだけなら誰にでも入力できるんですが、リンクをつけたり、画像を入れたり、文字の色や太さを変えてみたり、囲みの枠をつけたり・・・ってのが、タグ（ＨＴＭＬ）の知識を求められているから！
あなたは、メッセージボードを設定していますか？
「ＨＴＭＬとかの知識がない私には無理でした」
「リンクやバナーを入れたんですが出来ませんでした」
という経験があるかと思います。
そうなんです。
アメブロのメッセージボードって、ＨＴＭＬの知識がないと、難しいんです！
記事の中に、囲みとかバナーなどを入れられる人はいますが、メッセージボードって入力する手助けがないんです。
（一部のブラウザでは多少ありますがグーグル・クロームにはありません）
では、１つずつの解説をしていきましょう。
ふつうに入力画面を開きます。
あなたが毎日、アメブロの記事を書くときに開いている画面です。
このように開いておいてください。
注意！！
アメケアなどを使っている方で、定型文が自動で入っている人は、最初にそれらの定型文を削除しておきます。
そうしないと、とんでもないことに！！
では、文章を書き込んでいきましょう。
サンプルなので、簡単に書いてみます。
つぎにリンクをつけていきましょう。
リンクを付けたい部分を選んで、上にあるリンクボタンを押して、ＵＲＬを入れます。
ＵＲＬは予めコピーしておくとスムーズですよね。
リンクした文字は、太くしましょう。
太くしたほうが、目立ちますしリンクなんだって分かりやすいですから。
また、文字の色も青に変えます。
なぜなら、一度リンク先を開くと、薄い紫色になってしまい、ちょっと見づらくなってしまう。
それを防ぎ、かならず青く目立たせたいので青色に指定しておきます。
そしたら、入力画面でＨＴＭＬに切り替えます。
すると、こんなふうに入力した文字がタグ（ＨＴＭＬ）で表示されました。
（これが難しく思わせてしまうんですよね）
書かれた文字を残さずコピー！
１文字でも抜けてしまうと、表示が崩れますのでご注意を！
メッセージボードは、管理画面をたどっていくとあります。
『ブログ管理』『設定・管理』『メッセージボード』と開いていきます。
すると、メッセージボードの画面がこんなふうに開きます。
これがメッセージボードの入力画面です。
※ブラウザはグーグル・クロームを使用！
先ほどコピーしたのを貼り付けましょう。
出来ましたか？
画面の下に『表示を確認する』ってありますので、クリック！
すると、画面で確認できるようになっています。
この時、縦に間が空いているんですが、これはＰタグが入っているから。
<p>囲まれている文章とかタグとか</p>
中級者向けですが、<p>と</p>を全て削除すると、縦が間延びせずにおさまります。
もし、きちんとＰタグが消せる人は、挑戦してみましょう。
文章が沢山、長くなるとそれだけ多くなるので消し忘れや消しミスが怒らないようにご注意荒れ！
表記が良ければ、『公開』ボタンを押して終わり。
あとは、ご自分のブログでチェックしてみてくださいね。
パソコンとスマホとでチェックしてみましょう。
※パソコンです。
※スマホです。
いかがでしょうか。トライしてみると、自分でメッセージボードの編集とかできるようになりますので、イベントや新たなメニューの告知などにも使えますよ。
スマホでメッセージボードを観る人も一定数いますからね、その人を誘導したいって時には有効です。
操作方法の基本と手順はこんなかんじ。
上級者なら、囲み枠とか、バナーとか画像を入れてみたりすると良いですね。
参考にしてみてください。
こんにちは、アメブロコンサルの石川聡です。
「今まで、なぜ気づかなかったんだろう？」
と、昨日・・・ふと思ったのがメッセージボードの作り方です。
あっ、メッセージボードそのものの作り方は知っているんですが、アメブロの場合、簡単には作れないんですよ。
なぜって？
テキストを入れるだけなら誰にでも入力できるんですが、リンクをつけたり、画像を入れたり、文字の色や太さを変えてみたり、囲みの枠をつけたり・・・ってのが、タグ（ＨＴＭＬ）の知識を求められているから！
あなたは、メッセージボードを設定していますか？
「ＨＴＭＬとかの知識がない私には無理でした」
「リンクやバナーを入れたんですが出来ませんでした」
という経験があるかと思います。
そうなんです。
アメブロのメッセージボードって、ＨＴＭＬの知識がないと、難しいんです！
記事の中に、囲みとかバナーなどを入れられる人はいますが、メッセージボードって入力する手助けがないんです。
（一部のブラウザでは多少ありますがグーグル・クロームにはありません）
メッセージボードを作る手順
- 新規の入力画面を開く
- 文字や文章を入力する
- 必要なリンクを入れる
- 太文字・リンク文字色を変える
- ＨＴＭＬ表記に切り替える
- 全文をコピーする
- メッセージボードを開く
- コピーしたものを貼り付ける
- 表示を確認する
- 公開する
では、１つずつの解説をしていきましょう。
新規の入力画面を開く
ふつうに入力画面を開きます。
あなたが毎日、アメブロの記事を書くときに開いている画面です。
このように開いておいてください。
注意！！
アメケアなどを使っている方で、定型文が自動で入っている人は、最初にそれらの定型文を削除しておきます。
そうしないと、とんでもないことに！！
文字や文章を入力する
では、文章を書き込んでいきましょう。
サンプルなので、簡単に書いてみます。
必要なリンクを入れる
つぎにリンクをつけていきましょう。
リンクを付けたい部分を選んで、上にあるリンクボタンを押して、ＵＲＬを入れます。
ＵＲＬは予めコピーしておくとスムーズですよね。
太文字・リンク文字色を変える
リンクした文字は、太くしましょう。
太くしたほうが、目立ちますしリンクなんだって分かりやすいですから。
また、文字の色も青に変えます。
なぜなら、一度リンク先を開くと、薄い紫色になってしまい、ちょっと見づらくなってしまう。
それを防ぎ、かならず青く目立たせたいので青色に指定しておきます。
ＨＴＭＬ表記に切り替える
そしたら、入力画面でＨＴＭＬに切り替えます。
すると、こんなふうに入力した文字がタグ（ＨＴＭＬ）で表示されました。
（これが難しく思わせてしまうんですよね）
全文をコピーする
書かれた文字を残さずコピー！
１文字でも抜けてしまうと、表示が崩れますのでご注意を！
メッセージボードを開く
メッセージボードは、管理画面をたどっていくとあります。
『ブログ管理』『設定・管理』『メッセージボード』と開いていきます。
すると、メッセージボードの画面がこんなふうに開きます。
これがメッセージボードの入力画面です。
※ブラウザはグーグル・クロームを使用！
コピーしたものを貼り付ける
先ほどコピーしたのを貼り付けましょう。
出来ましたか？
表示を確認する
画面の下に『表示を確認する』ってありますので、クリック！
すると、画面で確認できるようになっています。
この時、縦に間が空いているんですが、これはＰタグが入っているから。
<p>囲まれている文章とかタグとか</p>
中級者向けですが、<p>と</p>を全て削除すると、縦が間延びせずにおさまります。
もし、きちんとＰタグが消せる人は、挑戦してみましょう。
文章が沢山、長くなるとそれだけ多くなるので消し忘れや消しミスが怒らないようにご注意荒れ！
公開する
表記が良ければ、『公開』ボタンを押して終わり。
あとは、ご自分のブログでチェックしてみてくださいね。
パソコンとスマホとでチェックしてみましょう。
※パソコンです。
※スマホです。
いかがでしょうか。トライしてみると、自分でメッセージボードの編集とかできるようになりますので、イベントや新たなメニューの告知などにも使えますよ。
スマホでメッセージボードを観る人も一定数いますからね、その人を誘導したいって時には有効です。
操作方法の基本と手順はこんなかんじ。
上級者なら、囲み枠とか、バナーとか画像を入れてみたりすると良いですね。
参考にしてみてください。