調子よく,続けて更新の当ブログ・・・

 

やればできる子です(笑)

 

さて、今日のお題は・・・

 

これを読んでいるほとんどの人は「?」な内容。

 

 

 

うちのHPは、WordPress (ワードプレスhttps://ja.wordpress.org  )を使って,サイトを作っています。

 

よくアップデートやらなんやらかんやらあってますが、そのおかげでなかなか調子よく動作してくれています。

 

 

そんな中、昨日アップしたブログを帰りながら自分のiPhoneで確認してて、「あれ???」って思ったことが。。。

 

 

 

画像が拡大されない・・・ズームが出来なく、まったく画像の字が読めない困った状態に。(私が老眼なのはナイショ)

 

なんでだろうと思い、さっそくサイト内で変更しようとしても無理・・・

 

その後、コードを眺めていたけど、まったくわからず。

 

そんな時、フッと思い出したことが・・・

 

”viewport”

スマホに最適化させる際、このviewportを調整して表示させるのですが、もしかしてそこかな?と、header-single.php確認したところ・・・

ビンゴ!

やっぱりここでした。

*うちが使っているThemeだとheader-single.phpになりますが、通常はheader.phpを確認してみましょう

と、言うわけで早速書き換えを。

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

 

こうなっていたものを・・・

 

<meta name=”viewport” content=”width=device-width,initial-scale=1.0″>

 

こう書き換えます。

 

そして、次にCSSにこう追記しました。

 

body {
  -webkit-text-size-adjust: 100%;
}
これで多分大丈夫なはず・・・
変更後、早速昨日のブログを再確認。
いいね・・・iPhoneでブログをピンチ操作(指で広げる)したらバッチリ拡大されます。
これで、LINEでお客様から「字が小さくて見えんっちゃけど?」と、言われなくなりますね。
本当は、もっと難しい言葉が飛び交うこの内容、でも、そんなのわからない方々がたくさん見ているので、超簡単にブログに書きました(笑)
しばらくサイトをチェックしてなかったので、これからしばらくいろいろとチェックしてみますね。
何かいっぱい出てきそう・・・不具合が。。(苦笑)