ヒーリング☆セラピスト　みゆりんです。

前回は、記事を効率よく書こう！でしたね。
今回は、セラピストさん必見！
　スマホでもできるっ！毎記事の下に、囲みの枠を作る編です。

推奨するのは、インターネットブラウザでの記事編集☆
アメブロアプリは使用禁止です。

※アンドロイド版のアメブロアプリ、   ほんま毎回タグ勝手に消しよるんですわ。

 
ところで私の動作環境ですが、
パソコンは、ブラウザにグーグルクローム使用
スマホは、iphoneなので、ブラウザはsafariです。

そして、アメブロの設定ですが、旧エディタ愛用です。
というか、枠をつけたり、記事の中もカスタムしたい場合、
タグ編集エディタか、旧エディタでないと無理とのこと。

これから、この記事を参考に、
「枠」をつけたり、
記事内に表を作ったり、したい方は、
どうぞ旧エディタをご利用くださいませ。

エディタの変更は、↓↓この、マークをクリックして、


↓↓この辺にある、基本設定、という所から変更してくださいね！

※いつぞや、モニター協力してくださった方に、ちらっっと、 　アンドロイド版での動作を見たのですが、正直 　アンドロイド版でのブログを使い倒せていないので、 　「やってみたけど、表示が上手いこと行かない」 　という場合は、教えてくださいませ。

さて、肝心の囲みの枠ですが、
↓コレ↓↓を表示させたかったら

下の中身をコピーして、ご自身のブログエディタの
【HTML表示】の中に貼り付ければ、完成です☆
↓↓一番シンプルな形のHTML表示↓↓
あとは、【通常表示】に戻して、
枠内をお好きな内容に、編集してくださいね！

ただし、複数行欲しい場合は【・テスト行】の後ろに、<br>を好きなだけくっつけてください。
枠の中に、行が増えます。

ここで、行を増やすために、通常表示で文字編集中に、枠の中で
【改行キー（エンターキー】を、ぽちっ！っとすると、
表示が崩れる危険大。。。(￣□￣；)

ここは、手間でも、HTML表示の、改行が必要なところに<br>を入れましょう☆

そして、色を変えたい場合は、↓末尾の赤字部分を変えます。
※書き換えるときは、必ず【英数半角】で！
━─━─━─━─━─
<div style="padding:10px;border-radius: 5px;border: 2px solid #ffc0cb;">

緑・・・006633
紫・・・990066
青・・・0066ｃｃ
黄・・・ｆｆｆｆ00
黒・・・000000

などなど。
他にも色の種類は選べますので、
webセーフカラーを参考に、お試しくださいませ。

他に、腺の種類も、変更できます。↓赤字部分ですね♪
━─━─━─━─━─
<div style="padding:10px;border-radius: 5px;border: 2px solid #ffc0cb;">

実線 →solid
点線→dotted
破線→dashed
二重線→double

となりますよ。（＾＾）
私が好んで使う枠は、実線なので、”solid”となっています。

他にも背景色を設定出来たり、グラデーションできたりと、
やろうと思えばイロイロバリエーションは豊富です。

が、

あんまりコテコテ装飾すると、肝心の伝えたい内容がね
伝わりにくくなるような印象があって、私は好きじゃない(;^_^A

ブログ全体のイメージとも合わせないと、そこだけ悪目立ちする感じもイタダケナイなぁ・・・。って思っちゃうのですよねぇ。

ということで、実際使うとなったら、シンプルな枠が一番使い勝手がイイので、枠の種類のご紹介はこの辺りで！

もっといろいろ試してみたい！という方は、
ぜひ、詳しく解説されている、こちらのページへどうぞっ！