私はショートコードでカスタム投稿をクエリする紹介プラグインを作成しています。画像が反応するサムネイルのギャラリーを作成する必要があります。最初のコードは次のとおりです。
add_image_size("rwpt_thumb", 150, 150, true);
$thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), "rwpt_thumb" );
$url = $thumb["0"];
$idd = get_the_ID();
$return_string .= "<li class="rwpt_".$idd.""><a href=" "><img src="/images/".$url."" alt="".$client." - ".$client_info."" /></a></li>";
どこ <li>
幅はそのコンテナの20%です。したがって、トリミングされた画像サイズが150 * 150ピクセルになる場合、CSS imgを設定します width:100%;height:auto;
したがって、画像は反応します。ただし、サムネイルのサイズが150 * 150になりません。
何か提案してください?
回答:
回答№1は1多くのことが起こっている可能性があります:
- 元の画像が
150x150
。 WordPressは画像を元のサイズより大きくしません。 - 画像を遡及的にサイズ変更しようとしています。 画像をアップロードする前にこの画像サイズを追加していない場合、画像のサイズは変更されません。すべてのサムネイルを再生成したい場合は、 そのためのプラグイン.
- あなたは言った
<li>
コンテナの20%です。それはピクセルでどのくらいの幅ですか? 150未満の場合は問題があります。Chromeを使用している場合は、要素を検査できます(<li>
)、パーセンテージとして設定されている場合でも、ピクセル幅を提供します。
また、サムネイルの実際のサイズを確認してください。 画像の要素を検査すると、デベロッパーツールに2つのサイズが表示されます。画面に表示されているサイズと元のサイズです。元のサイズが 150x150
それなら、スタイルの問題だとわかります。そうでない場合、WordPress / configの問題です。