スマホでもみんなが入れているような
アメブロの可愛い装飾ができたらいいのにな
そう思っている方へ
スマホでも可愛い囲み枠が入れられる
一番簡単な方法をお届けしますね！
1,アメブロで使いたい囲み枠を探す
まずは自分の記事に使いたい囲み枠を見つけることからはじまります
インターネットで「アメブロ 囲み枠」と調べてみると、たくさんの囲み枠が紹介されています
マイコさんは初心者でも使いやすいシンプルだけど可愛い囲み枠を紹介しているので
こちらからどうぞ
2,囲み枠のタグをコピーする
使いたい囲み枠が決まったら、その囲み枠のタグをコピーします
タグとは英数字が並んだコードのようなものです（下の写真の赤枠参照）
この囲み枠のタグなのですが、最後の「＞」一つでもコピーし忘れるとうまくいかないので
最初から最後までまるっとコピーすることだけ気をつけてくださいね！
3,アメブロアプリで記事を書く
まるっとコピーができたら、次にアメブロアプリを開きます
コピーをしてると思うとなんだか焦ってしまいがちですが、大丈夫です！
コピーはすぐに消えたりしないので、落ち着いてアメブロアプリを開いて「記事を書く」の鉛筆マークを押してくださいね
いつもの記事を書く画面になったら
まずは囲み枠に入れたい文章を入力してください
下の写真では「これを囲み枠に入れて表示させていです」と入れています
先に枠だけ入れることも可能なのですが、文字を何も入れずに囲み枠を入れると
囲み枠が一番上に表示されてその上に文字入力ができなくなります
「新記事」と書いている場所に「あ」だけでもいいので何か文字を入れてから囲み枠を入れてくださいね！
文字の準備が整ったら、右上の【入力完了】を押します
4,HTML編集に切り替える
【入力完了】を押すと下の写真のような画面になります
ここで左下にある【HTML編集】を押してくださいね
そうすると下の写真のような画面になるので、【OK】を押してください
「表示が崩れる」って言うなんだかドキドキしちゃう文字が並んでますが、大丈夫です
これを読んで実行していただければ、崩れることはありません
安心して【OK 】を押してください
5,囲み枠のタグを貼り付ける
先ほど使いたい囲み枠のタグをコピーしているので、そのタグをペースト（貼り付け）します
貼り付ける場所ですが、先ほど入れた文字の後ろに入れてくださ
貼り付けができたら下の写真のように、先ほどのタグがここに表示されます
これができたら右上の【完了】を押してくださいね
6,囲み枠の中に文字を入れる
【完了】を押すと、通常の記事を各画面に戻ってきます
入れたいと思った囲み枠がきちんと表示されていれば、もう９割完成したと思ってちょっと深呼吸してくださいね！
では最後のステップ囲み枠に文字を入れましょう！
最初に囲み枠の中に入れたい文字を入力している場合は
それを全てカットしてください
カットができたら、囲み枠の中にペーストします
ペーストできると、囲み枠の中に入れたかった文字が入っていますよ！
これで完成です！
最初はドキドキものかもしれませんが、慣れれば時間もかからなくなりますよ
スマホで囲み枠を入れる時の問題点
実はこの囲み枠「改行」するときに少し問題があるのです
今回は先に文字入力をして、それをカットコピーする方法をお届けしたのですが
これはこの問題を回避するために行っている方法なのです
実はこの囲み枠は、「改行」を押すと、囲みが増えていってしまうのです
パソコンの場合はこれを「Shift+Enter」で回避することができるんですが、スマホではそれができないので改行を押すと
下の写真のように改行を押しただけ新しい枠が作られていってしまうんです
これがとても困るんですよね！
なので、スマホでの入力の際は先に文章を用意しておいて、それを貼り付けることでこれを回避します
もちろん改行なしでいい場合などは、囲み枠を入れた後から１行だけ文字入力しても大丈夫です
とにかく囲み枠は「改行」に弱いです
これは覚えておいてください
スマホで囲み枠を入れる６ステップ
- アメブロで使いたい囲み枠を探す
- 囲み枠のタグをコピーする
- アメブロアプリで記事を書く
- HTML編集に切り替える
- 囲み枠のタグを貼り付ける
- 囲み枠の中に文字を入れる
囲み枠は「改行」に弱いので、複数行はペーストで対応！
これであなたもスマホで囲み枠が使いこなせちゃいますよ！
囲み枠を使って可愛くて見やすいアメブロ記事を届けてください
0コメント