Cómo poner información del autor en cada post

Toc- toc, ¿hay alguien ahí detrás? Cuando escribes un post en un blog, quieres que se sepa que lo has escrito tú y poder mostrar algo de información sobre ti al final de cada entrada. Esto es bueno para ti y para los demás que sabemos quién anda ahí detrás, y nos indica si podemos fiarnos de ti o no… jeje Así que “véndete” bien en tu caja de información sobre el autor. ¿Ah que no sabes cómo ponerla? Yo te cuento cómo… Autoría de post

Cada vez que escribo una entrada sobre el tema de los post, cómo mejorar tu blog en WordPress, el mundo blogger… muchos pierden esa vergüenza a preguntar, ya que no “son expertos” (no como yo que nací sabiendo, por supuesto!) y se animan a consultarme dudas. ¡Me encanta! Porque para mí también es un reto, si no se hacer algo lo busco. 😉 Nótese la ironía, en que “soy una experta”… ¡Soy una mindundi que aprende cada día! Una autodidacta de la vida. Y aquí estamos para ayudar.

Cómo añadir caja de autor al final de un post

Si quieres que al final de cada entrada aparezca una caja con información sobre el autor, es bien sencillito con un blog en WordPress… Aunque te advierto que hay temas de WordPress que no lo permiten. 😦 La única opción sería que añadieras a mano en cada post esa información (abajo te digo cómo), o usar un plugin en un blog de pago. Pero como mi blog es gratutio y mi tema me lo permite, lo de la “cajita mágica” de autor me lo hace GRAVATAR! información acerca de autor Begoña Sánchez JiménezGravatar es una herramienta de WordPress, con la que crear un avatar (foto de usuario), a la que añadirle información de perfil. No es más que la fotito que aparece cada vez que comentas en otros blogs, que lleva asociada tu información de perfil. Seguro que ya tienes configurado tu perfil en Gravatar si usas WordPress, pero igual no lo tienes completo del todo para que aparezca la información de autor al final de cada post, así que sigue estos pasos:

  1. Crea tu perfil en Gravatar: añade foto, una descripción de contacto y los enlaces a tu sitios.
  2. Ve a Escritorio>usuarios>mi perfil y completa la información de tu Perfil Público (o haz clic en el enlace para ir directamente). De hecho desde aquí también puedes rellenar tu perfil de Gravatar, pero bueno así te familiarizas un poquito! Muy importante rellenar la casilla marcada en naranja “Display name publicity as”.Mostrar información de autor Gravatar - WordPress
  3. Si tu blog tiene más de un bloguero, repite la misma operación y asegúrate que al escribir cada uno seleccione el perfil apropiado! No te pongas el merito de otro compi de blog eh? Aunque esto no suele pasar porque cada uno tiene su contraseña de colaborador. Ya veremos esto en otro post más adelante… Don’t worry!

Añadir información de autor si tu tema no te lo permite

¡No me olvido de ti, tranqui! Si has comprobado que cumples todo lo anterior, pero aún así na-nai de de tu cajita de autor, vamos a un método más “rústico” pero igual de eficaz. La opción es que lo hagas a mano, copiando y pegando un código HTML al final de cada post. Esto es un truco que yo usaría, pero igual es mejor opción que busques un tema con más posibilidades…. Aunque sí, lo sé, es un tostón tener que ponerte a probar temas nuevos… ¡Aceptamos código HTML como “caja de compañía”…! 😉

¿Cómo he conseguido esto? Porque hago mis pinitos con programación en HTML, y me dedico a copiar códigos de otras webs y blogs, y probando muuucho! (Probar es lo mío) He de confesarte que me ha costado lo suyo sacar este código, pero toqueteando de allí y de acá lo he sacado con mucho cariño para ti que me lo habías pedido, o estabas pensando en hacerlo… No? jeje No te asustes… Créeme es más fácil de lo que parece.

Primero tienes que conocer tu ID de gravatar:Añadir información sobre autor gravatar

  • 1. Accede a este enlace y pincha en “Revisar este gravatar”. Ahora en el “Hash de correo electrónico” copia el código que hay antes de /avatar/. En mi caso sería 1465a431df9b656bf373d4d35ad406ea/avatar/1465a431df9….
  • Ahora necesitamos el enlace de la imagen de nuestro Gravatar. Ve a tu foto de Gravatar que encuentres en algún comentario mismamente, haz clic botón derecho encima > inspeccionar elemento (en Chrome o Firefox, en Explorer no se puede) > Copy as HTML, pega el código en tu post y quédate con la url de gravatar (en verde) <img src=”esta url que empieza con gravatar.com” widht=”100″ heiht=”100″>. Lo demás puedes borrarlo, porque ya aparece en el código que te doy abajo.

¡Ya estamos listos! Copia y pega el código HTML de abajo al final de tu post, y sustituye la ID de gravatar en naranja, la URL de la imagen en verde, y todos tus datos de contacto en azul. Elige el color que quieras para tu caja de texto entre estos colores hexadecimales y sustitúyelo por el código de color rosa. 🙂

<table bgcolor="#FFE7CB"> <tbody> <tr> <td><img class="avatar avatar-70 grav-hashed grav-hijack alignleft" id="grav-1465a431df9b656bf373d4d35ad406ea-0" style="margin-left: 10px; margin-right: 10px;" alt="Begoña Sánchez Jiménez" src="http://1.gravatar.com/avatar/1465a431df9b656bf373d4d35ad406ea?s=70&amp;d=monsterid&amp;r=G" width="70" height="70" />Autor: <a title="Begoña Sánchez Jiménez" href="http://probandomundo.wordpress.com/author/begonte/" target="_blank">Begoña Sánchez Jiménez</a> Creativa, constante y muy deportista. Licenciada en Comunicación Audiovisual con Marketing y Creatividad Publicitaria. Enfocándome en el Social Media y Marketing Online. Buscando una oportunidad laboral mientras aprendo cosas nuevas cada día. </td> </tr> </tbody> </table>

Si está todo bien hecho, te tiene que quedar algo similar a lo que me queda a mi aquí abajo…

Autor: Begoña Sánchez Jiménez
Creativa, constante y muy deportista. Licenciada en Comunicación Audiovisual con Marketing y Creatividad Publicitaria. Enfocándome en el Social Media y Marketing Online. Buscando una oportunidad laboral mientras aprendo cosas nuevas cada día.

Pues si te ha quedado bien ¡Enhorabuena! Ya tienes tu información sobre el autor para tus post, ahora lo malo es que tendrás que copiar y pegar tu código al final de cada post… ¡no es tan traumático! Ctrl C + Ctrl V y listo. Siento no poder darte una solución mejor…

Espero haberte ayudado si tu maldito tema gratuito de WordPress no te deja usar la caja de autor de Gravatar. Aquí estoy yo con truquillos y consejos para blogs gratuitos y principiantes. 🙂

No te olvides de compartir, seguro que ayudas a alguien!! Cualquier duda, que seguro surgirán… ¡Espero tu comentario!

Suscríbete a Probando MUNDO blog

Anuncios

46 thoughts on “Cómo poner información del autor en cada post

  1. Hola Begoña, tengo una duda y me gustaría que me ayudaras, cuando escribo alguna entrada, se ve el autor es decir mi nombre, al lado de éste puede estar un ancla a mi twitter? Como lo hago? Saludos!

  2. Tengo un problema con mi blog y es que en los post no muestra la hora,tags y autor he buscado por internet y en los archivos del tema pero no he podido dar que se muestre podrian ayudar saludos buen post

  3. Hola!! Cómo nos lees la mente!! Tanto de las dudas como de los problemas que nos van a pasar… Efectivamente mi tema no admite el avatar o al menos no me sale e intenté el plan B, pero tampoco… Te dejo mi código, pero no sé lo que ha pasado…

    Autor: Alicia Boris BarandiaráMi impulso por este Blog… 

    Ves algo raro? Hay veces que te dicen que esperes 1 día porque wordpress es así de caprichso… Muchas Gracias

  4. Hola Begoña,
    He seguido paso por paso todo lo que comentas y no he podido conseguirlo. De igual forma he probado con tu código para ver si había sido fallo mío al copiar cualquier vínculo y tampoco se visualiza tu perfil.
    Si pudieses echarme una mano te lo agradecería ya que creo es bastante útil.
    Un saludo,

  5. ¡Hola, Begoña! Muy útil tu post, pero no me resulta. Después de mucho intentarlo copié y pegué todo el código HTML con tu información sin modificar nada y al publicarlo no apareció nada. Entonces no importa si mi información está errada, si de todas formas el código HTML con tu información tampoco me funciona. ¿Sabes por qué sucede esto?

  6. ¡Hola, Begoña! Muy útil tu post, pero no me resulta. Después de mucho intentarlo copié y pegué todo el código HTML con tu información sin modificar nada y al publicarlo no apareció nada. Entonces no importa si mi información está errada, si de todas formas el código HTML con tu información tampoco me funciona. ¿Sabes por qué sucede esto?

  7. Ui, siempre me había preguntado cómo poder poner esa caja con información de autor. Así que la información es muy útil! Aún tengo que ver si funciona en mi tema. Me lo anoto como tareas de fin de semana. Gracias! Ah! Y lo comparto, claro. =D Feliz noche!

  8. Buen tema Begoña. Había visto muchas veces tu bio al final de los post pero nunca me había parado a pensar detenidamente en ello mismo 😛
    Mi tema parece que tampoco admite la caja de gravatar, pero como ahora puedo enlazar mi perfil de Google+ en cada post para mí es suficiente (modo perezosísimo encendido).

    1. Jajaja si estás en modo perezoso… No se tarda nada hombre! Y aunque G+ te reconozca como autor y podamos ver más sobre ti ahí, no está mal tener algo de info al final. Pero cómo veas, si te animas y tienes cualquier problemilla me dices, ok?

      Gracias por pasarte a comentar! 🙂 Saludos

  9. Gracias nuevamente: problema resuelto. Aunque no sé cómo se solucionó, por que no supe cuál fue el problema. Por lo que en el futuro cuando se me vuelva a presentar, en principio no sabré tampoco entonces cómo resolverlo; haciendo ello que a cada paso que doy, tenga que estar dependiendo de otro (como me sucede casi siempre). Lo cual hace a su vez que se ande literalmente a ciegas, con la angustia que ello genera, y se tarde literalmente a veces hasta meses e inclusive años, en intentar hacer cosas que, de saber cómo se hacen o se resuelven, no le llevan a uno más que unos minutos o unos días.
    Por favor no lo tomes a mal, no es un reproche (no estoy tan loco), pero es que en realidad es ese el problema, como te comentaba en el mail que te envié.

    En este caso, como yo había observado, la dirección URL de la imágen de mi gravatar, no aparecía como en el ejemplo del post. En el texto que luego me pasaste, en cambio sí aparece como en el ejemplo que se ve aquí, pero sin que yo sepa por qué (es decir: de dónde salió esa dirección URL, o cómo la obtuviste; puesto que yo no pude aún cuando seguí los pasos que se describen en el post). Esto ya lo había advertido, como lo comenté en el mensaje anterior, por lo que no estaba tan errado en mi diagnóstico. Y por lo que observo, ese era básicamente el problema. Sin embargo pienso que de haber obtenido correctamente la URL, o si por el contrario, de no obtenerla, hubiese sabido como hacerlo; pues esto que cuento aquí sencillamente no se hubiese escrito, y entonces no serviría de guía o de ayuda a alguien más a quien tal vez se le presentase el mismo problema, con lo que yo no habría aprendido nada, ni tampoco (creo) hubiese ayudado a nadie.

    Además de eso, hay algunas pequeñas diferencias entre el texto HTML que se ve en el ejemplo, y el que me pasaste por correo, que supongo que hacen que mi “cajita” se vea finalmente parecida a la tuya (aunque como te comento también por correo, al parecer el tema que uso no permite modificar ciertas cosas).
    Destaco de todo esto, tu predisposición a ayudar a gente con la cabeza dura y sin paciencia para estas cosas, como yo (no sé si sabrás lo escasa que resulta la ayuda que los cabezaduras solemos recibir por parte de quienes entienden y se apasionan con estas cuestiones, por distintas razones). Y me refiero a ayudar de verdad, pues se nota tu preocupación por el otro, cuando la mayoría de las veces, en el mejor de los casos, los que entienden del tema se limitan a enviar un correo deseando buena suerte sin más.

    En segundo lugar, soy de los que cree que del error se aprende, y que los problemas que se nos presentan son oportunidades para progresar. Por lo que compartir las inquietudes, a través de este blog, es buscar la solución entre todos.
    Y por último, ya que tengo ambos textos (el del ejemplo y el que me pasaste por correo), puedo compararlos para tratar de tener una idea de por qué no me funcionó el texto del ejemplo, y el que enviaste por correo sí; lo cual quizás sea lo más importante de todo, por que de esa manera puedo “ver” por mí mismo el problema, y a partir de allí ensayar soluciones, como lo hice en esta oportunidad y lo hago siempre.

    Arriba se puede ver el texto que das como base o ejemplo. Aquí en cambio, esta el texto que luego me pasaste por correo:

    Autor: Valentín Plastino
    Comunicador, docente y escritor.

    Se puede apreciar que no son iguales.

    De todas maneras, como no me gustaba cómo quedaba (pues al parecer el tema que uso, finalmente no me permitía eliminar o modificar un espacio en blanco que quedaba por encima y por debajo de la foto del gravatar, dejando la “cajita” muy desprolija), opté por crear una imágen con Photoshop y pegarla como texto HTML al final de cada post (usando la vista “texto”). Esto por supuesto me llevó fácilmente 24 horas de probar todas las alternativas que se me ocurrieron o que me eran sugeridas por otras personas a las que consultaba, haciendo que la solución o respuesta al problema se presentase finalmente por descarte. En un momento pensé que ampliando la información de mi perfil de Gravatar, por ejemplo, la “cajita” del final del post se expandiría y se distribuiría más uniformemente todo, haciendo que desaparezca el “aire” que se veía por encima y por debajo de la foto. Pues no fue así. Agrandar la foto tampoco fue posible, ni resultaba útil, pues (otra vez, por el tema que uso) las letras se agrandaban junto con los espacios en blando que había entre ellas, sin que estos desaparezcan. Y todo por el estilo.

    Como digo, entonces, creé una imágen en Photoshop con formato PNG, que luego pegué en la vista “Texto” de mis post; subiéndola primero desde mi computadora a la “Librería” de mi blog. Previo a ello, tuve que utilizar la herramienta “Escalar” del Photoshop, para hacer coincidir la imágen (que incluye mi foto), en un documento cuyas dimensiones son 700x250px (o cosa así), que son las dimensiones óptimas, o al menos las que yo deseaba, como para crear la mencionada “cajita”. Paso por alto aquí la peripecia que fue emplear para ello este programa de edición de imágenes, por que significaría escribir prácticamente otro post, y por que como se imaginarán, ya no me quedan fuerzas ni ni tengo tampoco el deseo de describir lo que fue ese proceso.

    Aquí pueden ver cómo se ven ahora mis post (la barrita separadora que se ve antes de la cajita con mis datos, la agregué de la misma manera que la imágen que creé, sólo que copiando la dirección URL desde un sitio de internet):

    http://elblogdevalentinplastino.wordpress.com

    Saludos, y gracias!

  10. Lo siento pero lo intenté de todas maneras y no me aparece la foto. Tampoco Aparecen mis datos debajo de mi nombre, como a Begoña, sino que junto al nombre (si fuese Word, bastaría con darle un “enter”; para que se entienda). Lo que noto respecto de la imágen, es que sea de donde sea que copio el código, o como sea que lo haga, no me aparece eso que aquí figura en verde, sino una cosa distinta cada vez, pero ninguna parecida a la serie de números y letras que se ven en el ejemplo (en algún caso, logro obtener algo similar, pero no del todo igual, en el sentido de que lo que copio está precedido de un http://, por mencionar sólo un ejemplo). Me gustaría saber por qué sucede esto, siendo que sigo al pie de la letra las instrucciones, y sobre todo, cómo lo soluciono (intenté haciéndolo como lo dice Marta Morales Castillo, pero sin suerte). En el mejor de los casos, mi texto HTML queda bastante similar al del ejemplo (entendiéndose que con mis propios datos y demás), pero mi imágen de Gravatar sencillamente no se ve. Si alguien sabe por qué, que por favor lo diga. Gracias

  11. Un post muy útil Begoña! Gracias. Yo ya tenía el gravatar creado pero no se veía la opción de autor al final de cada post (sólo figuraba como widget en la barra lateral del blog). Así que debe ser que mi tema de la versión gratuita de WordPress no incluía esta opción, por lo que no me queda otra que copiarlo en cada post. He estado “peleando” con los códigos HTML y al fin lo he conseguido! 🙂 Sin embargo, me he encontrado con un inconveniente (solventado) que comparto por si a alguien más le sucede lo mismo. A pesar de copiar el código correspondiente de la foto ésta no se veía, así que he optado por copiar simplemente la URL de la imagen (haciendo click en propiedades de la foto, ya que a mi no me figuraba la opción de inspeccionar elemento). Un saludo.

    1. ¡Muy bien Marta! Pensé que iba a costar más… pero chapó! Que lo has sacado a la primera. Eso me hace pensar que después de estrujarme los sesos para que quedara claro, lo ha hecho. 😉 Gracias por tu aporte, cada uno puede coger la URL de donde buenamente sepa! jeje Pero bueno no me puedo poner a detallar todos los métodos… :S

      Que tengas buen día! Saludos.

¡Gracias por comentar mi post!

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s