解決済み
Question

吹き出しの枠が表示されない

  • T Tadashi Yamada
  • お世話になっております。本年もどうぞよろしくお願いいたします。

    下記のWebページのように、吹き出しの枠線が表示されなくなりました。
    https://kyoiku.info/7skills/

    Chrome、Edge、Safariで試しましたが、どれも症状は同じです。
    解決方法があればご教示いただけると助かります。

    問題となるページ : https://kyoiku.info/7skills/
    • WP 6.7.1
    • PHP 8.0.x
    • JIN:R 1.4.0
    • Xserver
    • GoogleChrome
    • Windows11
    2026/01/03 18:11
  • tsu_

    こんにちは!
    URLのご共有ありがとうございます。

    吹き出しだけでなく、他にもCSSが正しく当たっていないように見える箇所があるため、直前に行われた作業(プラグインの追加・更新、キャッシュや最適化設定の変更など)があったかを教えていただけますでしょうか。

    また、念のため、プラグイン一覧のスクリーンショット をご共有いただけますと幸いです。

    あわせて、もしまだお試しでなければ
    ・キャッシュ系プラグイン
    ・サーバー側キャッシュ
    のキャッシュ削除も一度ご検証いただけますでしょうか。

    お手数をおかけしますが、ご確認よろしくお願いいたします。

    2026/01/04 23:41
  • T
    Tadashi Yamada

    ご案内いただきまして、ありがとうございます。こちらのブログは、半年ほど手をつけておりません。
    取り急ぎ、プラグイン一覧を提出いたします。お手数をおかけしますが、どうぞよろしくお願いいたします。

    2026/01/07 16:53
  • tsu_

    プラグイン一覧のご共有ありがとうございます。
    半年ほど作業されていないとのことですが、WordPress本体やプラグインの自動更新、キャッシュの影響で、CSSの読み込み順や適用が崩れるケースがあります。

    まず、前回もお伝えさせていただきましたが、切り分けのため、可能でしたら改めて以下のキャッシュ削除をご確認いただけますでしょうか。

    1. キャッシュ削除
    • キャッシュ系プラグインのキャッシュ
    • サーバー側キャッシュ
    • その後、ブラウザの強制再読み込み

    あわせて、キャッシュ削除後も症状が変わらない場合は、
    プラグインを1つずつ停止して、表示に変化があるかをご確認いただいてもよいかと思います。

    ※停止 → キャッシュ削除 → 表示確認、の順でご確認ください。

    上記で変化が見られた場合、原因の切り分けがしやすくなります。
    お手数をおかけしますが、ご確認のほどよろしくお願いいたします。

    2026/01/08 09:20
  • T
    Tadashi Yamada

    いつも丁寧にありがとうございます。ご指示の下記の作業を試みましたが、症状は改善しませんでした。

    1. キャッシュ削除
    • キャッシュ系プラグインのキャッシュ
    • サーバー側キャッシュ(Xサーバーに確認済み)
    • その後、ブラウザの強制再読み込み
    2.プラグインを1つずつ停止して、表示に変化があるかをご確認
    ※停止 → キャッシュ削除 → 表示確認、の順でご確認ください。

    せっかくご指導いただいたのに申し訳ありません。

    2026/01/09 16:55
  • tsu_

    ご連絡ありがとうございます。
    ご検証いただき、お手数をおかけしております。

    改めて現在の状況について確認したところ、本来読み込まれるはずのテーマのCSSの一部が読み込まれていない可能性が高い状況でした。
    この状態になると、特定のパーツだけ見た目が崩れたり、枠線や装飾が表示されなくなることがあります。

    原因の切り分けと復旧のために、恐れ入りますが JIN:R(親テーマ)の再インストールを一度お試しいただけますでしょうか。
    テーマファイルを入れ直すことで、欠けているファイルや読み込み設定が元に戻り、改善するケースがあります。

    再インストール後に、デザインが元に戻るかをご確認ください。
    お手数をおかけしますが、よろしくお願い申し上げます。

    2026/01/10 22:52
  • T
    Tadashi Yamada

    ご指示ありがとうございます。
    親テーマの再インストールをしたのですが、状況が変わりませんでしたので、親テーマのバージョンが邪魔してるかと思いました。
    バージョン情報をシュクショしましたので、添付いたします。
    引き続きどうぞよろしくお願いいたします。

    2026/01/12 17:54
  • tsu_

    ご連絡ありがとうございます。
    また、スクリーンショットのご共有もありがとうございます。

    念のため確認させてください。
    ver1.4.6 → ver1.4.6 の上書き再インストールはまだお試しではないでしょうか。

    同じバージョンであっても、置き換えを行うことでテーマファイル一式が再配置されるため、一部ファイルの欠損や読み込み不整合が原因の場合は改善することがあります。

    恐れ入りますが、購入時に送付されているメール内のリンクから、最新版 ver1.4.6を改めてダウンロードのうえ、再インストールをお試しいただけますでしょうか。

    なお、こちらで確認した限りでは、投稿ページのみで一部CSSが読み込まれていない状況でしたので、再インストール後も改善が見られない場合は、改めてプラグインや追加カスタマイズの影響を切り分けて確認させていただく可能性がございます。

    たびたびお手数をおかけして申し訳ありませんが、よろしくお願い申し上げます。

    2026/01/13 23:31
  • T
    Tadashi Yamada

    いつもご丁寧にありがとうございます。2点、ご報告があります。

    【1】テーマのVerについて
    テーマの再インスト―ルをしたのですが、念のため、再度再インストールしたところ、さきほどの画像の通りになります。もしかして、再インスト―ルしたファイルが最新のものでない可能性があります。テーマのZIPファイルで、Verの確認方法を教えていただけませんでしょうか。

    【2】子テーマについて
    親テーマではなく、子テーマを有効としたときに、吹き出しの枠線が表示されなくなります。反対に、親テーマを有効にしたときにはブログそのものが表示されなくなります。この点は影響しますでしょうか。

    たびたび恐れ入ります。どうぞよろしくお願いいたします。

    2026/01/15 19:39
  • tsu_

    詳細のご確認ありがとうございます。

    【1】テーマのVerについて
    念のため確認させてください。
    現在ご検証いただいているテーマファイルは、今回あらためて購入時のメール内リンクからダウンロードしたZIPファイルでしょうか。

    テーマファイルのバージョンは、ZIPを解凍した中身で確認できます。
    お手元のZIPファイルを解凍していただき、解凍後のフォルダ内にある style.css をテキストエディタで開くと、冒頭付近に以下のような記載があるはずです。
    Version: 1.4.6
    この「Version」の数字が、テーマのバージョンになります。

    【2】子テーマについて
    こちらでの調査では、投稿ページのみで一部CSSが読み込まれていない状況でした。
    このような場合、子テーマ側のカスタマイズが影響しているケースも見られます。

    子テーマ側で functions.php にコードを追加したり、テーマファイルのカスタマイズはしていますでしょうか?
    もし「特に何もカスタマイズしていない」「中身が分からない」という場合も、そのままお知らせいただいて問題ありません。

    お手数をおかけしますが、上記2点をご確認のうえ、ご状況をお知らせいただけますと幸いです。
    よろしくお願いいたします。

    2026/01/15 22:19
  • T
    Tadashi Yamada

    いつもご丁寧にありがとうございます。

    【1】テーマのVerについて
    ZIPファイルと確認したところ「Version: 1.2.5」でした。最新のものをダウンロードして更新したのですが、そのファイルが見当たらないのです。再度入手できますでしょうか。

    【2】子テーマについて
    「特に何もカスタマイズしていない」「中身が分からない」というのが現状です。

    引き続きどうぞよろしくお願いいたします。

    2026/01/17 21:13
  • tsu_

    ご連絡ありがとうございます。お時間をいただいてしまい申し訳ございません。
    改めて、状況を正確に把握するため、2点確認させてください。

    ①こちらでもサイトを確認したところ、現状、親テーマは Ver 1.4.6 になっているようですが、現在の 1.4.6 は、

    「いったん旧バージョン(1.2.5)のZIPをアップロード → その後、管理画面の更新通知から 1.4.6 に更新」

    という手順でアップデートされた認識で合っていますでしょうか?
    (もし違う場合は、直近で行った更新手順をお知らせください)

    ② 「親テーマを有効にするとブログが表示されない」とのことですが、
    その際は、
    ・真っ白になる
    ・500エラー
    ・「重大なエラーが発生しました」等のエラーが出る
    など、どういった状況でしょうか
    可能であれば、その画面のスクリーンショット(または表示文言)も併せて共有いただけますと助かります。

    お手数おかけして申し訳ありませんが、上記2点をご確認の上、ご返信いただけますでしょうか。
    よろしくお願い申し上げます。

    2026/01/18 14:55
  • T
    Tadashi Yamada

    回答が遅れて申し訳ありません。

    ①につきまして
     手持ちのZIPが旧バージョン1.2.5のみですので、それを上書きアップロードしました。その後「管理画面の更新通知から 1.4.6 に更新」はしておりません。つまり、旧バージョンを上書きしたにもかかわらず、新バージョン1.4.6 のままになっているという状態かと思います。

    ②につきまして
     スクリーンショットを添付いたしました。

    たびたびすみません。どうぞよろしくお願いいたします。

    2026/01/20 20:40
  • tsu_

    ご連絡ありがとうございます。状況の共有も助かります。

    「親テーマにするとブログが表示されない」については、子テーマで設定したもの(見た目)が表示されない、という事でお間違いないでしょうか?

    手元のZIPが ver1.2.5のみとのことですが、現在は購入者向けページから取得できるZIPが 1.2.5以外(1.3.7)になっているケースが多いため、まずは「最新ZIPで置き換え → その後に更新」をお試しいただけますと幸いです。

    【お願いしたい手順】
    1. 購入者向けページから、いま入手できるテーマZIP(ver1.3.7)を改めてダウンロード
    2. 管理画面「外観 → テーマ → 新規追加 → テーマのアップロード」からZIPをアップロードし、 「アップロードしたものでインストール済みのものを置き換える」を選択
    3. 置き換え後、更新通知が出る場合は、そこから ver1.4.6 へ更新

    切り分けのため、上記の更新作業が終わったら、いったん [親テーマ] を有効化した状態でも、該当の投稿ページで同様の崩れが出るかご確認をお願いいたします。

    たびたびお手数をおかけしてしまい申し訳ございません。
    よろしくお願い申し上げます。

    2026/01/21 09:33
  • T
    Tadashi Yamada

    ご返信ありがとうございます。
    下記の作業を行いました。
    1. 購入者向けページから、いま入手できるテーマZIP(ver1.3.7)を改めてダウンロード
    2. 管理画面「外観 → テーマ → 新規追加 → テーマのアップロード」からZIPをアップロードし、「アップロードしたものでインストール済みのものを置き換える」を選択
    3. 置き換え後、更新通知が出たので、ver1.4.6 へ更新

    その後、親テーマを有効にしたときの画面を添付いたしました(同様の崩れがあるほか、1カラムになっていて、最近の投稿が表示されていないものです)。
    お手数をおかけして申し訳ありません。ご確認のほど、どうぞよろしくお願いいたします。

    2026/01/21 17:07
  • tsu_

    ご連絡ありがとうございます。ご検証もお手数をおかけしております。

    ご共有内容を踏まえると、「親テーマの状態でも投稿ページ側でCSSが正しく反映されていない」可能性が高い状況です。
    (親テーマを有効にしている場合、子テーマ側のfunctions.php等は基本的に読み込まれないため)

    大変恐れ入りますが、追加で次の2点を確認させてください。

    ① 「親テーマ有効」の確認
    管理画面「外観 → テーマ」で、JIN:R(親テーマ)が「現在のテーマ(有効)」になっている画面のスクリーンショットをご共有いただけますでしょうか。
    (見た目の違いだけだと判断がズレることがあるため、管理画面の表示で確認させていただけますと幸いです)

    ② 親テーマのまま、プラグイン影響の確認
    管理画面「プラグイン」で、すべてのプラグインを一時停止
    →その後、Xserver側のキャッシュ削除
    (キャッシュ系プラグインをご利用の場合は、そのキャッシュ削除も実施)
    →その後、ブラウザのシークレット(プライベート)ウィンドウで該当ページを開いて表示を確認

    ※確認後はプラグインは元に戻していただいて問題ありません。

    たびたびお手数をおかけしますが、よろしくお願いいたします。

    2026/01/21 22:37
  • T
    Tadashi Yamada

    ご指示ありがとうございます。すべての作業をしました。
    ①「親テーマ有効」の確認 → file.1
    ② すべてのプラグインを一時停止 → file.2
    ③ Xserver側のキャッシュ削除 → file.3
    ④ ブラウザのシークレット(プライベート)ウィンドウで該当ページを開いて表示 → file.4
    なお、現在は、子テーマを有効とし、プラグインをすべて有効化しております。
    引き続きどうぞよろしくお願いいたします。

    2026/01/22 13:21
  • tsu_

    ご検証と画像のご共有、ありがとうございます。

    「④ ブラウザのシークレット(プライベート)ウィンドウで該当ページを開いて表示 → file.4」
    についてですが、こちらの段階で、投稿ページの吹き出しには変化が無かったということでお間違いないでしょうか?

    お手数おかけしますが、ご確認のほどよろしくお願い申し上げます。

    2026/01/22 21:37
  • T
    Tadashi Yamada

    ご連絡ありがとうございます。

    >「④ ブラウザのシークレット(プライベート)ウィンドウで該当ページを開いて表示 → file.4」についてですが、こちらの段階で、投稿ページの吹き出しには変化が無かったということでお間違いないでしょうか?

    はい、変化はありませんでした。

    2026/01/23 15:02
  • tsu_

    ご確認ありがとうございます。

    大変恐れ入りますが、切り分けを確定するため、もう一点だけご協力をお願い出来ますでしょうか。

    以前にも軽くお伝えいたしましたが、トップ/固定/カテゴリページでは読み込まれている「style-footer.css」が、投稿ページでは読み込まれていないように見受けられます。
    この状態が“親テーマ有効+プラグイン停止”の状態でも発生しているかを、出力コードを元に確認したく存じます。

    【お願いしたい確認】
    1. 親テーマ(JIN:R)を有効化
    2. プラグインを停止(※Two Factor と Advanced Google reCAPTCHAは有効のままでお願いいたします)
    3. Xserver側のキャッシュ削除
    4. シークレット(プライベート)で https://kyoiku.info/7skills/ を開く
    5. その画面で右クリック→「ページのソースを表示」を開き、検索(Ctrl+F)で「style-footer.css」が含まれているか確認し、「見つかる/見つからない」のどちらかだけご返信ください(スクショ不要です)

    また、上記の確認後は、こちらでも状況を確認したいため、恐れ入りますが、こちらからご案内するまで上記の状態のままにしていただけますでしょうか(セキュリティ維持のため、Two FactorとAdvanced Google reCAPTCHAは有効のままでお願いいたします)。

    こちらからのご案内後は、すぐ元の状態(子テーマ/プラグイン有効)へ戻していただいて差し支えありません。

    お手数をおかけいたしますが、何卒よろしくお願い申し上げます。

    2026/01/23 23:57
  • T
    Tadashi Yamada

    お世話になっております。下記の文字列がありました。
    https://kyoiku.info/wp-content/themes/jinr/style-footer.css?ver=6.9
    ご指示の作業のまま放置し、Two FactorとAdvanced Google reCAPTCHAは有効のままにしております。
    どうぞよろしくお願いいたします。

    2026/01/24 16:50
  • tsu_

    ご対応ありがとうございます。

    改めて、親テーマ(JIN:R)有効の状態では style-footer.css が読み込まれており、表示も正常なことが確認できました。

    次に、原因の切り分けのため、子テーマは外したまま(=親テーマ有効のまま)、プラグイン側を確認させてください。

    【お願いしたい確認】
    1. いまの「親テーマ(JIN:R)有効」の状態はそのまま
    2. プラグインをすべて有効化(停止していたものをすべてON)
    3. 念のため Xserver側キャッシュ削除 → シークレット(プライベート)で https://kyoiku.info/7skills/ を開く
    4. 吹き出し等の崩れが再発する/しないか

    またこちらでも状況を確認したいため、恐れ入りますが、こちらからご案内するまで上記の状態(親テーマ有効+プラグイン有効) のままにしていただけますでしょうか。

    よろしくお願い申し上げます。

    2026/01/24 17:44
  • T
    Tadashi Yamada

    いつもありがとうございます。
    作業後、「吹き出し等の崩れが再発する」でした。
    心苦しい限りですが、どうぞよろしくお願いいたします。

    なお、現状、親テーマ有効+プラグイン有効) のままにしてあります。

    2026/01/24 18:39
  • tsu_

    ご連絡ありがとうございます。
    また、親テーマ有効+プラグイン有効の状態を維持いただき助かります。

    今回の結果より、子テーマではなくプラグイン(またはプラグイン由来の最適化/キャッシュ機能) が影響している可能性が高い状況です。
    原因プラグインを特定するため、恐れ入りますが次の切り分けにご協力いただけますでしょうか。

    【お願いしたい切り分け手順】
    ※いまの「親テーマ有効」のままで進めてください

    1) まずは1つ停止して確認(これを繰り返します)
    プラグインを1つ停止するたびに、毎回下記A〜Cをセットで行ってください。

    A. 対象プラグインを「停止」
    B. Xserver側のキャッシュ削除
    C. シークレット(プライベート)ウィンドウで https://kyoiku.info/7skills/ を開いて表示確認

    2) 停止して確認いただきたい順(上から1つずつ)
    • Jetpack
    • EWWW Image Optimizer
    • Converter for Media(WebP系)
    • TypeSquare Webfonts for エックスサーバー(Webフォント系)
    • WP External Links

    3) 直ったらそこでストップしてください

    いずれか1つを停止したタイミングで「崩れが直る」場合、そのプラグインが原因候補になります。
    その時点で作業を止めてご連絡ください(以降はこちらからご案内します)。

    ※セキュリティ維持のため、Two Factor / Advanced Google reCAPTCHA は有効のままでお願いいたします。
    ※恐れ入りますが、原因が特定できるまで(またはこちらからご案内するまで)親テーマ有効の状態を維持いただけますと幸いです。

    お手数をおかけして恐縮ですが、よろしくお願いいたします。

    2026/01/25 17:59
  • T
    Tadashi Yamada

    ご連絡ありがとうございます。
    WP External Links を停止したら、目次も吹き出し枠も正常になりました。
    取り急ぎ、ご報告申し上げます。

    2026/01/26 17:51
  • tsu_

    連絡ありがとうございます。
    こちらでも確認しましたが、style-footer.css が正しく読み込まれており、吹き出しなども正常に表示されています。

    そのため、今回の崩れは WP External Links の設定(もしくは同プラグインの出力処理)によって、CSS/JSの読み込みや適用に干渉していた可能性が高い状況です。

    今後の対応としては、以下いずれかをご検討いただく形になります。
    1. WP External Links の設定を見直してみる
    2. 他のプラグインなどを検討

    恐れ入りますが、プラグイン個別の設定調整・動作保証はサポート対象外となりますため、まずは WP External Links を停止したままで運用いただくのが確実です。
    (必要な機能がある場合は、上記①②の方針でご検討ください。)

    また、おそらく WP External Links を停止したままであれば、子テーマは有効化していただいて問題ないかと思います。
    可能でしたら、子テーマを戻した後に該当ページ(/7skills/)で表示崩れが再発しないかだけご確認いただけますでしょうか。

    よろしくお願い申し上げます。

    2026/01/26 23:11
  • T
    Tadashi Yamada

    表示くずれが無くなりました、ありがとうございます!
    解決まで詳細で親切なご対応に衷心より感謝申し上げます。
    JINRのブログキャンプでも有益な情報をいただいております。
    これからもどうぞよろしくお願いします。

    2026/01/27 18:34
CLOSE