「アメブロの記事に枠線を入れたい!」
というのは多くのお客様からご相談いただきます。
こちらの記事もたくさんご覧いただいていますが
![アメブロ 枠線の入れ方](https://sakurainorie.com/wp-content/uploads/2018/05/1884fcc843bf4e1355a7fb913ad3c692_s1-320x180.jpg)
「スマホでしかブログを書かないので枠線が入れられません・・」なんて方も。
でも!
できる!!
できるんですよ!!
スマホのアメーバアプリでも、枠線、入れられます!!
という事で、どうやってスマホで枠線を入れるか解説します♪
スマホアプリで記事に囲み枠を入れる方法
ではさっそく、スマホで枠線を入れてみましょう!
枠線のタグをコピーする
まずは、枠線のタグがある記事をスマホで表示させてください。
このブログだとこちらの記事・・・
![アメブロ 可愛い 枠線 10選](https://sakurainorie.com/wp-content/uploads/2018/05/43276e78305eec98d999dbb34ca616e1_s1-320x180.jpg)
アメブロでは600種類の枠線をご用意しています。
このページをブックマークしていてだくのがお勧めですが、毎回ブログを開いて探していただく場合、パソコン表示にしていただくと、メニューバーやサイドバーに枠線記事があるのでわかりやすいかと思います♪
スマホでもパソコン表示でブログを見る方法は、こちらの記事をご参考にどうぞ!
![スマホ パソコン表示 ブログ](https://sakurainorie.com/wp-content/uploads/2018/07/DSC04496-1-320x180.jpg)
スマホでも、こんな感じで表示できます。
![アメブロ 枠線 スマホ](https://sakurainorie.com/wp-content/uploads/2019/04/wakusennsumaho.jpg)
(これはこのサイトではなくアメブロの枠線一覧記事です)
枠線のタグがあるページを開けたら、希望の枠線を決めてそのタグをコピーします。
このサイトの枠線記事だったらこの黒枠内の記号を・・・
![アメブロ スマホでの枠線の入れ方](https://sakurainorie.com/wp-content/uploads/2019/04/56963233_1269919623161063_2669814472205402112_n.jpg)
アメブロの枠線記事だったらこの記号を選択してコピーします。
![アメブロ スマホでの枠線の入れ方](https://sakurainorie.com/wp-content/uploads/2019/04/56757192_2288915141392017_3660594768045408256_n.jpg)
スマホでアメブロアプリを開く
続いてアメブロでの作業!
アメーバアプリの【ブログを書く】を開きます。
ここで、左下に【html編集】というところがあるので、そこをタップ。
![スマホ アメブロ HTML](https://sakurainorie.com/wp-content/uploads/2019/04/sumaho-1.jpg)
そうするとスマホでもHTML入力ができるようになりますので、希望の場所に先ほどコピーした枠線のタグを貼りつけましょう。
![アメブロ スマホでの枠線の入れ方](https://sakurainorie.com/wp-content/uploads/2019/04/スマホ画像3.jpg)
できたら【完了】をタップすると・・・
こうなります!!
![アメブロ スマホ 枠線の入れ方](https://sakurainorie.com/wp-content/uploads/2019/04/スマホ画像5.jpg)
スマホでの枠線入力は改行がめんどくさい!
スマホでの枠線入力でめんどくさいのが、改行です。
パソコンの場合、枠線内で改行する時はShift+Enterで改行できますが、スマホの場合その技がないので、普通に【改行】をタップするとこんな風になってしまいます・・・。
![アメブロ スマホで枠線](https://sakurainorie.com/wp-content/uploads/2019/04/56711100_2598139183533895_2937967993667190784_n.jpg)
解決策は2つです!
改行のタグ<br>をHTML表示で入力する
改行するタグは <br> です。
HTML編集で、改行したい場所にこのタグを入れれば改行できます。
文章を入力し終わってから枠線を入れる
最初から枠線内で改行する予定がある場合は、先に文章を入力してしまいます。
文章を打ち終わってから、冒頭に「枠線が始まる部分のタグ」を
文章の最後に「枠線が終わる部分のタグ」を入力すると崩れません。
![アメブロ 枠線](https://sakurainorie.com/wp-content/uploads/2019/04/枠2.jpg)
結局このへんがめんどくさいので、私はいつもパソコンで枠線を入れてしまいます・・・
が、「スマホしかないから枠線を入れられない~!」という方は、ぜひ、こちらに挑戦してみてくださいね!
まとめ
枠線を入れることで、ブログは格段に見やすくなります♪
ちょっとした知識でできるので、ぜひぜひ、チャレンジしてみてくださいね!
スマホユーザーの方は、こちらの記事も必見です♪
![アメブロ画像の大きさ変更 スマホ パソコン](https://sakurainorie.com/wp-content/uploads/2019/04/画像サイズ-320x180.jpg)