スマホでピンチアウトできない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ではこの設定が無視されるようになりました

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

関連記事一部広告

スポンサーリンク

+ クリックで展開します

おすすめ!!

加圧シェイプで24時間無意識運動状態が可能!! 引き締め効果で魅力的なシルエットをサポート!! 運動している時だけでなく、仕事やプライベート就寝中にも!! 通気性がよく、体の動かしやすい伸縮性のある素材です!! 常に体が引き締まって、着心地いい!! 毎日着たい方用にセットも充実!!

女性必見のバストアップにおすすめ!!

マンガでの商品説明を販売ページに採用しています。 商品のメリットや良さが伝わりやすいです。 ★知名度と信頼度!ニュースアプリや芸能人ブログでも話題! (インスタグラム SmartNews yahoo アメーバ crooz 楽天) ●知名度が高く購入率の高い商品です。 ●ニュースサイトの紹介でも話題となり、有名タレント、モデル等にも使用して頂きブログなどでも紹介されている信頼度の高い商品です。 ●まとめ買いが多いのが特徴です。

関連記事

バイラルメディア風SNSボタン

Stinger6 Stinger7 WordPress カスタマイズ テーマ 伝えたいこと 備忘録

Stinger6、Stinger7でバイラルメディア風ボタン設置方法

ここのところ、よくブログサイトや大手企業のニュースサイトなどの記事の下に、 上記の画像のようなバイラルメディア風のSNSボタンが設置されているのをよく見かけると思います。 これまでは、とくに気にしなか・・・続きを読む

スパム対策Advanced noCaptcha reCaptcha

WordPress カスタマイズ セキュリティ 伝えたいこと 備忘録

Advanced noCaptcha reCaptchaでスパム対策が楽ちんになる方法

世の中、スパムスパムって結構いろいろありますがWordPressでサイト運営を行っているとかなりのスパムが来ているらしい…です。 たしかに管理画面にて確認してみると、Akismetでこれだけスパムを防・・・続きを読む

Pixlr(ピクセラ)

PC ツール ブラウザChrome 伝えたいこと 備忘録

無料おすすめな画像編集オンラインソフトPixlr(ピクセラ)がすごいっ

画像編集ソフトと言えばフォトショップ(Photoshop)が超メジャーなアプリケーションかと思われます。他にもオススメとしてはGIMPや名前は今回紹介するタイトルと同じですが、ちょっと違うたしかピクセ・・・続きを読む

テキストにリンクがある場合にくるっと回るアニメーション

WordPress カスタマイズ 伝えたいこと 備忘録

テキストにリンクがある場合にアニメーション効果をつけるCSS方法11選

先日画像にリンクがある場合に画像を透過させるCSSでの方法を記載しました。 画像にリンクがある場合にCSSだけでゆっくりと透過させる方法 リンクが付いたテキストや画像にマウスを乗せた時(マウスオーバー・・・続きを読む

目次に戻る

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



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

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

言えないことはTwitterで!!



  • この記事を書いた人
  • 最新記事

izumi

プロフィールページ詳細

はじめまして、izumiの旦那です。医療ミスにより長胸神経麻痺になってしまい若干の障害がありブログをさせていただいています。共同運営(しばらくは単独になると思います。)になりつつありますがよろしくお願いいたします。

Follow Me !

Copyright© WordPressデビュー津々浦々 , 2019 All Rights Reserved Powered by AFFINGER5.