┏…━━━━━━━━━━━━∴★☆
ブログの文字を綺麗に装飾する
☆★∴━━━━━━━━━━━━…┛
こんにちは！(｡･ω･)ﾉﾞ
今回は、皆様のブログを華やかにしてくれる
装飾方法をレクチャーします♪
その前に…先日は複数の記事を書きましたか？(^▽^)
その記事は、すべて同じ文字の大きさで…
視覚的には平坦な抑揚がない…
そんな文章だったりしませんか｡ﾟ(ﾟ´Д｀ﾟ)ﾟ｡
その文章にひと手間加えて、読む方に気持ち良く、
ストレスなく読んでもらえるように装飾を施しましょう♪
文字が読みやすく、リンクがわかりやすい.
これって読者目線ではとても大事です。
ブログ記事ライティングの基本とも言うべき項目です(*ﾟｰﾟ)b
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
文字は大き目！
リンクは目立つように青色！
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
それでは早速装飾の仕方をお教えしますので、
先日書いた文章に装飾を施してみましょう！
ブログの記事は、書いた後でも変更出来るようになっています。
昨日書いた一番新しい記事の編集画面へ行きましょう。
■━━━━━━━■
記事を編集
■━━━━━━━■
まず、アメーバのマイページにログインしてください(*ﾟｰﾟ)b
そして、上側のメニューの【アメブロ】をクリックしましょう♪
そうすると、左側のメニューに【記事の編集・削除】
という項目が出てきましたね？
そこをクリックすれば、どの記事を編集・削除しますか？
というような画面が出てくるはずです(=^o^=)
早速、昨日書いた記事を編集してみましょう！
【編集】ボタンをクリックしてください♪
※注意 このとき、【削除】ボタンは押さないでくださいね！
（記事が消えてしまいます)（；ω；）
さぁ！これで記事の編集画面になりました。
■━━━━━━━━━━■
文字を強調する１
■━━━━━━━━━━■
それでは実際に文字の大きさや色を変更してみましょう！
試しに、記事の一番最初の文章を装飾してみましょうか♪
まずは皆様の記事の一番最初の文章をドラッグしてください。
ドラッグは覚えていますか？
そう、文字をコピー＆ペーストするときのように
左クリックを押したままの状態を保って、文字をなぞります！
（なぞった文字の色が反転していればＯＫです）
その状態で、編集画面の上の方に「Ｂ」というボタンを押してみましょう。
これはBold（ボールド）といって、
文字を太く強調する装飾です。
「Ｂ」を押したら文字が大きくなっていませんか？
大きくなっていればバッチリです♪(*ﾟｰﾟ)b
■━━━━━━━━━━■
文字を強調する２
■━━━━━━━━━━■
次に、文字の大きさを変更してみましょう！
先程と同じように文章をドラッグしてみてください。
ドラッグする文章は２行目の文章にしましょうか！
ドラッグが完了したら、上側のメニューの
[文字サイズ]をクリックしましょう♪
※以前はこの部分は、別の表示になっていました。
このように仕様が変わることが多々あるのでその都度
確認するクセをつけないといけませんね(;^_^A
[文字サイズ]をクリックすると数字が出てくるかと思います。
１～７まであると思いますが、ここでは「４」でやってみましょう。
文字サイズの「４」を選択してください。
これで、ドラッグした文字の大きさが
他の文字より大きくなります(=^o^=)
文字サイズの１は通常サイズです。２と３は多少大きくなるものの、
そこまで劇的に大きくなる訳ではありません。
最も効果的に文字装飾を行うには、
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
Bold強調
文字のサイズ変更
文字色を変更
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
が重要であると言う事が出来ますね！
それでは次に文字色の変更を実際にやってみましょう！
■━━━━━━━━━━■
文字色を変更する
■━━━━━━━━━━■
文字の色を変更する場合も、
基本的には文字をドラッグするところからです♪
今度は編集している記事の３行目の文章をドラッグしてみてください。
ドラッグ後、上側のメニューの「Ｂ」の
左隣のボタンをクリックしてください。
カーソルを合わせると、「カラーパレット」と表示されるはずです。
このカラーパレットで文字を好きな色に変更出来ると言う訳です♪
試しに赤色で文字色を変更してみましょう(^-^*)/
出来ましたか？慣れればとってもカンタンに出来ちゃいますね♪
┏…━━━━━━━━━━∴★☆
サイトで見やすい文字の色
☆★∴━━━━━━━━━━…┛
さぁ文字を装飾する方法は覚えましたね♪
じゃあ記事の文字はたくさんすればいいのかって？
いいえ、違います。
文字の装飾は、
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
読者が読みやすい記事にする為
記事にメリハリをつける為
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
というポイントが目的となります。
なんでもかんでも赤くしたり色をつけたり
大きくしたり強調したりしていい訳ではありません(ﾟｰﾟ;A
特に！文字色については注意が必要です。
記事の内容が素晴らしくても、
視覚的に見づらいサイトでは
読んでもらえないので損をする事になる訳です。
背景が赤で文字がオレンジでは見にくいですし
背景が黄色だと目がチカチカします。
背景が白、文字が黒が鉄則です(*ﾟｰﾟ)b
デザインを重視して背景が黒、文字が白の
テンプレートもありますが、見にくいです(;^_^A
強調させたい部分に赤文字を使われると
目がチカチカしますし…
先日他の方のブログを添削していて、
上記のような見づらい文字色を使っていたので指導した所
カッコイイから変えない、と言われてしまいました(^▽^;)
カッコ良いかどうかは訪問者が判断してくれます。
自己満足で見づらいサイトを作らない！
訪問者の事を考えて作るのが大切です♪
また背景が白でも灰色の文字では
薄くて見づらい人もいます。
普通は強調させる部分に赤文字を使いますが
全部赤文字だったら訪問者も困惑するでしょう。
デザイン性を重視するあまり
見づらいサイトになっているケースが
多々見受けられます…訪問者にストレスを
与えてしまっては儲かる物も儲かりません。
また「文字の大きさが極端に小さい」
コレも問題があります。
特にターゲット層が中高年の場合は
老眼を考えて大きい文字にした方が、
訪問者にストレスを与えません。
逆に若者がターゲット層の場合は
大きすぎると逆に違和感を与えてしまいます(ﾟｰﾟ;A
背景・文字の色はテンプレートのCSSを
変更すれば全記事一括で変わりますので、
今のテンプレートが気に入ってる方は、
背景・文字の色だけ変更しましょう。
これから新しくブログを作成する時などは、
文字が黒、背景が白のテンプレートを
選択するようにしてください(｡･ω･)ﾉﾞ
┏…━━━━━━━━∴★☆
見やすいサイトの具体例
☆★∴━━━━━━━━…┛
皆様がブログを更新して記事を書き溜めていく中で、
他の人が作っているブログは大変参考になります。
皆様のブログにある要素、ない要素、
様々な事が勉強になると思います。
文章の書き方、どういう画像を使っているか。
プロフィールはどういう風に凝っているか、等々…
実際にどういうブログが見やすいのでしょうか？
具体例を下記に並べますので、興味があるブログを
見てみてくださいね♪
※全て一般の方のブログです。
↓↓↓↓↓
【うにの秘密基地】
http://ameblo.jp/sauta19/
猫の画像を中心にかわいらしくまとまっているブログ
画像が多いためページの読み込みが遅いのがネックです。
レイアウトはキレイです♪
この「ページの重さ」というのは、
モノを売る上ではキケンです！
【アキバ系OLみかんの六本木ランチとグルメ日記】
その名の通り、グルメ日記です。
ブログ名を見ただけで内容がすぐ想像できますね♪
素晴らしいタイトルだと思います。
ブログのレイアウトもスッキリしていて好感度が高いです。
【良品生活～MUJI LIFE～】
インテリア系のブログです。
いかにもイマドキのOLさんが好きそうなデザインです。
全体的にシンプルでスッキリしていて、
不快感を与えないつくりになっています。
背景色がやや紫がかっていますが、
淡色で文字が見やすいように工夫してあります。
【ADHD、愛着障害のある娘。～産んだ覚えはございませんが】
精神的な重さがある内容のブログですが、
人の感情に訴えかけるという意味ではとてもいいブログです。
内容が事実であろうが脚色であろうが、
読者には記事を読んでもらわなければいけませんから、
ビジネスの為に こういった形のブログを作るという手法もあります。
↑↑↑↑↑
以上、一般の方のブログですが、
デザインや文字など参考になるであろうブログを
紹介させて頂きました♪
一度目を通してみて、皆様のブログと比べてみてはいかがですか？
本日はブログの文字装飾など、
納得のいくまで試してみてください！
本日はここまでです！
それでは本日は、複数の記事の文字を装飾しながら
復習してみてくださいね♪