サポート » 使い方全般 » iPhoneやiPadなどの端末で表示が大きくなってしまう。

  • fujintoco

    (@fujintoco)


    WordPressのデザインテンプレートを使ってホームページを作ったのですが、
    どうしてもスマホやタブレットで表示すると大きく表示され、サイズ調整が
    されません。各端末のサイズ調整のプラグインを入れてみたのですが、ダメでした。
    メイン画像はfunction.phpに

    define( ‘NO_HEADER_TEXT’, true );
    define( ‘HEADER_TEXTCOLOR’, true );
    define(‘HEADER_IMAGE’, ‘%s/images/banners/mainImg.jpg’);
    define(‘HEADER_IMAGE_WIDTH’, 880);
    define(‘HEADER_IMAGE_HEIGHT’, 328);
    add_theme_support(‘custom-header’);
    if (!function_exists(‘admin_header_style’)) :
    function admin_header_style() { }

    になっています。

    またトップページのメイン画像をスライドショーに設定するプラグを入れたのですが、
    どうしても左寄せになってしまいます。

    2つも質問して済みませんが、宜しくお願い致します。

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

    (@gatespace)

    via. 問題解決のためのチェックリスト

    ※【重要】 お読みくださいには投稿しないでください。こちらで「使い方全般」に移動します。

    fujintoco

    (@fujintoco)

    大変失礼いたしました。

    WordPress バージョン3.6.1

    Theme Name: theme469
    Theme URI: http://theme.o2gp.com/
    Description: theme469
    Version: 1.0
    Author: o2 Group
    Author URI: http://theme.o2gp.com/
    Tags: simple
    を使っています。

    上記のようにスマホやiPhone、iPadで閲覧すると
    PCで表示される大きさになってしまい、
    下にスクロールバーが出てしまいます。

    プラグはWPtouchを使っています。

    この情報では、不足でしょうか?
    初心者なので、申し訳ありませんが、
    何卒宜しくお願い致します。

    천궁 메텔

    (@digitmaetel)

    fujintoco さんのホームページの情報、
    プラグインなどほかは何をお使いか、把握不足なので
    テーマ469
    をざっと見てみましたが、レスポンシブル・デザインではないようですね。
    スマホ、タブレット向けのオプション設定が組み込まれていないのかしら。

    define(‘HEADER_IMAGE_WIDTH’, 880);
    define(‘HEADER_IMAGE_HEIGHT’, 328);

    ヘッダー画像は幅880 高さ328で固定されているようです。
    スライドショーも同じサイズにすれば収まるかと推察します。

    천궁 메텔

    (@digitmaetel)

    また、WordPressを 3.6.1 にアップされていますが、
    まだ英語版(2013年9月12日 16:52 時点)だと思いますが、
    バージョンに対応しているかは、確認できていますか。

    fujintoco

    (@fujintoco)

    ご丁寧に説明いただきありがとうございます

    固定になっているということが、iPhone,iPadでPC表示すると
    大きくはみでていまうということでしょうか?

    初心者の質問ですみません。
    よろしくお願いします。

    천궁 메텔

    (@digitmaetel)

    固定になっているということが、iPhone,iPadでPC表示すると
    大きくはみでていまうということでしょうか?

    そう言う考え方でよろしいでしょう。
    色々説明すると、混乱するでしょうから。

    iPadでは 横 768px × 縦1024px
    スマホでは 横 340px を目安
    にレイアウト(デザインテンプレート)を用意するか、組み入れるようにしましょう。

    テーマ469
    で例えれば、
    全体が小さくできればタブレットでは読みにくくなることはないでしょうが、操作性は良くないでしょうね。
    スマホでは左サイドバーの「お知らせ」、「お問い合せ」をどう移動させるか、
    上の「会社概要」などのメニューを縦並びにするか、させなければいけませんね。

    1)テーマ468で、それぞれに対応させるようにする。
    2)アクセスが有った時にデバイスを判定して、それぞれのサイトへ行くようにする。

    2つの道があります。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「iPhoneやiPadなどの端末で表示が大きくなってしまう。」には新たに返信することはできません。