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