今回の記事は
ちょっとマニアックかもしれません…（笑）
最近、
幼児向け絵本の紹介記事を書いていて
幼児向け絵本のススメリンク集
記事の中で枠線を使って
Ameba Pickで絵本のリンクを貼ってるんですね。
こんな感じ↓
で、これパソコンから見てると
全然普通なんですけど
スマホから見ると
なぜか枠線が崩れちゃうんです…！
スマホから見るとこんな感じ↓
これがどーーしても
気になってですね…
で、いろいろ触ってたら
めっちゃ簡単に対処方法が分かったので
シェアしますね～
（需要があるかは分かりませんが…w）
Pickのリンクを貼ってない枠線は崩れてなかったので
この枠線の崩れはPickのせい！
なのでPickの表示設定を変えればよかったのです！
どうやってやるかというと～
まずは普通に枠線内にPickでリンクを貼って
右下にある【編集】をクリックします。
すると設定画面が出てくるので
【レイアウト変更】で真ん中を選択
（最初の設定は左側のやつになってます）
そうすると横長だったレイアウトが
スッキリ四角に
横長のレイアウトだと長すぎて
スマホの表示からはみ出る！
結果、連動して枠線も崩れる…というのが
原因だったみたいです。
ちなみに私は
絵本の表紙がよく見える方がいいかな～と思って
【画像サイズ】をＭにしてます。
（最初の設定はＳになってます）
この辺はご自由に～
そして完了をクリックして投稿。
スマホで見てみると～
枠線内にきちんと収まってる～
文字も切れてない～！！
こんな感じでめちゃめちゃ簡単に
枠線崩れを防ぐことができました
ちょっとマニアックな話だったので
同じことで悩んでる方がいるかは分かりませんがw
参考になれば嬉しいです！！
ちなみにPickでリンクを貼ってるのは
小遣い稼ぎではなくw
単純に絵本を紹介したいけど
本の表紙を無断でSNS等に載せるのは
違法になる可能性もあるので
Pickで絵本のリンクを貼って紹介する、
という形をとってます。
アフェリエイターさんじゃない限り
記事と関係ないPickのリンクをぺたぺた貼るのは
個人的にはあまりおすすめしません…
（だって子育て記事読んでたのに
何でいきなり化粧品出てきた！？とか
思うんだもん…）
そんなわけで
Pickも上手に活用できればいいな～と思います！
AmebaPickに限らず、読まれるブログにするためには
見せたいものがきちんと表示されているか
見づらくなってないかを確認するのはとても大事です。
自分のブログ、大丈夫かな？という方は
私が細かくチェックしてアドバイスいたしますよ～
こういう細かいところを見るのが好きなのよw
導線を整えて見やすく分かりやすいお仕事ブログへ！アメブロ導線アドバイス
