Loading…

STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録

スマホでピンチアウトできないStinger6、Stinger7、StingerPLUS+でのピンチアウト方法

本日の人気記事BEST10

所要時間目安: 約2


STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録

スマホでのピンチアウト操作方法

WordPressでのテーマとして超有名でかつ、カスタマイズ性に優れたStingerシリーズがあります。
そのStingerシリーズ(micataシリーズとAFFINGERシリーズ)では、最近(昨今流行り)のスマホでのピンチアウト操作ができない仕様になっています。

しかし、目が悪かったり老眼気味になってきたりもうちょっと拡大したいなぁ。という時に困ってしまいます。



スポンサーリンク

目次に戻る


スポンサーリンク

そこで、
Stinger6・Stinger7・StingerPLUS+においてスマホでのピンチアウトの方法を以下に記載します。

今回私の現在使用しているテーマはStinger6ですが、
Stinger7とStingerPLUS+でも同様の記述でピンチアウト操作ができる事を確認しています。

 

また、
ピンチアウト操作は拡大もできますが逆に縮小もできます。
(誰もが知っていると思いますが・・・・・・。ポリポリ (・・*)ゞ。)

しかし、拡大は良いのですが縮小した際に縮小しすぎてしまうということが起こりえます。

 

そんな縮小し過ぎをさせない・予防・改善させる為に以下の部分をその下の下の下のコードのように記述します。

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

header.phpの13行目当たりに上記記載があると思います。

この最後の部分の、

user-scalable=no

を、

user-scalable=yes"

に変更することでスマホでのピンチアウト操作は可能になります。

ですが、
上記したように縮小し過ぎないように(縮小し過ぎを防ぐ為に)以下のようにコードを追記(追記修正?)します。

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

要するに、以下のコードを追記します。

minimum-scale=1.0"

スポンサーリンク

こうすることによって、
スマホでのピンチアウト操作の時に縮小のし過ぎを防ぐことができます。

(もとのままの表示の大きさまでしか縮小されません。)

これは、micataシリーズでも使用できるのかなぁ。と思われますが、micataシリーズとAFFINGERシリーズでは未検証です。(micata2、AFFINGER4)

ですが、
以下の公式サイトにmicataでの公式なガイダンス?案内?があるので大丈夫なのではないかなぁ。と思われます。

micata2やAFFINGER4のデフォルトではピンチアウト(拡大)が出来ないようになっています。※ちなみにiOS10ではこの設定が無視されるようになりました
data-full-width-responsive="true"
data-full-width-responsive="true"

おすすめの記事一部広告


コメントを閉じる

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

STINGER PLUS+, Stinger6, Stinger7, WordPress, カスタマイズ, 伝えたいこと, 備忘録」同じカテゴリ人気記事

よろしかったらシェアよろしくお願いします。

+ クリックで展開します

おすすめ!!

世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!

世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!

おすすめ2

楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に!!楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。

楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に!!楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。

-STINGER PLUS+, Stinger6, Stinger7, WordPress, カスタマイズ, 伝えたいこと, 備忘録



この記事が良かったら
いいね!お願いします(#^.^#)

WordPressデビュー津々浦々の
最新情報をお届けします

言えないことはTwitterで!!



目次に戻る