Existe un plugin para Wordpress para colocar una imagen de cada bloguer, preferentemente una no muy grande de su cara, junto a cada post que realizó. En este post explicaré como lograr esto sin la utilización del plugin y de manera muy simple.
Esto sirve principalmente para los blogs donde participan varios autores y le da un toque profesional, casi como si fuera un periódico. Lo primero que debemos hacer es conseguir una imagen de cada bloguer y darle el mismo tamaño a todas, 50px por 50px estará bien. También debemos darle el mismo formato, en este caso utilizaremos JPG.
Luego a cada imagen la renombraremos colocandole el nombre de usuario en Wordpress con la extensión .jpg. Por ejemplo:
Nombre de usuario en wordpress: juan
Nombre de archivo: juan.jpg
Nombre de usuario en wordpress: daniel8
Nombre de archivo: daniel8.jpg
Una vez que tengamos todos los archivos listos los colocamos en la carpeta /avatares, luego de haberla creado, dentro del directorio del theme que estemos utilizando.
Ya tenemos todo listo para comenzar a utilizar las imágenes. Ahora debemos elegir donde las colocaremos. Algunos lugares interesantes puede ser el index del blog junto a la fecha y hora de publicación o en cada entrada individual.
Donde querramos que cada imagen aparezca colocamos lo siguiente (sin la x en xsrc, es decir, colocando sólo src):
<img xsrc="/avatares/<?php the_author_login() ?>.jpg" title="<?php the_author('name'); ?>">
Para que funcione debemos incluirlo dentro del loop de Wordpress. Si desconocemos los nombres de usuario de cada autor en Wordpress podemos averiguarlo en el Panel de Administración, en la sección Usuarios (Users).
- Relacionado: Themes para Wordpress
- Relacionado: Entradas en esta página
1 — Ricky
10/05/2007 08:17 pm — ResponderHola Horacio
Llegue a tu blog desde techtear. Hacia mucho tiempo que no entraba y cuando vi el diseño me quede realmente sorprendido. Es un trabajo impecable. Mis felicitaciones.
Por otra parte, disculpa las molestias pero tengo una pregunta. Tengo un blog en blogger y quisiera poner mis anuncios de adsense rodeando el texto. De esa manera puede que aumenten las visualizacion de adsense. Lo he visto en este blog (que es en wordpress pero sirve de ejemplo) http://www.johnchow.com.
¿Como se hace en blogger. Con un iframe o existe algun plugin?
Gracias por tu tiempo (voy a devorar este blog)
Saludos
2 — Horacio Bella
11/05/2007 01:17 am — ResponderRicky:
No utilicé demasiado blogger, pero creo que para colocar los anuncios en esa posición debes ir a la edición de la plantilla en Blogger (eso creo que se hace con las características de la versión vieja).
Supongo que creando un DIV, colocándole el código de Adsense y alinéandolo a la derecha desde la plantilla va a funcionar. Eso sí, vas a necesitar un poco de conocimientos en HTLM/CSS.
De todas maneras creo que Blogger facilita la inserción de los anuncios. Tal vez esta página te ayude:
http://help.blogger.com/bin/answer.py?answer=42281
Saludos.
3 — x_silver
08/07/2007 12:45 am — ResponderMe parece bastente ingeniosa la forma que lograste hacer esto de las imagenes del autor.
Te felicito y agradesco.