誰でも簡単！アメブロで記事を装飾する「見出し」の付け方

2016/08/03 2016/08/09

以外と大変、困ったアメブロ

アメーバブログで記事を書いている人は多いと思うのですが、アメブロのエディターでは以外と文字の装飾をするのが大変ですよね、

今回は、アメブロで簡単に見出しを装飾出来る方法を紹介して行きたいと思います、

見出しと言うのは、記事の題名だったり、章の題名だったりとキチンと読んでいる人がパッと見で理解出来るようにした方が、親切ですよね、

アメブロのエディターでは、見出しの設定が「大見出し」「中見出し」「小見出し」とありますが、どれも装飾がない太い大文字、太い中文字って見栄えになっています、

これでは、少し、地味に感じしまいます、他のアメブロ記事との差別化もしにくいと思います。

ぱっと見の見栄えを良くして、他のアメブロ記事との差別化をすることで初めて、オリジナリティーのある「自分のサイト」にアメブロを仕上げる事が出来ます。

ここでは、だれでも簡単に、見出しの装飾をする事が出来るように、見出しのデザインとそのソースコードを表示して、任意の箇所を変えるだけでコピペで装飾が出来るようにします。

アメブロのカスタマイズは、使用するテンプレートにかなり依存していると感じます、装飾の仕方は２種類あるのですが、今回はテンプレートに依存しないで簡単でリスクの少ない方を紹介しますね。

使うのは、スタイルシートです、今の主流はcss（カスケーディングスタイルシート）なのですが、これは初心者向けではありません、基本同じ技術ですが、使い方に違いが現れます、

cssは１つのホームーページなりブログサイト全体に影響を与える事が出来るようになっています、20ページ100ページあるサイトのデザイン、装飾を一括で操作出来る仕組みになっていますが、使い方を覚えるのに時間がかかり、ミスをした場合の影響度がサイト全体に及んでしまうので、今回は使いません。

今回使う、スタイルシートは今のcss一括管理がメジャーになる前に使われていた方法で、サイト全体ではなく、記事の任意の単語、文字列に装飾を与える方法ですので、ミスをした場合でも影響がごく一部に止まり、アメブロのテンプレートに依存しないので初心者の方でも簡単に使う事が出来ます。

小難しい話はこの程度で、あとはデザインを選んでアメブロにコピーをし色を調整、文字を入れて装飾をしていきましょう。

カラーコードはこのサイトで好みの色を見つけて下さい。

カラーピッカー
６桁の英数字がカラーコードになります。