レスポンシブワードプレスサムネイル

Question

私はポスト内の画像を簡単に反応させることができますが、同じb/cを行うカスタムポストタイプのサムを得る際に問題があります。WPは自動的に幅と高さを挿入します。私は少なくともこれらのデフォルトの幅/高さをオーバーライドする方法を探しています。誰もがこのための解決策を持っていますか？

ありがとうございました！ -j

Answer 1

サムネイルのURLを出力するには、WPのwp_get_attachment_image_src()を使用して、独自の<img/>タグを作成し、それに応答する必要があります。

<img src="<?php $img=wp_get_attachment_image_src(get_post_thumbnail_id($post->ID)); echo $img[0]; ?>" alt="<?php the_title(); ?>"/> 

あなたが特定のサイズにしたい場合は、この挿入します。これは、あなたのCSSで何をしたいですwp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large')

Answer 2

を：

img { 
    max-width: 100%; 
    height: auto; 
} 

最初の宣言は、必ずすべての画像を超えることはありませんますその包含要素の幅。高さの自動宣言により、img要素のサイズ属性を持っていても、縮小されたときにすべての画像がその比率を保持します。したがって、これはサイズ属性を上書きします。

Answer 3

<img src="<?php $img=wp_get_attachment_image_src(
       get_post_thumbnail_id($post->ID),large); 
echo $img[0]; ?>" alt="<?php the_title(); ?>" 
            style="display:block; width:50%;"/> 

これでいいはずです。