枠線で囲って強調する

こんにちは。
『やさしいブログの作り方』の松田です。

記事を書く際、重要なところや特にアピールしたいところは太字にしたり文字の色を変えたりして強調します。

ただ強調しすぎてどこが一番強調したいのかがわからないほどいろんな色を使って記事を書いている方もいます。＾＾；

見た目的にはカラフルですが、肝心の中身は読んでもらえない可能性があります。

ブログは読まれてこそです。

過度な装飾は読みにくさを演出してしまう恐れがありますので、できれば決まった色でシンプルに書く方が読者にとっては読みやすいブログになります。

強調したい場合にどんな装飾をするかですが、枠線で囲むという方法もあります。

私のブログではCSSのソースを書いたりする場合に使っているのですが、枠線で囲み、背景に少し色を付けるだけで他とは区別できますので結構重宝します。

記事編集画面のHTMLで表示を選択して以下のようなHTMLタグを書きます。

<div style="background:#ffeeee; padding:10px; border:1px solid #ff0000;">
囲み枠内の本文
</div>

こんな風に書きます。

このやり方を教えてほしいという質問がたくさん来ていますので、今回この囲み枠の作り方を詳しく解説した動画を用意しました。

ご興味のある方はこちらをご覧ください。


最後までお読みいただきありがとうございました。

無料メール講座配信中

これからブログを頑張っていきたい！ まずは基本から。
やさしいブログづくりのための、やさしいメール講座（全１０回）

やさしいブログ、書籍化！

ブログでビジネスを軌道に乗せるための行動術

「ブログを続けていてよかった」
そんな気持ちを一人でも多くの人と共有したいと思っています。＾＾

やさしいブログの仕事術

どんなビジネスも突き詰めれば人対人。
その良好な関係を築くのは、相手をおもんばかる気持ちと行動です。