こんばんは。心屋塾マスターコース63期受講中の…
63期のITアドバイザー（笑）
りゅうちゃんです。
今回は、「記事に枠をつける方法〜スマホ編〜」ついて書いていきます。
こんな感じで、文字や写真を囲うことができます。
やり方は難しそうですが、実は簡単です。
すでに書いてある記事を編集するより
新しく記事を書くときに枠をつけるのが特に簡単なので、下で説明します。
①下の謎の文字の羅列をコピー！
</div></div><div><br></div><div><br></div><div><br></div><div style="background:#bfffdf; padding:10px; border-radius: 10px; border: 3px dotted #00bf00;"><div>この字を消して、入力します。<br></div></div><div><br></div><div><br></div><div><br></div>
②アメブロのアプリで 新しく記事を書く を押して下の画面まで行く。
③画面右下の、「HTML編集」ボタンを押す
④開いたらコピーした謎の文字の羅列を貼り付ける！
そして完了を押す！
ここまでやって、前の画面に戻ると…
このように枠がついてる状態から編集を開始できます！
あとは枠の中に好きな字を書いて、好きな写真を貼ればいいー！やったねー•̀.̫•́✧
枠のデザインいろいろな組み合わせができます。
下に数種類用意したので、気に入ったのをコピーしてね
要望があれば、できる範囲でそのデザインのものを作ります！
また聞いてください。
この字を消して、入力します。
↑の枠は
</div></div><div><br></div><div><br></div><div><br></div><div style="background:#bfffdf; padding:10px;border: 3px solid #00bf00;"><div>この字を消して、入力します。<br></div></div><div><br></div><div><br></div><div><br></div>
この字を消して、入力します。
↑の枠は
</div></div><div><br></div><div><br></div><div><br></div><div style="background:#bfffdf; padding:10px; border-radius: 10px; border: 3px solid #00bf00;"><div>この字を消して、入力します。<br></div></div><div><br></div><div><br></div><div><br></div>
この字を消して、入力します。
↑の枠は
</div></div><div><br></div><div><br></div><div><br></div><div style="background:#bfffdf; padding:10px; border-radius: 10px; border: 3px solid #00bf00; width: auto; margin-right:6px; box-shadow: 5px 5px 5px #AAA"><div>この字を消して、入力します。<br></div></div><div><br></div><div><br></div><div><br></div>
この字を消して、入力します。
↑の枠は
</div></div><div><br></div><div><br></div><div><br></div><div style="background:#f7f7f7; padding:10px;border: 3px dotted #cccccc;"><div>この字を消して、入力します。<br></div></div><div><br></div><div><br></div><div><br></div>
この字を消して、入力します。
↑の枠は
</div></div><div><br></div><div><br></div><div><br></div><div style="background:#f7f7f7; padding:10px; border-radius: 10px; border: 3px dotted #cccccc;"><div>この字を消して、入力します。<br></div></div><div><br></div><div><br></div><div><br></div>
この字を消して、入力します。
↑の枠は
</div></div><div><br></div><div><br></div><div><br></div><div style="background:#f7f7f7; padding:10px; border-radius: 10px; border: 3px dotted #cccccc; width: auto; margin-right:6px; box-shadow: 5px 5px 5px #AAA"><div>この字を消して、入力します。<br></div></div><div><br></div><div><br></div><div><br></div>
この字を消して、入力します。
↑の枠は
</div></div><div><br></div><div><br></div><div><br></div><div style="background:#ffeeee; padding:10px; border: 5px double #ff0000;"><div>この字を消して、入力します。<br></div></div><div><br></div><div><br></div><div><br></div>
この字を消して、入力します。
↑の枠は
</div></div><div><br></div><div><br></div><div><br></div><div style="background:#ffeeee; padding:10px; border-radius: 10px; border: 5px double #ff0000;"><div>この字を消して、入力します。<br></div></div><div><br></div><div><br></div><div><br></div>
この字を消して、入力します。
↑の枠は
</div></div><div><br></div><div><br></div><div><br></div><div style="background:#ffeeee; padding:10px; border-radius: 10px; border: 5px double #ff0000; width: auto; margin-right:6px; box-shadow: 5px 5px 5px #AAA"><div>この字を消して、入力します。<br></div></div><div><br></div><div><br></div><div><br></div>
この字を消して、入力します。
↑の枠は
</div></div><div><br></div><div><br></div><div><br></div><div style="background:#eeeeff; padding:10px;border: 10px ridge #0000ff;"><div>この字を消して、入力します。<br></div></div><div><br></div><div><br></div><div><br></div>
この字を消して、入力します。
↑の枠は
</div></div><div><br></div><div><br></div><div><br></div><div style="background:#eeeeff; padding:10px; border-radius: 10px; border: 10px ridge #0000ff;"><div>この字を消して、入力します。<br></div></div><div><br></div><div><br></div><div><br></div>
この字を消して、入力します。
↑の枠は
</div></div><div><br></div><div><br></div><div><br></div><div style="background:#eeeeff; padding:10px; border-radius: 10px; border: 10px ridge #0000ff; width: auto; margin-right:6px; box-shadow: 5px 5px 5px #AAA"><div>この字を消して、入力します。<br></div></div><div><br></div><div><br></div><div><br></div>
こちらのブログを参考にさせていただきました。
勉強になります！