フォーラムへの返信
-
投稿
-
ヘッドラインティッカーに記述されているHMTLが不正です。
strongタグが閉じられていません。<li><strong>2017年9月にベトナム・ホーチミンに海外営業所を開設いたします。</li>
個々のサイトのレスポンスについては、テーマのみに原因があるわけではありません。
まずは、対象サイトのページ表示速度の解析を行い、どのようなコンテンツ(画像、ストリーミング、外部リソース、API、スクリプト等)や設定内容が影響を与えているかご自身にて解析をしてご判断ください。
https://tools.pingdom.com/#!/oc8B3/https://www.jamsports.jp/
対象サイトでは、adroll.com というドメインをはじめ、外部ドメインとのリダイレクトが非常に多いようです。
ローディングアイコンはGIFではなくCSSアニメーションによるものであり、これをGIF画像に変更することはできません。
対象ページのソースを確認する限り、ギャラリー用のHTMLに不正な改行タグ(br)がHTMLタグの後にすべて出力されてしまっています。
●出力抜粋：
<dl class="gallery-item"><br> <dt class="gallery-icon landscape"><br> <a href="http://soulhealingai.com/2017/06/26/post-2798/kamaichi15-1/"><img width="150" height="150" src="http://soulhealingai.com/ai/wp-content/uploads/2017/06/kamaichi15-1-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://soulhealingai.com/ai/wp-content/uploads/2017/06/kamaichi15-1-150x150.jpg 150w, http://soulhealingai.com/ai/wp-content/uploads/2017/06/kamaichi15-1-350x350.jpg 350w, http://soulhealingai.com/ai/wp-content/uploads/2017/06/kamaichi15-1.jpg 400w" sizes="(max-width: 150px) 100vw, 150px"></a><br> </dt></dl>
また、WordPressがインラインで出力しているギャラリー用のCSSにも改行タグが混入し、CSS自体が全く効いていません。
何らかの機能で本文の改行を brタグに置換しているような場合は、無効にしてください。
両テーマとも、ヘッダー画像はブラウザの表示幅を100%としてそのまま画像が表示されます。
つまり、表示サイズ(比率)は指定される画像のサイズに依存します。テーマ側で画像の高さが決められているわけではありません。以下「よくある質問」をお読み下さい。
Validatorの検証結果にあるとおり、robots.txt にてWordPressのアップロードフォルダや画像の参照を禁止しているか、Twitterのクロールを拒否していることが原因です。
メインコンテンツ内の記事本文(
.entry)において、メインコンテンツのセレクタ(.content)と重複するセレクタを持つdiv要素があります。
記事本文にあるこの要素がメインコンテンツのセレクタを持っているため、.contentのCSS(width)が反映されてしまっていることが原因です。記事本文は、テーマが出力するものではない
.field-itemなどというセレクタの要素で括られていますが、これは何でしょうか。
本文内にある.contentセレクタを持つ要素を削除してください。根本的に、カテゴリーとタグは異なるグルーピング単位であり、これをパンくずリスト内で階層関係があるかのように振る舞うことはWordPressの構造上不可能であり、さらにMicrodataの仕様上も不適切ですので、そのような表示はできません。
オンラインドキュメントをご参照ください。
