グッと読みやすくなる！スッキリかわいいアメブロ囲み枠の作り方

今日はアメブロで使える囲み枠とお申込みボタンの作り方をご紹介します。

読みやすいブログには読みやすい工夫があって、その一つが囲み枠です。

他の文章とここの文章は違うよ！注目だよ！

と視覚的に訴えることで、サーっと読んでいる読者さんも無意識ベースであまたが切り替わり、目が留まります。

囲み枠にもいろいろ種類があって、

『どこの場面でどの囲み枠を使えばいいの？』

と迷ってしまうケースもあるかと思います。

そんな方のためにおすすめ使用ケースも併せてご紹介しますので、是非ご活用ください。

アメブロ記事に囲み枠を入れる方法

最初に記事に囲み枠を表示させる方法をご説明します。

やり方はもうわかっています！という方は次ページへ直接どうぞ。

アメブロでブログを書く時に開く『ブログを書く』の画面、左下に『通常表示』と『ＨＴＭＬ表示』というタブがあります。

いつもは『通常表示』となっているのですが、囲み枠を作る時は『ＨＴＭＬ表示』をクリックします。

▼ こちらのHTML表示画面に次のページでお伝えする囲み枠のコードをコピー＆ペーストして…

▼『ＨＴＭＬ表示』から『通常表示』に切り替えると、

▼このように囲み枠が現れます。

ここの『ここに本文を入力。改行はShift+Enter』の部分を消してお好きな文章を入れてください。

それでは、次ページでそのままコピペして使える囲み枠のコードとおすすめ使用ケースをご紹介します。