Para mostrar una miniatura en la portada primero debo evitar mostrar la imagen en su tamaño original. Una manera de lograrlo es usando el modo de “extracto” durante la ejecucion del loop de wordpress. En la pagina del codex de wordpress esta muy bien explicado como mostrar solo extractos en la portada. Una vez que ya no aparece la imagen original en la portada, hay que hacer aparecer una nueva imagen, la cual previamente hemos modificado al tamaño de la miniatura que queremos mostrar. Ahora el asunto es como hacerlas aparacer…como no sabia como hacerlo (al igual que tantas otras cosas en wordpress) comense a buscar themes que implementaran miniaturas en la portada y ver como lo hacian. Finalmente despues de mucho buscar encontre el theme magtastic el cual me entrego la solucion.

Este theme muestra una miniatura junto al ultimo post categorizado como destacado y para ello ocupa la funcion de campos personalizados (tambien conocidos como customs fields). Lo que hice fue usar esa tecnica, pero aplicarla a todos los post. Haciendo algunas pequeñas modificaciones mi loop de wordprees me queda asi.

ID, 'thumbnail', $single = true); ?>



 




”
height=”"

/>

 Posted in  |

Finalmente para dar aviso al codigo para que muestre las miniaturas en portada, en el editor de post debes buscar donde dice Custom Fields , donde dice Key escribir la palabra thumbnail y donde dice Value colocar la direccion web donde esta la miniatura.

http://ayudawordpress.com/anade-miniaturas-a-la-portada-de-tu-theme/

Otras formas alternativas de hacer lo mismo:

http://www.kabytes.com/programacion/guia-como-mostrar-miniaturas-automaticas-en-wordpress/

http://www.cnet.ro/wordpress/thumbnailforexcerpts/

http://www.blogmundi.com/2008/09/16/miniaturas-y-resumenes-de-entrada/

http://www.frickr.es/2009/01/04/como-mostrar-miniaturas-en-tu-tema-de-wordpress-sin-plugins-ni-hacks/

Share

• No hay entradas relacionadas.

Por defecto el texto aparece en linea con las imagenes al insertarlas en un post. Para lograr que el texto no este en linea con las imagenes y la rodee nos vamos al modo de escritura en HTML de nuestro editor de texto de wordpress y en la seccion del codigo que corresponde a la insercion de la imagen <img src=”http://….. etc> justo entre img y src ponemos

style=”float:left”.

Ahora bien, con esto el texto rodea la imagen pero queda muy apegado a esta. Para solucionar eso se le agrega margin-right:10px.

Con lo que nos queda de este modo

<img style=”float:left; margin-right=10px” src=”http://….. etc>
Ese es el metodo carretero, un metodo mas eficiente y que nos permite aplicar mas atributos a nuestra imagenes, es definir en la hoja de estilo una clase que podemos llamar por ejemplo flotar

img.flotar {
float:left;
margin-right=10px;
}

y de este modo colocamos class=”flotar” entre img y src con lo que nos queda de este modo
<img class=”flotar” src=”http://….. etc>

Esto ultimo lo aprendi gracias a este post sobre como alinear imagenes mediante CSS en el blog de la mate por un yogur (si…es el nombre de un blog).

Share

• No hay entradas relacionadas.

Tal como me lo he propuesto, ire dejando un registro sobre las modificaciones que realizo al blog, pues a mas de alguien le puede servir como he hecho tal o cual cosa.
Como se puede apreciar, en esta primera evolucion he logrado hacer cosas como que el texto rodee la imagen y hacer aparecer una imagen en miniatura junto al resumen de los post de la portada.

Si te interesa hacer alguna de estas cosas visita:

Como hacer que el texto rodee una imagen en wordpress.
Como mostrar miniaturas en la portada.

Share

• No hay entradas relacionadas.

Hace algunos dias me hecho de Twitter y ya tengo 2 seguidores que emocion (Ya eran muchos los que lo tenian…en realidad miles…asi que decidi unirme al club). Personalmente prefiero las herramientas de filosofia distribuida como RMD (no como twitter que es centralizada). Si ademas son proyectos de codigo abierto en los que puedes participar mucho mejor.

Hoy me puse a buscar la forma de integrar Twitter a mi blog y he encontrado 2 plugins muy simples, de esos que copias a la carpeta plugins, los activas, escribes un usuario y listo.
El primero se llama simple twitter y como su nombre lo indica es de lo mas sencillo. Lo instalas y a traves de un codigo PHP puedes llamar a tu ultimo post en Twitter. Ideal para integrarlo en el theme y darle tu propio diseño a con CSS.
El segundo se llama wptwitter y muestra tus post de twitter en la barra lateral y se agrega como cualquier widgets y ademas trae algunas opciones de configuracion muy basicas.

Por ultimo tambien he probado leer los post de Twitter a traves del RSS que viene con los widgets de wordpress y funciona muy bien. Este ultimo metodo tiene la ventaja que puedo mostrar en mi blog las cosas que postean a los que sigo en Twitter.

Ninguna de estas opciones me muestra el avatar de los usuarios que sigo en mi Twitter, pero creo que esto se puede solucionar utilizando Feevy, ya que este sistema permite agregar un avatar a cada una de nuestras fuentes RSS.

Para los que fanaticos de este servicio, aqui encontre una comunidad Twitter (en ingles) donde el tema principal ya imaginan cual es.

Share

• Expresiones matematicas en wordpress (0)