【追記あり】iPhoneで憧れの囲み枠を作るには

こんにちは、パソコンワンポイントレッスン！

PCインストラクターの川上です。


先日、このようなメッセージをいただきまして↓↓↓

読者登録させていただきます！
ずっとずっと、どうするんだろー？？？と、謎だった&憧れになっていた 枠！！！の作り方がのっている？！と、これから、読ませていただきます！！！
わぁー！ 謎だらけなので、嬉しいー♪
ありがとうございますー！！！
よろしくお願いします！

で、こちらこそ、よろしくお願いしま～～～す！って返事をしたら･･･

わあ！
お返事ありがとうございます♪
読ませていただいてましたら、iPhoneからは、できないのですかね？！
パソコンで、する時に、チャレンジしてみます！
ありがとうございます！

･･･って、いただきました！


いやいや～～、もちろんiPhoneからも囲み枠はできますよ～～！


では、どうやればいいのか、をお伝えしますね^^!


まず、私のこの記事の下にあるメニューバー（スマホの方のために新調しました^^!）

の左端の「囲み枠」をタップします。

すると、私の囲み枠のソースがのっている記事が表示されます。

そこで、お好みの囲み枠を見つけます。ここでは【ぴんく（角丸）（影つき）】の枠を作ることとします。

枠のソースを範囲指定して、コピーします。

次に、iPhoneで［ブログを書く］をタップします。

そこで、右下の「タグ編集」をタップします。

すると、

タグ編集モード
本文をHTMLタグで表示します。
表示が崩れる可能性がありますので編集にはご注意ください。

というメッセージが表示されますが、［OK］をタップします。
（だって、どう注意すればいいのかってまだわかりませんものね^^;）

「ブログを書く」画面から「タグ編集」画面に切り替わりますので、
そこのタグ編集画面で、ペーストしてあげます。

先ほどコピーしたタグが表示されます。

右上の［完了］をタップすると、「ブログを書く」画面に切り替わり、ちゃんと囲み枠が表示されています。

あとは、中身を入力し直してあげれば完成です！！！

ただし、枠の中に複数行書く場合は、「ブログを書く」画面ではなくて、「タグ編集」画面で書かれるとよいです。改行のタグは<br>をお忘れなく。
（もちろん、複数行のタグも追加しておりますので、そちらのタグを使っていただいてもOKです～^^!）


さ、どうでしょうか？できましたでしょうか(^^♪
（もちろん、iPhone使い慣れている方は、もっと便利なやり方がありますが、まずは基本的なこの方法でチャレンジしてみてくださいませ～！）


＜追記＞
iPhone以外のスマホの方から、このようなご質問をいただきました↓

ブログで囲み枠をしようとしたのですが、XPERIAからではうまくできないんですが、これはiPhoneでなければ難しいんでしょうか？
iPhoneのやり方でやっても枠にならないんです(;_;

もちろん、XPERIAでも、他のスマホでもできます～！

あ、こちらの方々の記事をご覧くださいませ～～～


『Androidスマホで憧れの囲み枠を作るには』

『Androidで囲み枠を挿入する方法　タグ編集画面　（動作レポ追記あり）』


ただし、アンドロイド・スマホの方、注意が必要です。

タグ編集画面のまま公開することです。一度、通常画面に戻すと、枠が消えてしまいますので^^;




以上、アメブロ便利技でした。


LIDS札幌・ライフデザインスクール
川上 雄大

囲み枠｜見出し付枠｜色コード｜メニューバー