備忘録&雑記

当ブログのスマホ表示をようやく修正しました。

なんか、ずっとスマホ表示画面の文字が小さかったんですけど、ようやく修正できました。

以下のサイトでモバイル表示が最適化されているか確認できます。

モバイル フレンドリー テスト



広告



修正したところ

モバイル用ビューポート

完全に記述漏れです。以下をヘッダー内に追記すればOKです。

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

その他

  • コンテンツサイズをビューポートに合わせる
  • 基本のフォントサイズを16px、行間を1.2emにする
  • その他、細かいサイズ指定をビューポートやフォントサイズに合わせる

参考

モバイルSEO必須!WordPressブログを「スマホ対応」にする方法



広告



関連

WordPresを設置して、テンプレートを自作してみました。



広告





広告



関連記事

コメント

  • トラックバックは利用できません。

  • コメント (0)

  1. この記事へのコメントはありません。

コメントするためには、 ログイン してください。