WordPress6.5.5サイトにおいてエラーが複数箇所発生

  • j1nakayama

    (@j1nakayama)


    3ヶ月、 4週前

    昨日同じ問題を投稿完了したのですが、記事の内容が削除されたようなので再掲です。
    スパム扱いされた様なので、以下の＜タグ部分にスペースを入れています。

    imgタグにsrcがありません。

    Grepで「<img data-src=”」を検索したところ
    \wp-includes\customize\class-wp-customize-theme-control.php　がヒットしました。

    <code>

    < # if ( data.theme.screenshot && data.theme.screenshot[0] ) { #>

        < div class=”theme-screenshot”>

             < img data-src=”{{ data.theme.screenshot[0] }}?ver={{ data.theme.version }}” alt=”” />

         < /div>

     < # } else { #>

        < div class=”theme-screenshot blank”></div>

    < # } #> 

    </code>

    恐らく< img部分にsrcステートメントが必要で、以下のように修正が必要かと考えますが、コア部分ですので（コアの修正が必要と思います。）

    <code>
    < img data-src=”{{ data.theme.screenshot[0] }}?ver={{ data.theme.version }}” alt=”” **src=”{{ data.theme.screenshot[0] }}?ver={{ data.theme.version }}”** / >
    </code>





    • このトピックはj1nakayamaが3ヶ月、 4週前に変更しました。
    • このトピックはj1nakayamaが3ヶ月、 4週前に変更しました。
    • このトピックはj1nakayamaが3ヶ月、 4週前に変更しました。
    • このトピックはj1nakayamaが3ヶ月、 4週前に変更しました。

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

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • Aki Hamano

    (@wildworks)

    3ヶ月、 4週前

    こんにちは。

    恐らく< img部分にsrcステートメントが必要で、以下のように修正が必要かと考えますが、コア部分ですので（コアの修正が必要と思います。）

    これは、管理画面のテーマプレビューイメージに関するコードなので、ご報告いただいている問題とは関連が無いように思います。

    imgタグにsrcがありません。

    この状況をもっと詳しく教えていただければ、回答が付きやすいかもしれません。

    トピック投稿者 j1nakayama

    (@j1nakayama)

    3ヶ月、 3週前

    はい、Nu Html Checkerにてエラーが３個所発生しています。
    （私のサイトの記事）ですが、内容的に３個所ともgoogleのファビコンの部分の様です。
    この部分は特にカスタマイズしている部分では無いはずです。
    念の為、１箇所（３個所とも同じ様な内容なので）Error内容を貼り付けます。

    <code>

    1. Error: Element img is missing required attribute src.From line 857, column 1640; to line 857, column 1846-favicon"><img data-src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogc…icon-image internal-blogcard-favicon-image lozad lozad-img" loading="lazy" width="16" height="16" /><noscrAttributes for element img:Global attributesalt — Replacement text for use when images are not availablesrc — Address of the resourcesrcset — Images to use in different situations, e.g., high-resolution displays, small monitors, etc.sizes — Image sizes for different page layoutscrossorigin — How the element handles crossorigin requestsusemap — Name of image map to useismap — Whether the image is a server-side image mapwidth — Horizontal dimensionheight — Vertical dimensionreferrerpolicy — Referrer policy for fetches initiated by the elementdecoding — Decoding hint to use when processing this image for presentationloading — Used when determining loading deferralfetchpriority — Sets the priority for fetches initiated by the element


    </code>

    トピック投稿者 j1nakayama

    (@j1nakayama)

    3ヶ月、 3週前

    追伸です。
    該当記事（ https://xn--ecka7j.biz/security/1242/ ）のNu Html Checkerにてエラー判定している部分の１箇所のSource codeを展開して調査をしてみました。
    ＜ ｎｏｓｃｒｉｐｔの場合は、ｓｒｃ＝ではあるが、上段では、ｄａｔａ－ｓｒｃ＝となっている。ために、実際のファビコン表示が□ブランク表示（添付画像の　イイネ.bizの上部の□部分がファビコンに該当）

    展開した、Source codeの内容を貼り付けてみます。

    <code><pre>


    <a href="https://xn--ecka7j.biz/site-operation/908/" title="WordPressあなたにオススメ厳選プラグイン14" class="blogcard-wrap internal-blogcard-wrap a-wrap cf">
    <div class="blogcard internal-blogcard ib-left cf">
    <div class="blogcard-label internal-blogcard-label">
    <span class="fa"></span>
    </div>
    <figure class="blogcard-thumbnail internal-blogcard-thumbnail">
    <img decoding="async" width="320" height="180" src="https://xn--ecka7j.biz/wp-content/uploads/2023/09/wpPlugin-320x180.gif" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/09/wpPlugin-320x180.gif 320w, https://xn--ecka7j.biz/wp-content/uploads/2023/09/wpPlugin-120x68.gif 120w, https://xn--ecka7j.biz/wp-content/uploads/2023/09/wpPlugin-160x90.gif 160w" sizes="(max-width: 320px) 100vw, 320px" />
    </figure>
    <div class="blogcard-content internal-blogcard-content">
    <div class="blogcard-title internal-blogcard-title">WordPressあなたにオススメ厳選プラグイン14</div>
    <div class="blogcard-snippet internal-blogcard-snippet">ワードプレスのウェブサイトにセキュリティ対策と運用・運営支援のためのプラグインを厳選!必要なことは、セキュリティを保つこと、そしてサイトの軽量化です。WordPressのために開発されたプラグインは多種多様・玉石混交を極めるが、目的をもって必要最低限の採用（導入）をお薦めします。</div>
    </div>
    <div class="blogcard-footer internal-blogcard-footer cf">
    <div class="blogcard-site internal-blogcard-site">
    <div class="blogcard-favicon internal-blogcard-favicon">
    <img data-src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image lozad lozad-img" loading="lazy" width="16" height="16" />
    <noscript>
    <img decoding="async" src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" />
    </noscript>
    </div>
    <div class="blogcard-domain internal-blogcard-domain">イイネ.biz</div>
    </div>
    <div class="blogcard-date internal-blogcard-date">
    <div class="blogcard-post-date internal-blogcard-post-date">2020.07.31</div>
    </div>
    </div>
    </div>
    </a>


    </pre></code>
    • この返信は3ヶ月、 3週前にj1nakayamaが編集しました。
    • この返信は3ヶ月、 3週前にj1nakayamaが編集しました。
    • この返信は3ヶ月、 3週前にj1nakayamaが編集しました。
    • この返信は3ヶ月、 3週前にj1nakayamaが編集しました。
    munyagu

    (@munyagu)

    3ヶ月、 3週前

    こんにちは

    該当箇所はブログカードの部分と思いますが、お使いの Cocoon テーマの公式ページ（https://wpb-tachiage.com/blogcard-customization/）にあるブログカートを見る限り、該当箇所はdata-srcではなくsrcになっています。

    srcをdata-srcとして出力するのは、何らかの画像の遅延読み込み機能によるものだと思います。

    Lazy Load の機能を無効にしてみてはどうでしょうか。

    また、このフォーラムでは有償プロダクトのサポートはできかねますので、テーマに関するお問合せはテーマの購入元へお問合せください。

    トピック投稿者 j1nakayama

    (@j1nakayama)

    3ヶ月前

    munyagu (@munyagu) さん
    こんにちは、仰るとおりLazy Load の影響でした。
    Cocoon 設定 > 高速化の「Lazy Loadを有効にする」のチェックを外せば Nu Html Checker でエラーにはなりません。
    Lazy Load の影響でNu Html Checker で JavaScript が実行されていないだけでした。

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

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