web-dev-qa-db-ja.com

投稿サムネイルにクラス名を追加

ページへのリンクに投稿用のサムネイルを使用しています。

投稿サムネイル画像にクラス名を追加することは可能ですか。

<li><a href="<?php the_permalink(); ?>" ><?php the_post_thumbnail(); ?></a></li>
post-thumbnails
19
Simon Cooper

うん - 使用したいクラスをattributes引数の一部としてthe_post_thumbnail()に渡すことができます、例えば<?php the_post_thumbnail('thumbnail', array('class' => 'your-class-name')); ?>

参照： http://codex.wordpress.org/Function_Reference/the_post_thumbnail#Styling_Post_Thumbnails

39
sabreuse

これらのクラスをフィルタリングできます。

function alter_attr_wpse_102158($attr) {
  remove_filter('wp_get_attachment_image_attributes','alter_attr_wpse_102158');
  $attr['class'] .= ' new-class';
  return $attr;
}
add_filter('wp_get_attachment_image_attributes','alter_attr_wpse_102158');

the_post_thumbnailを呼び出す直前にフィルターを追加します。フィルタは自動的に削除されます。

そこに着くのは少し難しいですが、 the_post_thumbnail は get_the_post_thumbnail を使用します wp_get_attachment_image を使用して、そのフィルターを適用します。

6
s_ha_dum

あなたの画像タグはあなたがこのコードを書くだけのクラスを持っていません<?php the_post_thumbnail(); ?>

<?php the_post_thumbnail('thumbnail', array(
'class' => 'class_name'

)); ?>
0
sujan