【7月15/16日は年に一度のアマゾンプライムデー】特大タイムセール&最大5000ポイント還元

スマホで画面ズーム(ピンチイン・ピンチアウト)出来なくなった時の対処法~WordPress~

雑学(trivia)

つい先日wordpressのテーマをY-StandardからRowlingに変えて結果として大満足だったのですが一つ問題が発生しました。

それはズバリ「スマホで画像をズームすることが出来ない」です。前のテーマであるY-Standardではスマホで画像をズームすることが出来たので小さ過ぎて見にくい画像でもズームすれば見ることが出来たのですが、Rowlingにテーマを変えた途端にいくら画面を指で広げても拡大することが出来なくなってしまいました。

画像だけでなくページ自体を拡大することが出来なくなり、小さい文字とかも拡大出来なくなってしまったので色々調べて見たところ割と早く解決しました。

スポンサーリンク

解決法

WordPressのダッシュボードから「外観」→「テーマの編集」へと進み、「テーマヘッダー」をクリックします。すると上から4行目くらいの場所に

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

となっている箇所があるのでここのwidth以下を削除し

<meta name="viewport" content="width=device-width" />

とします。画像ではもう既に書き換えてあります。これで完了です。

また最大倍率を2倍、3倍に設定したい場合は

<meta name="viewport" content="width=device-width,maximum-scale=2" />

のようにwidthの後にmaximum-scale=数字と書けば大丈夫です。ともあれ通常だったら倍率を設定する必要はないと思います。参考:

ちなみ指を広げたり縮めたりすることを「ピンチイン・ピンチアウト」と言うらしいです。全然知りませんでしたが常識なのでしょうか。

コメント