ありがたいことに、
私が作成している枠線一覧の記事は
たくさんの方にご使用いただいております
たくさん使っていただけて
お役に立てて嬉しい
・・・のですが
いろんな方のブログを拝見していて
「あああ！！！！
その使い方やめた方がいいよ！！！！
スマホで見ると
枠線からはみでちゃってるのよぉ～！！！！！」
というパターンがあります。
それが次の３つです。
①写真が大きくてはみ出ちゃってるパターン
②リンクカードを貼ってはみ出ちゃってるパターン
③Amebaピックのカードを貼ってはみ出ちゃってるパターン
本当によく見かけます・・・
まぁ見れるっちゃ見れるけど
見た目がとってもとってもよろしくない・・・
で、これ、
それぞれちゃんと解決策がありますので
それをお伝えしていきますね！！！
※枠線のタグの種類によって、
パソコンによって、スマホによって、
表示が違う場合がございます。
「私は大丈夫だけど？」
などあるかと思いますがご了承ください
①枠線の中の画像がはみ出ないようにする方法
これは画像の大きさが問題です！！！
画像サイズがスマホの横の大きさよりも大きいと
はみ出てしまう・・・
ということで、枠線の中に写真を入れるのであれば
スマホからの閲覧も考慮すると
画像サイズの横の長さを
330px以下
にすることを推奨します。
そうすると、スマホで見てもこんな感じで
枠線からはみ出さなくなります
《関連記事》
【動画あり】スマホのアメブロアプリでの画像の大きさ変更方法！
枠線からリンクカードがはみ出さないようにする方法
「リンクカードがはみ出さないようにする方法」
と書きましたが
リンクカードははみ出します！！！！！
ということで、枠線の中に使うリンクは
リンクカードでなくて
テキストリンクを使うようにしましょう。
そうすれば問題解決です
「リンクカードって何？」
「テキストリンクって何？？？」
という方は
この辺の記事をご覧くださいね！
アメブロでのリンクの貼り方～パソコン・スマホでの操作の基本から簡単な方法までご紹介！
【アメブロ新機能】リンクカードの使い方！～わかりやすいリンクを貼ろう
③AmebaPickのリンクが枠線からはみ出さないようにする方法
こちらも、Amebaピックの表示を変えるだけです！
紹介するものを選ぶと一番最初に出てくる
デフォルトの、横長の表示を枠線内で使うと
こんな感じではみ出してしまうのですが・・・
Pickの表示設定は変えられます！！
Pickのカードのところの【編集】の表示をクリックすると
レイアウト変更ができる画面になります。
ここで
テキストリンク
か
画像の下にテキスト
のレイアウトの変えていただくと
枠線内にスッキリおさまります
《参考記事》
アメブロの新しいアフィリエイトサービス、AmebaPickにチャレンジしてみよう！
アメブロのアフィリエイトサービス！「Ameba Pick(アメーバピック)」の使い方！
アメブロの広告機能、AmebaPickの「おまかせ広告」機能に注意してー！！
「ブログがまだ整っていないのにアフィリエイト（AmebaPick）はやらない方がいいですか？」
まずは、パソコンで書いたときも
スマホで見たらどうなっているか
ちゃんと確認しましょうね！！！
まぁ、でも自分のスマホではちゃんと見れるけど
他の人のスマホから
見るとはみ出しちゃうパターンもあるのよね～
Amebaのアプリで見ているか
ブラウザで見ているか、などでも
表示は変わってきます
スマホ表示、難しい・・・・・
逆パターンで
スマホで記事を書いた時も
パソコン、もしくはパソコン表示にして
確認しましょう！！！
《その他関連記事》
ブログを書くのは、パソコン？スマホ？どっちがいいの？？
「スマホの１行の文字数に合わせて改行」とか、しなくていいですよ～！
「パソコンが苦手・・」って方に告ぐ！！ とりあえずマウスを買おう！！！！！
ブログの操作方法などは
個別コンサルでもお伝えしております！
