何でもあきらめず女々しく続けることが楽しくなる

続けることが最強ブログ

アフィリエイト

WINGアフィンガー5でスマホ表示の時 拡大ができない

更新日:

アフィンガー4まではスマホでも拡大表示できました。

WINGアフィンガー5になったらスマホで拡大表示ができなくなりました。

そこで色々調べましたが、古い情報しか載ってませんでした。

でもとりあえず参考にして自分なりに解決できました。

AFFINGER5でスマホ表示の拡大

外観のcssをちょっといじります。

慎重にコピーを作成してから作業してください。

わたしの場合は他にもアフィンガー5を使ってるサイトが複数あるのでコピーすればいいし。

元が保存してあるので入れ替えればいいだけ!

 

それでは触っていきます。

cssカスタマイズ

まずログインして外観=>テーマの編集 に行く。

そこで表示されるのは子テーマです。

親テーマをいじらないとダメです。

親テーマを開きます。

右端にありますテーマファイルを見て探してください。

WING-AFFINGER5があったらクリックして開きます。

 

そこでテーマのヘッダー(header.php)がありますのでクリックして開きます。

開くとcssが並んでいます。

上から13行目です。

そこをちょっと変えるだけ!

どこが変わったかわかりますか?

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

この部分の最後の部分

1.0,user-scalable=yes">

このようにnoyesに変えるだけ。

yesに変えたら後は消す。

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

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

このように変えたら最後はファイルの更新を押して完了!

これでスマホ表示されても拡大できます。

くれぐれも他は触らないようにしてください。

 

表示できなくなったりします。

注意しながらくれぐれも自己責任で行ってください。

たった>がなくても表示できません。

拡大表示するスマホ画面

ページによってはできないページもあるようです。

原因はよくわかりません。

でもこのサイトは大丈夫!

拡大するとこんな感じ

拡大もわたしはあんまり使いませんが、できないよりできるほうが良いんじゃないかな~

観覧者ユーザーには良いんじゃないのかな~

拡大できないメリットがあるのは製作者側だけの問題だと思います。

 

ユーザーも拡大したくなかったらしなくて良いわけだから…

拡大したい写真などもあるでしょう。

 

 

-アフィリエイト

Copyright© 続けることが最強ブログ , 2020 All Rights Reserved.