Como adicionar uma classe às imagens de anexo

5

Quando estou no editor do Wordpress e adiciono uma imagem externa com o botão 'img', meu resultado em html será assim:

<img src="http://example.com/image.jpg"alt="image" />

Como pode uma classe ser adicionada automaticamente à tag img? Assim:

<img class="my-img-class" src="http://example.com/image.jpg"alt="image" />

Gostaria de aplicar o mesmo princípio à opção "Adicionar mídia". Esta saída é assim:

<a href="mywordpressdomain/image.jpg"><img src="mywordpressdomain/image.jpg" alt="image" width="872" height="867" class="alignnone size-full wp-image-59" /></a>

E eu quero que a saída seja assim:

<a href="mywordpressdomain/image.jpg"><img src="mywordpressdomain/image.jpg" alt="image" width="872" height="867" class="alignnone size-full my-img-class" /></a>

Eu sou novo com PHP, então não sei como fazer isso através de um filtro. Eu comecei assim, mas não sei o que fazer em seguida:

function image_tag_class($class, $id, $align, $size) {
    return $align;
}
add_filter('get_image_tag_class', 'image_tag_class', 0, 4);
    
por Eric 22.07.2014 / 18:15

1 resposta

6

Você poderia fazer assim:

function image_tag_class($class) {
    $class .= ' my-custom-class';
    return $class;
}
add_filter('get_image_tag_class', 'image_tag_class' );

caso você queira saber mais sobre ações e anzóis.

Diferença entre ganchos de filtro e ação?
< href="http://codex.wordpress.org/Function_Reference/add_filter"> add_filter
add_action

    
por Marcos Rodrigues 22.07.2014 / 19:09