Envolver automáticamente la imagen de la publicación en div

2

En cuanto a los archivos adjuntos de imagen insertados en una publicación , me gustaría envolver la etiqueta img dentro de una etiqueta div para propósitos de diseño específicos .

¿Hay alguna forma de hacerlo automáticamente después de adjuntar el archivo de imagen, como a través de ganchos / filtros quizás?

¡Gracias por adelantado!

    
pregunta Giraldi 25.06.2011 - 09:01

2 respuestas

4

Es el filtro image_send_to_editor :

if(is_admin()){

  add_filter('image_send_to_editor', 'wrap_my_div', 10, 8);

  function wrap_my_div($html, $id, $caption, $title, $align, $url, $size, $alt){
    return '<div class="mydiv" id="mydiv-'.$id.'">'.$html.'</div>';
  }
}

Para imágenes / publicaciones existentes, puede probar la expresión regular en la función a continuación

    
respondido por el onetrickpony 25.06.2011 - 11:50
1

No se ve en los ganchos y filtros, pero es fácil de lograr solo con CSS.

Usando el 2010 theme y class="entry-content" como el selector css

En su uso de hojas de estilo:

.entry-content img {  
/* do all your funky css attributes for the image in here */  
}  
    
respondido por el MartinJJ 25.06.2011 - 09:36

Lea otras preguntas en las etiquetas