メッセージボードの使い方⑥まとめ

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00～15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に！」
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

こんにちは。
Webであなたの夢が叶う！のHirokoです。

引き続きメッセージボードについてお伝えします。

今日は、メッセージボードのまとめ、
　・文字色のバリエーション
　・フォントの種類
　・お問い合わせの仕上げ
です。



■文字色のバリエーション■

赤：<font color="#FF0000">ここが赤になります。</font>
青：<font color="#0000FF">ここが青になります。</font>
緑：<font color="#008000">ここが緑になります。</font>
黄：<font color="#FFFF00">ここが黄になります。</font>
紫：<font color="#800080">ここが紫になります。</font>

Webページ上で表現できる色はまだたくさんありますが、
基本となる色は覚えておきたいですね。
カラーコードについては　こちら　を参考にしてくださいね。


■フォントの種類■

MS P明朝体：<font face="MS P明朝">MS P明朝体　表示</font>
MS Pゴシック体：<font face="MS Pゴシック">MS Pゴシック体　表示</font>
メイリオ：<font face="メイリオ">メイリオ　表示</font>

フォントの種類もたくさんあります。
用途や好みに合わせて変えてみるのもいいですね。
フォントのバリエーションについては　こちら　を参考にしてくださいね。

さて大切な「お問い合わせ」の仕上げです。
以前にもこのブログでお伝えしましたね。

メールアドレスにリンクを貼る方法

併せてご覧くださいね。
■メールアドレスにリンクを貼る■

<a href="mailto:メールアドレス?subject=お問い合せ&body=お問い合せ%0d%0a①%20お名前%0d%0a②%20ご住所%0d%0a③%20連絡先（携帯メール）%0d%0a④%20電話番号%0d%0a⑤%20お問い合せ内容%0d%0a">メールアドレス</a>

上記の囲みワクをコピーして、
メールアドレスのところにご自分のメールアドレスを
入れてくださいね。

これで、メッセージボードは完成です。

今日も最後まで読んでいただいてありがとうございました。

メッセージボードの使い方⑤効果的なフォント変更

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00～15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に！」
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

こんにちは。
Webであなたの夢が叶う！のHirokoです。

引き続きメッセージボードについてお伝えします。

今日は、効果的なフォント変更
　・取り消し線
　・斜線
　・上付き文字、下付き文字
についてです。

本文の内容は次のようになっていますね。

いつもブログを読んでくださってありがとうございます。
1月ももうわずかですね。
26日、27日 　宝塚　　終了
2月のスケジュールは
2日、3日 　大阪　　残席わずか
4日、5日 　東京　　残席わずか
14日、15日 　滋賀　　募集中
16日、17日 　神戸　　募集中
21日、22日 　大阪　　募集中
25日～28日 　沖縄　　受付終了
となっています。
お問い合わせ、ご予約は　xxxxx@sample.com までお願いします。

ではこれを効果的なフォントに変更していきましょう。

①1月26日、27日は終了したので全体に「取り消し線」を引きます。

<s><font face="ＭＳ Ｐ明朝">26日、27日</font>宝塚　終了</s>

②2月25日～28日は受付終了したので「斜体」にします。

<font face="ＭＳ Ｐゴシック"><i>25日～28日</i></font>　沖縄　　<font color="#008000">受付終了</font>

③お問い合わせを「上付き文字」にします。

^{お問い合わせ}

④ご予約を「下付き文字」にします。

^ご予約

これを公開すると。。。

表示が変わると、見やすくなりますね。
明日は、メッセージボードのまとめ、
　・文字色のバリエーション
　・フォントの種類
　・お問い合わせの仕上げ
についてです。

お楽しみに。。。

今日も最後まで読んでいただいてありがとうございました。

メッセージボードの使い方④フォントを変更する

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00～15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に！」
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

こんにちは。
Webであなたの夢が叶う！のHirokoです。

引き続きメッセージボードについてお伝えします。

今日は、フォントを変更する方法です。

本文の内容は次のようになっていますね。

いつもブログを読んでくださってありがとうございます。
1月ももうわずかですね。
26日、27日　宝塚　　終了
2月のスケジュールは
2日、3日　大阪　　残席わずか
4日、5日　東京　　残席わずか
14日、15日　滋賀　　募集中
16日、17日　神戸　　募集中
21日、22日　大阪　　募集中
25日、28日　沖縄　　受付終了
となっています。
お問い合わせ、ご予約は　xxxxx@sample.com までお願いします。

ではこの文字フォントを変更していきましょう。
①1月の日付の文字を「ＭＳ Ｐ明朝」にします。

<font face="ＭＳ Ｐ明朝">26日、27日</font>

②2月の日付の文字を「ＭＳ Ｐゴシック」にします。

<font face="ＭＳ Ｐゴシック">2日、3日</font>
<font face="ＭＳ Ｐゴシック">4日、5日</font>
<font face="ＭＳ Ｐゴシック">14日、15日</font>
<font face="ＭＳ Ｐゴシック">16日、17日</font>
<font face="ＭＳ Ｐゴシック">21日、22日</font>
<font face="ＭＳ Ｐゴシック">25日、28日</font>

③「1月ももうわずかですね。」の文字下に下線をひく。

<u>1月ももうわずかですね。</u>

これを公開すると。。。

ベースのフォントはメイリオですが、部分的にフォントを変えることでアクセントになりますね。

明日は、
　・フォントの変更
　　　　取り消し線
　　　　斜線
　　　　上付き文字、下付き文字
についてです。

お楽しみに。。。

今日も最後まで読んでいただいてありがとうございました。

メッセージボードの使い方③文字デザイン

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00～15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に！」
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

こんにちは。
Webであなたの夢が叶う！のHirokoです。

引き続き
アメブロのブログトップに表示される、
メッセージボードについてです。

今日は、
ここに入れる文字デザインを変更してみましょう。

メッセージボードに普通に文字を入れると、

文字の色や大きさが同じで、
ブログ本文のように、
お伝えしたいところを目立たせることができませんね。
本文の内容は次の通りです。

いつもブログを読んでくださってありがとうございます。
1月ももうわずかですね。
26日、27日　宝塚　　　終了
2月のスケジュールは...
2日、3日　　大阪　　　残席わずか
4日、5日　　東京　　　残席わずか
14日、15日　滋賀　　　募集中
16日、17日　神戸　　　募集中
21日、22日　大阪　　　募集中
25日、28日　沖縄　　　受付終了
となっています。
お問い合わせ、ご予約は　xxxxx@sample.com までお願いします。

ではこの文字にデザインをつけていきましょう。

①「いつもブログを読んでくださってありがとうございます。」
　の文字を大きく目立たせる。

<font size="3"><b>いつもブログを読んでくださってありがとうございます。</b></font>

②「残席わずか」を赤字にする。

<font color="#FF0000">残席わずか</font>

③「募集中」を青字にする。

<font color="#0000FF">募集中</font>

④「受付終了」を緑字にする。

<font color="#008000">受付終了</font>

これを公開すると。。。

少し変化がついて読みやすくなりましたね。

明日は、
　・フォントの変更
　・ラインをひく
方法についてです。

お楽しみに。。。

今日も最後まで読んでいただいてありがとうございました。

メッセージボードの使い方②文字を入れる

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00～15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に！」
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

こんにちは。
Webであなたの夢が叶う！のHirokoです。

今日も、引き続き
アメブロのブログトップに表示される、
メッセージボードのお話です。

ここに文字を入れるには、
管理トップからブログ管理の「設定・管理」を選んで、
「メッセージボード」をクリックするところまで
お伝えしました。

では早速、文字を入れてみましょう。

①メッセージボードをクリックすると、
　　次のような入力画面が表示されます。

②例えば、2月のスケジュールのご案内の場合は、
　こんな感じ。

③「公開」ボタンをクリックすると

このようにブログトップに公開されます。

簡単ですね。


明日は、
　文字の大きさを変える
　文字に色をつける
方法についてお伝えします。

今日も最後まで読んでいただいてありがとうございました。