こんにちは。
『やさしいブログの作り方』の松田です。
今日は若干難しい話題です。
ケータイ／スマートフォン版のブログ対策としてお店のメニューや連絡先などを記事エリアに記載して、それを囲み枠で目立たせることをされている方は結構いらっしゃいます。
ケータイ／スマートフォン版のアメブロはパソコン版のようにCSSによるカスタマイズが適用されないので、記事エリアに直接修飾するような仕組みを取り入れないといけません。
例えば以下の囲み枠、パソコンで見ると同じように囲まれていますが、ケータイ／スマートフォンで見ると下の方は囲まれていないのがわかると思います。
これは上の囲みは記事エリアに直接修飾のプログラムを書いており、下はCSSに書いているためです。
パソコン版では囲み枠が表示されてわかりやすくなっているのに、肝心のケータイ版では枠が表示されていなくてリンクがわかりにくいというブログが結構あります。
他にもスマートフォン版のブログはリンクの色が薄い青になっていて下線も引かれていないので、リンクかどうかが若干わかりにくいという難点があります。
ご自身のブログは時々ケータイでチェックしましょう。＾＾
パソコン、ケータイ、スマートフォン・・・
ブログが見るツールによって異なる見え方がされてしまうことに対しても、こちらのサービスでは可能な限りブログを見に来てくれた人を迷わせない工夫をお伝えします。
『やさしいブログの作り方』の松田です。
今日は若干難しい話題です。
ケータイ／スマートフォン版のブログ対策としてお店のメニューや連絡先などを記事エリアに記載して、それを囲み枠で目立たせることをされている方は結構いらっしゃいます。
ケータイ／スマートフォン版のアメブロはパソコン版のようにCSSによるカスタマイズが適用されないので、記事エリアに直接修飾するような仕組みを取り入れないといけません。
例えば以下の囲み枠、パソコンで見ると同じように囲まれていますが、ケータイ／スマートフォンで見ると下の方は囲まれていないのがわかると思います。
お店のメニュー／料金／アクセス／お問い合わせ
お店のメニュー／料金／アクセス／お問い合わせ
これは上の囲みは記事エリアに直接修飾のプログラムを書いており、下はCSSに書いているためです。
パソコン版では囲み枠が表示されてわかりやすくなっているのに、肝心のケータイ版では枠が表示されていなくてリンクがわかりにくいというブログが結構あります。
他にもスマートフォン版のブログはリンクの色が薄い青になっていて下線も引かれていないので、リンクかどうかが若干わかりにくいという難点があります。
ご自身のブログは時々ケータイでチェックしましょう。＾＾
パソコン、ケータイ、スマートフォン・・・
ブログが見るツールによって異なる見え方がされてしまうことに対しても、こちらのサービスでは可能な限りブログを見に来てくれた人を迷わせない工夫をお伝えします。