Categorías: Wordpress

by administrador

Share

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.

Nos encantaría recibir tus comentarios

  1. Dragon4zul 25 de enero de 2012 at 23:46 - Reply

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

  2. tito 3 de septiembre de 2012 at 00:41 - Reply

    Muchas gracias me sirvió!!!

  3. Eduardo 8 de octubre de 2013 at 11:58 - Reply

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

  4. Leo Saballos 12 de octubre de 2013 at 20:11 - Reply

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

  5. Joakín Antonio 18 de febrero de 2014 at 14:48 - Reply

    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

    • javierin 19 de febrero de 2014 at 16:51 - Reply

      Hola

      Gracias por el apunte! cuando escribí el post esta opción aún no estaba disponible.

    • Rini 20 de abril de 2014 at 19:56 - Reply

      Mil gracias! :D

Entradas relacionadas

  • Como he solucionado el mensaje Error: las cookies están bloqueadas al acceder al panel de gestión de un Wordpress Multisitio multidominio

  • Ventajas de usar SMTP para WordPress Si tenemos un blog, es posible que nos hayamos encontrado con que algunos correos no nos llegan y acaban en la carpeta de SPAM de nuestro email. En ocasiones, esto puede ser irrelevante, pero podemos también perdernos notificaciones importantes, por lo que es conveniente dejar bien afinado el tema del envio de correos desde WordPress usando SMTP. En esta entrada vamos a ver como usar un plugin de SMTP para WordPress que nos permitirá enviar correos a través de Gmail, de forma segura, y utilizando contraseñas