Loading…

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

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

本日の人気記事BEST10

所要時間目安:2


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

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

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

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

スポンサーリンク

アドセンス336pxPC閲覧記事下表示1つ目コード

よく読まれている人気記事一覧

目次に戻る


スポンサーリンク

そこで、
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, カスタマイズ, 伝えたいこと, 備忘録」同じカテゴリ人気記事


アドセンス336pxPC閲覧記事下表示1つ目コード

おすすめの記事一部広告

関連記事

WordPress

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

サイドバーのウィジェットにタイトルを表示させずに追加する方法

テーマにもよりますが、サイドバーにデフォルト(はじめから)で追加されている状態のウィジェットがあると…

もっと読む

インスリンポンプ(SAP)取り付け画像

伝えたいこと 備忘録 治療 糖尿病(1型)インスリンポンプ

インスリンポンプSAP導入1型糖尿病(動画あり)

私自身ではないのですが、 大事な大事なパートナーの今後の予後をより良く合併症リスクを減らす意味でも、…

もっと読む

Windows10無償アップグレード後もアップグレードが可能でする方法

PC Windows10 アップグレード 伝えたいこと 備忘録 時事ネタ

Windows10無償アップグレード期間過ぎてもアップグレード方法(今のところ可能)

以前に、Windows10の無償アップグレード期間が昨年2015年7月29日にWindows10がリ…

もっと読む

Stinger7デモサイトスクショ

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

Stinger6のフッターに3カラムのウィジェットを追加する方法

WordPressのテーマには多くのものがあります。 中でも無料のテーマでStingerがとても有名…

もっと読む

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

おすすめ!!

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

おすすめ2

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

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



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

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

言えないことはTwitterで!!



目次に戻る


コメントを閉じる

comment

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

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