• 解決済 nishimotoy

    (@nishimotoy)


    知人のサイトをwordpressで構築しました。
    PCではきちんと見えているサイトですが、
    アンドロイド(タブレット、スマートフォーン)では
    きちんと読むことができないというクレームが発生して
    しまいました。

    以下、不具合の内容です。
    ◯スマホからお知らせ一覧を押しても記事にダイレクトジャンプしません。
    つまりどうやっても記事にたどり着かない。

    ◯アメブロに貼ったURL:スマホからURLジャンプ
    ①該当記事にダイレクトジャンプしない。すべてホームページのトップ画面にいく。もちろん短縮URL使ってでもの話。
    ②記事の続きを読むをクリックしても動かない。記事を見る唯一の方法はお知らせ一覧から入るしかない。

    サイトのアドレス
    http://www.clearcolors.sakura.ne.jp

    PCサイトできちんと機能しているものが、
    アンドロイドでは不具合がおきるということは
    ありえるのでしょうか?

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • グローバルメニューの『講師紹介』や『学び直し講座』は大丈夫ですよね。
    『お問い合せ』はどうでしょう。
    固定ページは遷移できますか?

    実機(Xpedia SO-04E)で確認したところ普通に表示されます。
    (ただしスマートフォン用に最適化されていないのでPCと同じサイト構成で表示されて見えにくいです)
    アメブロからのリンクも正常に表示されました。

    トピック投稿者 nishimotoy

    (@nishimotoy)

    digit@maetel様

    早速、お返事ありがとうございます。
    今、クライアントにメールを送って確かめてもらっています。

    トピック投稿者 nishimotoy

    (@nishimotoy)

    gogoweb様

    確認して頂きありがとうございます。
    頂いたメールについて質問です。

    アメブロからのリンクも正常に表示されましたが
    続きを読むのリンクは見つかりませんでした。

    >>>サイトのトップにある「続きを読む」をクリックしても、
    投稿ページにいかないということでしょうか?

    もしそうであれば、PCサイトではきちんと機能しているのに、
    スマフォ(アンドロイド)ではなぜ機能しないのでしょうか?

    単純にスマートフォンのブラウザの問題だと思います。

    確認するには、クライアントさんに

    ・不具合が起こっているブラウザのバージョンの確認
    ・使用している端末、OSのバージョンの確認

    を行った上でできれば実機で確認した方がいいでしょう。
    ブラウザによってCSSの解釈が変わります。
    特に、スマートフォンは様々なブラウザが乱立しているので、
    もし、マイナーなブラウザの場合は対応は見送るかどうかも考えた方がいいと思います。

    対応する場合には、怪しい箇所を潰していくことになります。

    今回の場合は、

    ・「続きを読む」の要素の上へ要素が重なっていると判断され、
    タッチ判定が効かない。
    → .column-article要素にoverflow:hiddenを追加

    などが個人的に怪しいかなと……

    android実機がないようでしたら、

    http://www.genymotion.com/

    http://www.browserstack.com/

    などのサービスを利用して確認してください。

    続きを読むがアメブロの方にあると思って居ましたが
    Wordpressのサイトにあったのを確認後、そちらをクリックしてもちゃんと表示されました。

    自分の機種では普通に表示される(ただしPCと同じサイト)ので原因はスマホのほうにありそうですが、スマホで見た場合でもPCと同様のサイトが表示されるのが正常なのですよね?
    スマホ用のテンプレートが用意されていたりレスポンシブなデザインになっていたりはしないのですよね?
    念のためAndroidの標準ブラウザでも確認しましたが挙動は同じに見えます。

    トピック投稿者 nishimotoy

    (@nishimotoy)

    ishihara takashi様

    ご返答ありがとうございます! 
    本当に助かります。

    http://www.genymotion.com/
    http://www.browserstack.com/
    の情報もありがとうございます。
    こんなサイトがあることはじめて知りました。

    まずは、クライアントに今から説明してみます。

    トピック投稿者 nishimotoy

    (@nishimotoy)

    gogoweb様

    きちんと見えているようで少し落ち着きました。

    スマホで見た場合でもPCと同様のサイトが表示されるのが正常なのですよね?
    スマホ用のテンプレートが用意されていたりレスポンシブなデザインになっていたりはしないのですよね?

    >>>このサイトはPC用に作ったサイトで、レスポンシブなデザインではありません。
    なので、レイアウトは崩れてしまうんですね。

    まず、クライアントと連絡をとって説明してみます。

    トピック投稿者 nishimotoy

    (@nishimotoy)

    皆様のおかげで、
    なんとか解決しました。

    本当にありがとうございました。

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • トピック「Andoroidでの不具合(」には新たに返信することはできません。