Herramientas

#HazloTuMismo: agregar foto y descripción del autor en wordpress.org

Yo se, yo se, nada que unos plugins no puedan solucionar, pero hay que tener en mente que la saturación de estos te crean conflictos, ocupan espacio y alentan el blog, en mi opinión no hay nada mejor como picarle a unas líneas del código (más si sólo es copiar y pegar).

Mientras que para SporaDigital compre una plantilla ya que me daba flojera modificar las líneas de código no dominino muy bien Php, HTML y CSS, se me hizo más fácil aunque al final tuve que meterle mano ya que no me quede satisfecho, para el blog de VidaAcadémi.ca decidí usar un template gratuito (puedes mirar en wordpress.org), encontre uno que fue de mi agrado pero no contaba con el apartado de información sobre el autor y como en ese blog contribuyen varios editores me tuve que ver en la tarea de buscar la forma de crear este apartado.

Seguramente en google se pueden encontrar bastantes sitios que enseñan como hacerlo, ¡vamos!, así di yo con la respuesta, el problema es ese, encuentras tanto y no la información en concreto ni el cómo, por fortuna Chris Spooner de line25.com presenta un tutorial paso por paso de como realizar esta acción así como unos bonus tips.

En concreto sólo debes editar el código del single.php del tema en cuestión y la hoja de estilos (CSS):

Código para single.php (copia y pega)

</pre>
<div id="author-info">
<div id="author-image"></div>
<div id="author-bio">
<h4>Escrito Por <!--?php  the_author_link(); ?--></h4>
<!--?php the_author_meta('description'); ?--></div>
</div>
<pre>
<!--Author Info-->

Te recomiendo que lo pegues después de la línea ;

Código para la hoja de estilo de nuestro tema (style.css)

#author-info {
    background: #eaeaec; padding: 10px; margin: 0 0 15px 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: auto;
}
#author-info #author-image {
        float: left; margin: 0 10px 5px 0; border: 5px solid #DCDCE1;
    }

Consideraciones a tener en cuenta

Si tu blog es personal no le veo mucho caso poner esto, por ello en este blog no lo estoy usando, para la imagen debes darte de alta en gravatar.com y la información es la de tu perfil en wordpress.

Vía: xyberneticos.com/

Leave a Reply

Your email address will not be published. Required fields are marked *