STINGER5-ユーザのピンチ操作で記事や画像を拡大できるように設定する

公開日: : MEMO, WEB&SEO, WEB関連, WORDPRESS , , ,

現在製作している別のブログで STINGER5を使わせてもらうことにしました(この場を借りて作者様にお礼申し上げます)。

STINGER5はレスポンシブデザインに対応したということで、従来のSTINGER3とはCSSの構成なども変わっていて なかなか弄るのが大変です。

さて、本日その新サイトをスマホで閲覧していたところ、記事や画像をピンチで拡大できないことに気づきました。

私の場合、細かい「図」や「表」などを用いて説明するコトが多いので、画像が拡大できないと、iphone4sのような小さなサイズの画面では結構しんどいわけです。

そこで、ユーザのピンチ操作で、記事や画像が拡大できるようにテーマを修正することにしました。

で、調べてみると、原因はSTINGER5デフォルトの「viewport」設定にあることが判明(*原因といっても 別にバグや記述間違いというわけではありません)。

header.phpの8行目あたりに

meta name=”viewport” content=”width=device-width,initial-scale=1.0,user-scalable=no”

という記述があり、ここの「user-scalable=no」部分が、「ユーザによる拡大縮小は禁止」という意味になります。

stinger5_kakudai001

そもそもviewport設定を巡っては様々な論議があるらしく、拡大縮小のユーザ操作を禁じる「user-scalable=no」にもメリット・デメリットがあるとのこと。STINGERの作者様も意図があってこのように記述しているのだとは思うのですが、ここは以下のサイト(2.IDEAさん)を参考にして、以下のように変更することにしました。

上記、ページを参考に「meta name=”viewport” content=”width=device-width,initial-scale=1.0,minimum-scale=1.0″」と変更。

stinger5_kakudai002

これで、ピンチ操作で拡大ができるようになりました。

  • このエントリーをはてなブックマークに追加
  • LINEで送る

関連記事

GoogleAnalyticsのデータにリファラスパムが入るのを防ぐ方法

Google Analyticsなど解析ツール利用者の心理を巧みについた迷惑行為「リファラスパム」。

WordPressで画像挿入時にリンク先の設定をデフォルトで「なし」にする方法

WordPress(ワードプレス)で文章内に画像を入れ込む場合は「メディアを挿入」ウィンドウで対象の

WinX DVD AuthorでMP4をDVDに書き出す方法(1)

この記事では「WinX DVD Author」を用いてMP4動画をDVDビデオに書き出す方法を紹介し

Googleアドセンスの報酬額やクリック数をページごとに確認する方法

Googleアドセンスの管理画面から確認できる報酬額は、基本的にサイト全体から発生したクリック収益の

足元の冷え解消!足温グッズレビュー(3) ホットマルチヒーター

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに いつの間にか数種類の足温グッズ

三菱東京UFJ銀行から届く「メールアドレスの確認」は詐欺メールなので注意!

以前も紹介しましたが、三菱東京UFJ銀行から「メールアドレスの確認」といったメールが届いた場合は、基

FileZillaでアップしたデータが表示されない/見当たらない場合の対処方法

とあるデータの受け渡し時のこと。先方が FTPサーバにデータをアップしたというので、FileZill

robots.txtの書き方について

robots.txtの書き方について迷ったので簡単にメモ。 robots.txtとは「ページ作成者

Amazonカスタマーサポートにメールを送る際「名前を入力してください」とエラーが出た場合の対処方法

Amazon driveについて確認したいことがあり、カスタマーサポートにメールで問い合わせてみるこ

windows7でマルシー(コピーライト・著作権表記)を表示させる方法

著作権をあらわす「©(マルシー、コピーライト、著作権表記)」というのがありますが、これをw

Message

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

足元の冷えを解消!デスクワーカーにおすすめの足温グッズまとめ!

日がな一日座り続けで作業をしていると、血流が悪くなるのか、足元(つま先

足元の冷え解消!足温グッズレビュー(3) ホットマルチヒーター

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

足元の冷え解消!足温グッズレビュー(2) 山形電気あんか*参考

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

足元の冷え解消!足温グッズレビュー(1) デュアルヒータースリッパ

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

掃除機にペットボトルの蓋が詰まってしまった場合の対処方法

部屋を掃除していたところ、掃除機でペットボトルのフタを吸い込んでしまい

→もっと見る

PAGE TOP ↑