サムネイルを投稿するためにクラス名を追加する

Question

サムネイルを投稿するためにクラス名を追加する

- 21
- 76631 2013-06-06
投稿のサムネイルを使用してページにリンクしています.

投稿のサムネイル画像にクラス名を追加することはできますか?

<li><a href="<?php the_permalink(); ?>" ><?php the_post_thumbnail(); ?></a></li>
I'm using post thumbnails to link to a page.

Is it possible to add a class name to the post thumbnail image.

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

3 回答

投票

- 9
- 2013-06-07
これらのクラスをフィルタリングできます.

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 これはそのフィルターを適用します.
You can filter those classes.

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');

Add the filter just before you call the_post_thumbnail. The filter will remove itself automatically.

It is a bit of trek to get there but the_post_thumbnail uses get_the_post_thumbnail which uses wp_get_attachment_image which applies that filter.
- 関数名 'alter_attr_wpse_102158'には特別な意味がありますか?この関数をmyClassと呼ぶことができます--functionmyClass($ attr){
  
  Does the function name 'alter_attr_wpse_102158' have a particular meaning could this function be called myClass - function myClass($attr) {
  - 0
  - 2013-06-07
  - Simon Cooper
- 名前はややわかりやすく、接尾辞はこの質問を参照しています.それ以外の場合、特別な意味はありません.クラスインスタンス(プラグインクラスなど)内から、 `array($this、 'methodname')`を使用でき、 `array( 'ClassName'、 'methodname')`を使用してフィルター付きの静的クラスを使用できます.
  
  The name is somewhat descriptive and the suffix references this question. Otherwise, no particular meaning. From inside a class instance-- say a plugin class-- you can use `array($this,'methodname')` and you can use static classes with filters by using `array('ClassName','methodname')`
  - 0
  - 2013-06-07
  - s_ha_dum
- http://codex.wordpress.org/Function_Reference/add_filter#Notes
  
  http://codex.wordpress.org/Function_Reference/add_filter#Notes
  - 0
  - 2013-06-07
  - s_ha_dum
- 自分自身を削除するフィルターを追加するのはなぜですか?
  
  Why are you adding a filter that removes itself?
  - 1
  - 2013-09-29
  - AlxVallejo
- @AlxVallejo:実行したい特定の状況で1回だけ実行されるようにします.
  
  @AlxVallejo : So that it only runs once in the particular circumstance that that you want it to run.
  - 2
  - 2013-09-29
  - s_ha_dum
- 0
- 2016-12-29
画像タグには、このコードを記述しただけのクラスはありません <コード>＆lt;?phpthe_post_thumbnail();?＆gt; ただし、画像タグには、このコードを記述しただけのクラスがあります

＆lt;?phpthe_post_thumbnail( 'thumbnail'、array( 'クラス'=＆gt;'クラス名' ));?＆gt;
Your image tag have no class you just write this code <?php the_post_thumbnail(); ?> but your image tag have class you just write this code

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

sabreuse · Accepted Answer · 2013-06-06

47

2013-06-06

はい-使用するクラスを属性引数の一部として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

ただし、これによりクラス `attachment- $ size`が削除されます.

But this will remove the class `attachment-$size`.
- 5
- 2013-06-06
- fuxia
しかし、クラス「attachment- $ sizemy-class-name」を追加できますか

But can you add the class "attachment-$size my-class-name"
- 0
- 2013-06-07
- Simon Cooper
@SimonCooper私がやったところ、クラスにはサイズなしの添付ファイルがあります.

@SimonCooper I did and the class now has attachment- without the size.
- 0
- 2015-04-27
- Zhianc
これは一般的に悪い解決策であり、一般的ではありません.添付ファイル($ size)をハードコーディングしても、将来発生する可能性のあるすべてのクラスインジェクションが消去されます.

This is generally bad and non-generic solution. Even hardcoding attachment-$size, erases all possible future class injections.
- 0
- 2019-02-18
- Fusion