Texto alrededor de imagenes en entradas WordPress

Al iniciar la seccion de Sitios para Comer en Madrid y Sitios para Comer en Asturias, me he encontrado con la necesidad de poner imagenes en las entradas. El problema es que al insertarlas, el texto no se distribuia alrededor de las imagenes y quedaba horrible.

La solucion a este problema pasa por editar manualmente el codigo html (Usando la pestaña HTML del editor) y buscando el tag IMG que nos interese.

Si queremos alinear la imagen a la izquierda añadimos style="border: 0pt none; float: left; padding-top: 10px; padding-right: 10px; padding-bottom: 10px;" entre img y src

<img src="http://ruta.a/la-imagen.jpg" ...
<img style="border: 0pt none; float: left; padding-top: 10px; padding-right: 10px;
            padding-bottom: 10px;" src="http://ruta.a/la-imagen.jpg" ...

Si queremos alinear la imagen a la derecha añadimos style="border: 0pt none; float: right; padding-top: 10px; padding-left: 10px; padding-bottom: 10px;" entre img y src

<img src="http://ruta.a/la-imagen.jpg" ...
<img style="border: 0pt none; float: right; padding-top: 10px; padding-left: 10px;
            padding-bottom: 10px;" src="http://ruta.a/la-imagen.jpg" ...

Con esto lo que hacemos es, en caso de alinear la imagen a la izquierda, dejamos un margen por la derecha y abajo con el texto de 10 pixels, y si alineamos a la derecha, dejar el margen por el lado contrario.

7 comentarios
Dragon4zul

Gracias por tu publicación me ha sido de mucha utilidad.

tito

Muchas gracias me sirvió!!!

Eduardo

Gracias, era imposible con el editor, ¿por qué ese fallo?

Leo Saballos

Sos un Master viejo!! Excelente! Funciona a la perfección

Joakín Antonio

Justo al insertar objeto y seleccionar la miniatura de la imagen en la librería multimedia, aparece el apartado AJUSTES DE LA PANTALLA DE ADJUNTOS, (en la parte inferior derecha) desde donde también se puede aplicar la alineación de texto a la izquierda, derecha o centro de la foto. Saludos

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *