こんにちは。
『やさしいブログの作り方』の松田です。
アメブロの記事内に囲み枠を使うと、その部分を目立たせたり、その前後と区切りをつける効果があります。
例えば、お客様の感想を載せたり、募集の詳細を書いたりする場合などに使うととてもわかりやすくなります。
囲み枠はいろんなパターンがありますが、お店や教室のブログで使う場合は、比較的シンプルな方がよいです。
あまりきらびやかなものとかカラフルなものは逆に目立たせたいところが目立ちにくくなります。^^;
基本的には背景が薄い色で、枠線が濃い色の囲み枠がベターです。
やり方は、まず上記のHTMLタグをコピーします。
そして、記事を書く画面を開き、標準エディタまたは新エディタを使っている方は、HTML表示に切り替えます。(タグ編集エディタの方はこの手順は不要です。)
コピーしたタグを貼り付けます。
標準エディタまたは新エディタの方は標準表示に戻します。
これで記事編集内に赤の囲み枠が表示されますので、後は中の文章を作ればOKです。
なお、枠内でエンターキーの改行をする際、お使いのパソコンによっては枠が2つにパカっと割れてしまう場合があります。
その際は、シフトキーを押しながらエンターキーを押して改行すれば枠が割れずに改行することができます。
文章の説明ではイマイチわからないという方は動画をご参考に。^^
最後までお読みいただきありがとうございました。
『やさしいブログの作り方』の松田です。
アメブロの記事内に囲み枠を使うと、その部分を目立たせたり、その前後と区切りをつける効果があります。
例えば、お客様の感想を載せたり、募集の詳細を書いたりする場合などに使うととてもわかりやすくなります。
囲み枠はいろんなパターンがありますが、お店や教室のブログで使う場合は、比較的シンプルな方がよいです。
あまりきらびやかなものとかカラフルなものは逆に目立たせたいところが目立ちにくくなります。^^;
基本的には背景が薄い色で、枠線が濃い色の囲み枠がベターです。
<div style="background:#fffcfc; padding:10px; border:1px solid #ff0000; border-radius:10px;">
囲み枠内の本文
</div><br><br>
囲み枠内の本文
</div><br><br>
やり方は、まず上記のHTMLタグをコピーします。
そして、記事を書く画面を開き、標準エディタまたは新エディタを使っている方は、HTML表示に切り替えます。(タグ編集エディタの方はこの手順は不要です。)
コピーしたタグを貼り付けます。
標準エディタまたは新エディタの方は標準表示に戻します。
これで記事編集内に赤の囲み枠が表示されますので、後は中の文章を作ればOKです。
なお、枠内でエンターキーの改行をする際、お使いのパソコンによっては枠が2つにパカっと割れてしまう場合があります。
その際は、シフトキーを押しながらエンターキーを押して改行すれば枠が割れずに改行することができます。
文章の説明ではイマイチわからないという方は動画をご参考に。^^
最後までお読みいただきありがとうございました。
4つの無料メール講座配信中
これからブログを頑張っていきたい! まずは基本から。
やさしいブログづくりのための、やさしいメール講座(全10回)
「来てよかったです!」と言われるイベントにするために。
少人数イベント実施のための5つのステップ+αが学べる無料メール講座(全10回)
メルマガ、やってみたいけどどうすれば?という方へ
初めてでも安心して始められる、ステップメールの作り方メール講座(全10回)
パソコンワーク、もっと時短できますよ。
ブロガーさんのための、パソコンワーク時短術10の技メール講座
やさしいブログづくりのための、やさしいメール講座(全10回)
「来てよかったです!」と言われるイベントにするために。
少人数イベント実施のための5つのステップ+αが学べる無料メール講座(全10回)
メルマガ、やってみたいけどどうすれば?という方へ
初めてでも安心して始められる、ステップメールの作り方メール講座(全10回)
パソコンワーク、もっと時短できますよ。
ブロガーさんのための、パソコンワーク時短術10の技メール講座
書籍紹介
ブログでビジネスを軌道に乗せるための行動術
ブログを続けていてよかった、そんな気持ちを一人でも多くの人と共有したいと思っています。^^