Como adaptar tu plantilla a la gestión de imágenes en WordPress 2.6
WordPress 2.6 ha cambiado muchas cosas, pero no todas son un éxito. Uno de los asuntos que estos días nos trae de cabeza en varios sitios es como ha cambiado el modo de flotar (float) las imágenes de los artículos.
Si te has encontrado con que cuando añades unan leyenda (caption) a tus imágenes, una de sus novedades, estas no se alinean adecuadamente con el texto, esto es debido a la introducción de unas nuevas clases de estilo, en concreto: class=”alignleft”, class=”alignright” o class=”aligncentered”. El efecto es que, aunque veas las imágenes centradas, o alineadas a un lado u otro en tu panel de escritura, a la hora de la verdad, en el blog, no se alinean como tu querías.
Esto es bastante feo en algunas plantillas, pero como todo tiene solución, la hemos encontrado. Lo que tienes que hacer es adaptar tu plantilla a esta peculiaridad de WordPress 2.6 añadiendo unas clases adicionales a la hoja de estilo de la misma, normalmente en el archivo style.css.
Solo tienes que editarlo para añadirle estas líneas:
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered
{
text-align:center;
margin:0 auto;
}
Guardas el archivo y a partir de este momento ya se alinearán correctamente tus imágenes en los posts.
También te puede interesar:
Bitacoras
RSS
It became cold and cloudy! Mood very bad 
Blog EntreBlogs
Ayuda WordPress
Bocabit
Buscando Libertad
CiberPrensa
Comparativa de Bancos
Verdadera Seducción
Soy Plastic
prefiero insertar la imagen a mano U.U
y ya, santa solucion.
me paso el otros dias en mi blog de pruebas esto de la imagen, pero en fin…
Gracias! pensaba que era error del wordpress.. pero tengo una pregunta.. eso de las leyendas solo agrega una nota abajo? porque cuando lo veo en el post sale que la imagen tiene un contorno bien bonito pero cuando lo publico solo veo el texto que esta debajo de la imagen, más no el contorno que le da elegancia. Podrian responderme? Gracias nuevamente
Muy buena la aportación, ya que efectívamente me he encontrado con este problema al actualizar el blog ayer..
Gracias por vuestro trabajo incansable…
Ese error suena al viejo bug de IE ¿se veía así en todos los exploradores?
@pacog00: gracias a ti por tu esfuezo. El blog te va quedando genial
Hola, llevo días volviendome loco buscando la solución y ahora tampoco me va, podéis decir en que parte del CSS hay que pegarlo, el mio no va ni a la de tres
Un saludo, gracias.
Con que lo añadas al final del código es suficiente, pero asegúrate que es el Style.css que estas utilizando, es decir, el de tu “theme” activo
Holas, llevaba dias buscando la solucion a este inconveniente… hasta que di con este blog… solo me funciona para alinear la imagen a la derecha xD…
Pues a mi sigue sin funcionarme si le pongo Pie de foto…
Que raro… en el anterior theme esto solucionó el problema, pero en el nuevo theme no funciona :S
Edit: esto puede servir: http://codex.wordpress.org/CSS
@Skavenger: ¿Has actualizado a WP 2.6.1?. Me temo que han cambiado algo ahí.
Con el blog atualizado a 2.6.1 funciona correctamente. la modificación
Hola y gracias por el dato, la verdad es que lo probé y funciona.
Sin embargo tengo problemas al aplicarlo al theme Illacrimo, pues al hacerlo la imagen flota y sale del post cuando el texto no es lo “suficientemente largo” como para que la imagen se vea dentro del mismo.
La verdad es que no sé qué debo hacer para corregirlo; si me pueden dar alguna idea se los agradeceré.
He añadido el código a la plantilla Superfresh (green) qe estoy preparando y me funcionan bien las alineaciones izquierda (por supuesto) y derecha, pero no la de centrar la imagen. No me funciona ninguna combinación, ni en esta plantilla ni en otras que he probado. ¿Alguien conoce las causas?
Probado, NO funciona en wordpress 2.6.2 que tengo instalado
Si funciona en wordpress 2.6.2 ,
Mírate esta ampliación al articulo ..
http://zaragoceando.com/?p=1652
Además ahí lo tienen funcionado…