Tutorial: Mostrar Gravatar de Autores en WordPress al Estilo Mashable

fencer · 25 Dic 2009

Estuve toda la tarde intentando lograr esto que vi en mashable (mostrar el gravatar) o al menos algo parecido, y a su vez linkearlo a la pagina de autor
Enlace eliminado

fue fácil meter el gravatar, lo difícil era linkearlo automáticamente a la página de autor, pero al final lo he logrado: la cosa va más o menos así:

HTML:

<div class="authorpic" style="float: right; margin-left: 10px;"><a href="/author/<?php the_author_meta('user_login'); ?>" rel="nofollow" alt="<?php the_author(); ?>" title="<?php the_author(); ?>" /><?php echo get_avatar( get_the_author_email(), '60' ); ?></a></div>

y lo ubican justo antes de:

HTML:

<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a>

lo pueden hacer el el index.php, archive.php, single.php. Aparte le pueden quitar el nofollow que yo lo puse por razones SEO, en mi caso la imágen queda alineada a la derecha usando style="float: right; margin-left: 10px;" pero pueden alinearla a la izquierda usando style="float: left; margin-right: 10px;"

adicionalmente pueden cambiar el tamaño del gravatar cambiando el valor numerico en get_the_author_email(), '60' de 60 al que a ustedes más les parezca.

Asi quedó mi web 🙂 más fina (y no se nada de php/css xD puro ensayo y error.

Enlace eliminado

espero a algunos les sirva

Cristian Sfe · 25 Dic 2009

Si hubiera leído eso antes no me hubiera partido la cabeza XD esta es otra forma:

PHP:

 <?php
                                // Determine which gravatar to use for the user
                                $email = get_the_author_email();
                                $grav_url = "http://www.gravatar.com/avatar.php?gravatar_id=".md5($email). "&default=".urlencode($GLOBALS['defaultgravatar'] )."&size=50";
                                $usegravatar = get_avatar($id_or_email, $size = '96', $default = '<path_to_url>');
                            ?>
                            
                        <?php  if ( $usegravatar ) { ?><img src="<?php echo $grav_url; ?>" width="50" height="50" alt="" /><?php } ?>

crystaldream · 25 Dic 2009

Ya me lo sabia, se usan los tag de author info que vienen en el codex, y el tamaño toda esa onda, pero jamas se me habria ocurrido colocarlo de esa forma.

Plaga · 25 Dic 2009

Valla muchas gracias 😀
Yo hace tiempo queria saber como linkear a la pagina del autor.

fencer · 26 Dic 2009

Hey muchas gracias por los shortcodes de tu sitio xD está muy bueno el tuto ya hasta he probado

[saludo] y me ha salido:
Hola amigos del alma queridos de mi corazon, les saluda su amigo Fulanito Perez, soy el dios todo poderoso fundador de este blog y solo pasaba a saludarlos, se han portado muy bien esta navidad.

:merryxmas:

crystaldream dijo:
Ya me lo sabia, se usan los tag de author info que vienen en el codex, y el tamaño toda esa onda, pero jamas se me habria ocurrido colocarlo de esa forma.

crystaldream · 26 Dic 2009

xD aqui no creo que funcionen 😛

Se me estan ocurriendo ideas locas para secciones de autor y el CSS que pusiste esta siendo de gran ayuda, se me habia olvidado darte reputacion positiva por esto.

fencer · 26 Dic 2009

Huy gracias, mal no cae xD, sabes? lo copié del css que usa el plugin del tweetmeme

Wigao · 17 Ene 2010

Lo voy a utilizar en mi blog. Saludos.

José Sainpere · 23 Feb 2012

Se agrade el aporte estaba buscando algo similar! :encouragement:

Tutorial: Mostrar Gravatar de Autores en WordPress al Estilo Mashable

fencer

Cristian Sfe

crystaldream

Plaga

fencer

crystaldream

fencer

Wigao

José Sainpere

Temas similares