サポート » テーマ » Twenty ElevenをiPhoneで見た際の「←前へ」「次へ→」

  • 解決済 no name cat

    (@no-name-cat)


    WordPress 3.4.2-ja
    Twenty Eleven1.4
    を使っています。

    自分のサイトをiPhoneで閲覧しました。

    単一記事の投稿 (single.php)のページだと思うのですが、
    ヘッダー画像右下の
    「←前へ」「次へ→」
    のリンクをタップしても反応しません。

    他の方々のブログでも試してみましたが、何らかの書き変えをしないとうまく動かないようです。

    さっき新たに無料ブログを借りて試してみました。
    http://hammer.information-golf-site.com/wordpress/?p=5
    やはりiPhoneで見るとダメのようです。

    どうしたらいいでしょうか?

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター gatespace

    (@gatespace)

    Twenty Elevenのstyle.cssの2430行目にある

    #nav-single {
    	display: block;
    	position: static;
    }

    position: static; をコメントアウトして無効化してみてください。
    (本来なら子テーマを作った方が良いですが)

    Twenty Elevenはスマートフォン用のテーマを専用に設けるのではなく、レスポンシブデザインで作られています。
    そして、当該部分はCSSのメディアクエリーで横幅の最大値が650px以下の場合に適応される部分です。
    iPhoneでなくても、FireFoxであれば「ツール」→「Web開発」→「レスポンシブデザインビュー」を選択することで、iPhoneやタブレット端末と同等の描画を確認できます。
    また、当該部分で右クリックで「要素を調査」を選べばどんなスタイルが適用されているかなどを確認できますので、あわせて使ってみてはいかがでしょうか?

    トピック投稿者 no name cat

    (@no-name-cat)

    できました!

    勉強になりました。
    いろいろ教えていただきまして、ありがとうございました!

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Twenty ElevenをiPhoneで見た際の「←前へ」「次へ→」」には新たに返信することはできません。