サポート » インストール » アップグレードでホームページのデザインが崩れてしまった

  • はじめまして。

    先週ワードプレス5.0のアップデートを境に、ホームページのデザインが崩れてしまいました。
    JetPackと相性が悪かったようで、deactivateしたところデザインは直りました。しかし、アイキャッチ画像以外の画像が全て表示されなくなり、サイト全体のフォントも変わってしまいました。

    そこで、ワードプレスを旧バージョンに戻しました。すると、画像とフォントは戻ったのですが、ホームページのデザインの崩れが再発してしまいました。

    具体的に言うと、ホームページ内の最近の投稿記事の一部が消えてしまったり、記事と記事がくっついてしまって見えるという現象です。初めにURLを入れて開いた時は一見問題ないのですが、「更新ボタン」を押すとデザインが崩れます。

    また、コンソールの方からモバイルフレンドリーでないページがエラーとして指摘されてしまいました。これもアップデートが原因のような気がします。
    以下のページです。
    https://www.kiritachiakari.com/hogwarts-express/

    具体的には、「クリックできる要素が近すぎる」と「画像が画面からはみ出している」の2点です。「クリックできる要素が近すぎる」というのは、URL真下にあるカテゴリーのボタンのことだと思います。アップデート前は、プルダウン式ボタンだったのですが、現在はカテゴリー別のボタン表示になってしまいました。
    「画像が画面からはみ出している」に関しては、どの画像のことを言われているのかも分かりません。(同じブログ記事です。)

    他で問い合わせたところ、「ユーザーエージェントの振り分けがうまく行かず、Googlebotがモバイルページを読めていないようです」と指摘されました。

    ウェブについては初心者なので、この意味することが分かりません。

    ホームページのデザインの崩れと、コンソールからのエラーを解決したいのですが、どうかよろしくお願いたします。

    ちなみに環境はchromeとWindows10です。

    ヘルプの必要なページ: [リンクを見るにはログイン]

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • デザインが崩れるのは、CSSの読み込みに失敗している為でしょう。
    WordPress5.0へのアップデートとかJetpackの影響とかを疑うよりAutoptimizeプラグインのキャッシュを疑うべきかと思います。また使用されているテーマが関連しているかも知れません。
    問題解決のためのチェックリストを参考にしてください。

    なお、お使いのテーマRefined Pro Theme + Genesis Frameworkは有償テーマですので、このフォーラムではサポートできません。
    購入元にお問い合わせ下さい。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • このトピックに返信するにはログインが必要です。