つい先日wordpressのテーマをY-StandardからRowlingに変えて結果として大満足だったのですが一つ問題が発生しました。
それはズバリ「スマホで画像をズームすることが出来ない」です。前のテーマであるY-Standardではスマホで画像をズームすることが出来たので小さ過ぎて見にくい画像でもズームすれば見ることが出来たのですが、Rowlingにテーマを変えた途端にいくら画面を指で広げても拡大することが出来なくなってしまいました。
画像だけでなくページ自体を拡大することが出来なくなり、小さい文字とかも拡大出来なくなってしまったので色々調べて見たところ割と早く解決しました。
ギフト券チャージでもっとお得にお買い物
普段からアマゾンで買い物するならギフト券チャージが断然オトク。
プライム会員なら最大2.5%ポイント還元されます。1万円チャージすれば250pt、10万円チャージすれば2500ptも。有効期限は10年もあるので安心です。
解決法
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=数字と書けば大丈夫です。ともあれ通常だったら倍率を設定する必要はないと思います。参考：http://www.sakurasakuyamayama.com/pinchin_out/www.sakurasakuyamayama.com
ちなみ指を広げたり縮めたりすることを「ピンチイン・ピンチアウト」と言うらしいです。全然知りませんでしたが常識なのでしょうか。
コメント