スマホのアメブロアプリでも!記事に枠線を入れてみよう!

スマホ アメブロアプリ枠線

「アメブロの記事に枠線を入れたい!」

というのは多くのお客様からご相談いただきます。

こちらの記事もたくさんご覧いただいていますが

アメブロの記事に枠線を入れよう!~枠線の入れ方と注意点、失敗しないコツを解説!

2018.05.28

「スマホでしかブログを書かないので枠線が入れられません・・」なんて方も。

 

でも!

できる!!

できるんですよ!!

スマホのアメーバアプリでも、枠線、入れられます!!

という事で、どうやってスマホで枠線を入れるか解説します♪

 

スマホアプリで記事に囲み枠を入れる方法

ではさっそく、スマホで枠線を入れてみましょう!

枠線のタグをコピーする

まずは、枠線のタグがある記事をスマホで表示させてください。

このブログだとこちらの記事・・・

【永久保存版】コピペするだけ!アメブロで使えるかわいい囲み枠 10選

2018.05.29

 

アメブロでは600種類の枠線をご用意しています。

【全600種類】アメブロ用枠線

 

このページをブックマークしていてだくのがお勧めですが、毎回ブログを開いて探していただく場合、パソコン表示にしていただくと、メニューバーやサイドバーに枠線記事があるのでわかりやすいかと思います♪

スマホでもパソコン表示でブログを見る方法は、こちらの記事をご参考にどうぞ!

【2019最新版】スマホでもパソコン表示でアメブロを読む設定方法【Safari/Chrome/アメーバアプリ】

2019.10.10

 

スマホでも、こんな感じで表示できます。

アメブロ用枠線

(これはこのサイトではなくアメブロの枠線一覧記事です)

 

枠線のタグがあるページを開けたら、希望の枠線を決めてそのタグをコピーします。

このサイトの枠線記事だったらこの黒枠内の記号を・・・

アメブロ スマホでの枠線の入れ方

アメブロの枠線記事だったらこの記号を選択してコピーします。

アメブロ スマホでの枠線の入れ方

 

スマホでアメブロアプリを開く

続いてアメブロでの作業!

アメーバアプリの【ブログを書く】を開きます。

ここで、右下に【html編集】というところがあるので、そこをタップ。

スマホ アメブロ HTML

 

そうするとスマホでもHTML入力ができるようになりますので、希望の場所に先ほどコピーした枠線のタグを貼りつけましょう。

アメブロ スマホでの枠線の入れ方

 

できたら【完了】をタップすると・・・

こうなります!!

アメブロ スマホ 枠線の入れ方

 

スマホでの枠線入力は改行がめんどくさい!

スマホでの枠線入力でめんどくさいのが、改行です。

パソコンの場合、枠線内で改行する時はShift+Enterで改行できますが、スマホの場合その技がないので、普通に【改行】をタップするとこんな風になってしまいます・・・。

アメブロ スマホで枠線

 

解決策は2つです!

改行のタグ<br>をHTML表示で入力する

改行するタグは <br> です。

HTML編集で、改行したい場所にこのタグを入れれば改行できます。

のりんちゅ先生
私は、スマホの定型文登録で「か」って入力すると「br」が出るように設定しています!

 

文章を入力し終わってから枠線を入れる

最初から枠線内で改行する予定がある場合は、先に文章を入力してしまいます。

文章を打ち終わってから、冒頭に「枠線が始まる部分のタグ」を
文章の最後に「枠線が終わる部分のタグ」を入力すると崩れません。

アメブロ 枠線

 

結局このへんがめんどくさいので、私はいつもパソコンで枠線を入れてしまいます・・・

が、「スマホしかないから枠線を入れられない~!」という方は、ぜひ、こちらに挑戦してみてくださいね!

 

まとめ

枠線を入れることで、ブログは格段に見やすくなります♪

ちょっとした知識でできるので、ぜひぜひ、チャレンジしてみてくださいね!

 

スマホユーザーの方は、こちらの記事も必見です♪

【スマホでも!】アメブロでの写真アップ&大きさ変更の方法

2019.04.11

ABOUTこの記事をかいた人

櫻井 法恵

ビジネスのための魅せるアメブロ・Facebook作りのアドバイザー。 2014年に事務管理・ブログ管理として起業。 2016年より、講師&アメブロコンサルタントとして活動を開始。 アメブロとFacebookのみを使い、約2年間でのべ500人を集客する。