Estilos para alinear imágenes en WordPress

WordPress tiene por defecto un sistema de alineaciones cuando editamos o creamos una entrada, estos alinean las imágenes a la izquierda, derecha o centro, dependiendo de la elección del autor.

Cuando creamos un tema de cero, esos estilos que agrega WP no estarán en nuestro CSS. Os los adjunto para que podáis pegarlos en vuestra hojas de estilo y se comporte según los parámetros de alineación que elija el usuario:


/* ==|==La magia de las alineaciones de las imágenes en el editor de WP  ===== */

img.alignright {float:right;margin: -70px 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 50px;}
a img.alignright {float:right; margin:-65px 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img#wpstats {
     display: none;
}

Daniel Martínez

4 comentarios - ¿Quieres opinar?
  1. Muy buena esta aportación, la usare para la creación de todos mis temas ya que veo que es imprescindible.

  2. Sos un maestro! Aplicaré esto a todos mi WP…
    Gracias por tanto…

  3. Mil gracias Wakkos, muy útil este código. saludos

  4. Muchas gracias esto me sirvió ya que cree mi tema desde cero.

Opiniones y preguntas:

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