Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo mostrar Twitter y Facebook del autor en la página de perfil

Añadir enlaces a redes sociales en las páginas de perfil de autor de WordPress puede ayudarte a conectar con tu público en distintas plataformas y a reforzar tu presencia en Internet. Aunque WordPress no incluye campos para perfiles de redes sociales por defecto, hay formas sencillas de añadirlos.

En WPBeginner, llevamos muchos años mostrando enlaces sociales en las páginas de perfil de los autores. Hemos descubierto que crea un sentimiento de comunidad y compromiso que anima a nuestros lectores a conectar con nosotros en otras plataformas.

En este artículo, le mostraremos cómo mostrar fácilmente los enlaces de los perfiles de Twitter y Facebook de sus autores en WordPress para añadir un toque personal a su sitio web.

How to Display Author's Twitter and Facebook on the Profile Page

¿Por qué mostrar los perfiles de Twitter y Facebook de los autores en su sitio?

Las plataformas de medios sociales son una importante fuente de tráfico para tu sitio web en WordPress. Por eso hemos elaborado una hoja de trucos sobre medios sociales que te ayudará a establecer tus perfiles en las redes sociales de la forma correcta.

Sus autores también tendrán sus propios perfiles sociales, y puede mostrarlos en su sitio para crear credibilidad entre sus lectores y reforzar la autoridad de su sitio.

Sus visitantes podrán seguir a sus autores favoritos en los medios sociales y descubrir antes nuevos artículos en su sitio. También puede añadir sus perfiles de medios sociales al esquema de su sitio, lo que aumentará la puntuación de confianza de su sitio en Google y otros motores de búsqueda.

Dicho esto, veamos cómo enlazar los perfiles de Twitter y Facebook de un autor en su página de perfil:

Algunos de los mejores temas de WordPress muestran un cuadro de información sobre el autor debajo de cada artículo. Puede utilizar esta característica para enlazar fácilmente con los perfiles sociales de sus autores.

Simplemente vaya a Usuarios ” Todos los usuarios en su panel de administrador de WordPress y haga clic en el nombre del autor o en el enlace “Editar” situado debajo para abrir la página Editar usuario.

Click on a User in the All Users List

A continuación, desplácese hasta la sección “Acerca del usuario” y busque la casilla “Información biográfica”.

Si está ahí, entonces su tema es compatible con / dar soporte a una caja de autor.

Adding HTML Social Links to the User Bio

Aquí puede escribir una descripción del autor utilizando texto o HTML. Puede añadir manualmente enlaces HTML para las URL de los perfiles de Twitter y Facebook del autor, de esta forma:

ADD BIO HERE. Follow them on <a href="https:/twitter.com/USERNAME">Twitter</a> and <a href="https://facebook.com/USERNAME">Facebook</a>.

Asegúrate de añadir una breve biografía acerca del autor y cambia USERNAME por sus nombres de usuario reales en Twitter y Facebook.

Cuando haya terminado, no olvide desplazarse hasta el final de la página y hacer clic en el botón “Actualizar usuario” para almacenar sus ajustes.

Ahora verás enlaces a Twitter y Facebook con la biografía del usuario en las entradas que escriba. Así es como se ve en nuestro sitio web de demostración:

Preview of Author Bio with Twitter and Facebook Links

Método 2: Mostrar iconos sociales con un plugin de biografía de autor

Si tu tema no muestra un cuadro de biografía del autor, o si quieres uno que sea más personalizable y muestre iconos sociales en lugar de enlazarlos, puedes utilizar un plugin.

Simple Author Box es el mejor plugin gratuito de biografía de autor. Le permite personalizar casi todos los aspectos de su autor bio caja, incluyendo la adición de enlaces de medios sociales para sus autores.

En primer lugar, debe instalar y activar el plugin Simple Author Box. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Si quieres aún más características, existe una versión pro que te permite mostrar un cuadro de autor antes o después del contenido, añadir enlaces a sitios web, obtener más estilos de iconos sociales, incluir autores invitados y coautores, y mucho más. Vea nuestra reseña de Simple Author Box para más detalles.

Una vez activado, el plugin añade campos de medios sociales a cada perfil de usuario. Simplemente vaya a la página Usuarios ” Todos los usuarios en su área de administrador de WordPress y haga clic en el nombre del autor o en el enlace “Editar” a continuación.

Click on a User in the All Users List

Consejo: Para editar rápidamente su propio perfil de usuario, puede ir a la página Usuarios ” Perfil.

Cuando te desplaces a la parte inferior del perfil del autor, notarás algunos campos nuevos que han sido añadidos por el plugin Author Bio Box.

Desplázate hasta que veas la sección “Enlaces a medios sociales (cuadro de autor simple)”. Selecciona “Facebook” en el menú desplegable y pega la URL de su perfil de Facebook en el campo siguiente.

Adding a Facebook Profile Using Author Bio Box

Ahora puedes hacer clic en el botón “+ Añadir nueva plataforma social”.

Se añadirá un nuevo campo desplegable en el que podrás añadir su URL de Twitter.

Adding Facebook and Twitter Links Using Simple Author Box

Una vez hecho esto, asegúrate de hacer clic en el botón “Actualizar usuario” para almacenar tus ajustes.

Nota: No te preocupes si las URL de Facebook y Twitter desaparecen al hacer clic en el botón. En el momento de escribir esto, hay un fallo menor que oculta las URL, pero los ajustes se han guardado.

Ahora, los iconos de Facebook y Twitter se mostrarán con el perfil del autor en la parte inferior de sus entradas. Al hacer clic en estos iconos llevará a sus visitantes a sus perfiles sociales, pero estos enlaces se abrirán en la misma ventana de su blog de WordPress.

Preview of Simple Author Box with Social Icons

Si prefiere que los enlaces se abran en una pestaña nueva, puede ir a la página Apariencia ” Cuadro de autor simple y hacer clic en la pestaña “Elementos”.

Una vez allí, debes encontrar la opción “Abrir enlaces de iconos sociales en una pestaña nueva” y conmutarla a la posición de activado.

Open Simple Author Box Icons in a New Tab

Ahora, los perfiles sociales del autor se abrirán en una nueva pestaña.

Método 3: Mostrar iconos sociales para autores con un plugin maquetador de páginas

Si desea crear una página de perfil de autor personalizada con iconos sociales, testimonios, artículos recientes, valoraciones de estrellas, carruseles de imágenes y mucho más, le recomendamos que utilice un plugin como SeedProd.

SeedProd es el mejor plugin editor de arrastrar y soltar página para WordPress. Te permite crear fácilmente temas de WordPress personalizados y diseños de página, sin necesidad de código.

Primero, necesitas instalar y activar el plugin SeedProd. Si necesitas ayuda, consulta nuestro tutorial sobre cómo instalar un plugin de WordPress.

Nota: Existe una versión gratuita de SeedProd. Sin embargo, necesitará la versión Pro para crear una página de autor personalizada.

Una vez activado el plugin, vaya a SeedProd ” Theme Builder desde el escritorio de WordPress y haga clic en el botón ‘Theme Templates Kit’.

Click on the Theme Templates Kit button

A partir de aquí, puede elegir uno de los kits de sitios web prediseñados de SeedProd.

Sólo tiene que pasar el cursor sobre el diseño que le guste y hacer clic en el icono de la marca de verificación para seleccionarlo.

Choose SeedProd website kit template

SeedProd entonces importará el kit de sitio web, que incluye todas las partes de la plantilla que necesita para un sitio web, incluyendo la página de inicio, página de blog, acerca de la página, y más.

Puedes personalizar todas estas páginas usando el maquetador de temas de SeedProd. Consulte nuestra guía sobre cómo crear un tema de WordPress personalizado para obtener más detalles.

A continuación, debe crear una nueva plantilla de página de autor haciendo clic en el botón “Añadir nueva plantilla de tema”.

Create author page template in SeedProd

Puedes hacer la misma disposición de página de autor para todos los escritores o crear una página de autor única para cada escritor específico. Para obtener instrucciones paso a paso, consulte nuestra guía sobre cómo añadir una página de perfil de autor personalizada en WordPress.

Una vez que haya creado una plantilla de página de autor, puede empezar a personalizarla. Esto es fácil utilizando los bloques listos de SeedProd que puedes arrastrar y soltar en la página.

Por ejemplo, puede añadir bloques como titular, texto, imagen, biografía del autor, cuadro del autor, entradas, etc. para mostrar todo lo que desee acerca de un autor.

Para añadir perfiles sociales a tu página de perfil de autor, busca el bloque “Perfiles sociales” a la izquierda y arrástralo a la página donde quieras mostrarlo.

Add the Social Profiles block to the author profile page

Por defecto, el bloque muestra iconos para compartir en redes sociales como Facebook, Twitter, Instagram y YouTube.

A continuación, haz clic en el bloque recién añadido para abrir el panel de edición. Aquí puedes seleccionar nuevas plataformas de medios sociales en la lista desplegable.

Editing the Social Profiles block in SeedProd

Para crear un botón de perfil de medios sociales personalizado, elija la opción “Personalizado” de la lista desplegable.

A continuación, haz clic en el icono del engranaje para abrir los ajustes.

Create Custom social media profile icon

Ahora, puedes elegir un icono de medios sociales de la biblioteca de iconos incorporada de SeedProd.

Deberá introducir la URL de su perfil en los medios sociales.

Add social profile URL and choose icon

También puedes cambiar el color del icono, el tamaño, la alineación, el estilo y establecer ajustes avanzados. Cuando haya terminado de personalizar, haga clic en el botón “Guardar” de la parte superior de la pantalla y salga del maquetador de temas.

Por último, debe activar el tema SeedProd para publicar su página de autor personalizada.

Para ello, vaya a SeedProd ” Maquetador de temas. Desde allí, busque el conmutador “Activar tema SeedProd” y póngalo en la posición “Sí”.

Enable SeedProd Theme

Ahora, su página de perfil de autor personalizada estará activa en su sitio WordPress.

Método 4: Añadir perfiles sociales al esquema de su sitio para SEO

All in One SEO (AIOSEO) es el plugin SEO original de WordPress que se utiliza en más de 3 millones de sitios web. También puede añadir campos de perfil social en la página de perfil del autor.

A diferencia de los otros métodos, este método mejorará el SEO de su sitio web ya que AIOSEO añade estos perfiles sociales al marcado schema de su sitio web.

El problema es que AIOSEO no los muestra automáticamente en la biografía del autor. Pero no se preocupe; le mostraremos cómo hacerlo.

Para este tutorial, utilizaremos la versión gratuita de All in One SEO ya que le permite añadir perfiles sociales para su sitio web y cada usuario. Sin embargo, AIOSEO Pro ofrece aún más características para ayudarle a clasificar mejor en las páginas de resultados de los motores de búsqueda.

Lo primero que debe hacer es instalar el plugin gratuito All in One SEO Lite. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez que haya establecido el plugin AIOSEO, debe dirigirse a la página Usuarios ” Todos los usuarios y, a continuación, hacer clic en el nombre del autor o en el enlace “Editar” que aparece justo debajo.

Click on a User in the All Users List

Se abrirá la página Editar usuario para ese autor.

Aviso: AIOSEO ha añadido una pestaña de perfiles sociales en la parte superior de la página. Ahora tiene que hacer clic en esa pestaña.

All in One SEO Social Profiles Tab

Ahora puede introducir la URL de los perfiles sociales del usuario en las casillas correspondientes, por ejemplo

https://facebook.com/johnsmith345
https://twitter.com/johnsmith345

Tenga en cuenta que no basta con añadir el nombre de usuario.

Si el autor utiliza el mismo nombre de usuario en varias redes sociales, puede hacer clic en la casilla “Utilizar el mismo nombre de usuario en varias redes sociales”.

Quickly Adding Multiple Social Networks With Same Username

A continuación, puedes escribir ese nombre de usuario y marcar / comprobar las redes sociales en las que se utiliza. Para otras redes sociales, basta con escribir la URL completa como antes.

Cuando haya terminado, haga clic en el botón “Actualizar usuario” situado en la parte inferior de la página para guardar los cambios.

Consejo profesional: Si tiene perfiles de Twitter y Facebook para su empresa o sitio web, puede añadirlos al esquema de su sitio de forma similar visitando All in One SEO ” Redes sociales y enlazarlos en la pestaña Perfiles sociales.

Los perfiles de los medios sociales del autor se han añadido al esquema de su sitio, lo que ayuda a los motores de búsqueda a comprender mejor su sitio. Pero aún no se muestran en su sitio web.

Mostrar enlaces a Twitter y Facebook del autor de AIOSEO en su tema

Ahora, necesitas mostrar estos campos como enlaces en tu tema.

Si eres un usuario avanzado, puedes enlazar los perfiles sociales de All in One SEO editando los archivos de tu tema de WordPress. Si no has hecho esto antes, entonces marca / comprueba nuestra guía sobre cómo copiar y pegar código en WordPress.

Nota: Si no está familiarizado con la edición de los archivos del núcleo de su tema y la adición de código personalizado, le recomendamos que utilice AIOSEO para añadir los perfiles sociales al esquema de su sitio y, a continuación, mostrarlos en su sitio web utilizando el método 1 o el método 2 anteriores.

Los usuarios avanzados pueden añadir el siguiente código a los archivos del tema donde desee mostrar los enlaces del perfil del autor:

<?php
$twitter = get_the_author_meta( 'aioseo_twitter', $post->post_author );
$facebook = get_the_author_meta( 'aioseo_facebook', $post->post_author );
echo '<a href="' . $twitter .'" rel="nofollow" target="_blank">Twitter</a> | <a href="'. $facebook .'" rel="nofollow" target="_blank">Facebook</a>';
?>

Guarda tus cambios y visualiza una entrada en tu sitio web.

Así es como se ve en nuestro sitio web de demostración. Hemos añadido el fragmento de código al archivo biography. php de la carpeta template-parts del tema Twenty Sixteen.

Displaying AIOSEO Social Profiles in Your Theme Using Code

Alternativa: Mostrar enlaces a Twitter y Facebook del autor con la extensión SEO para autores de AIOSEO

Si utiliza AIOSEO Pro, tendrá acceso a la potente extensión Author SEO. Te ayuda a mejorar tus señales E-E-A-T de Google demostrando experiencia, autoridad y confianza en tu marcado schema y biografías de autor.

Además, a diferencia de la versión gratuita del plugin, puedes enlazar automáticamente Twitter y Facebook en las biografías de tus autores.

Una vez activado el plugin Pro, simplemente vaya a Usuarios ” Todos los Usuarios desde el escritorio de administrador de WordPress.

A continuación, haga clic en el enlace “Editar” situado bajo el nombre del autor.

Edit a user profile in WordPress

A continuación, haga clic en la pestaña Autor SEO, en la parte superior de la página.

Se abrirá la página SEO del autor, donde podrá añadir más detalles acerca de él.

Click on the Author SEO tab

En primer lugar, asegúrese de que el conmutador “Activar información del autor” está en la posición “Activado”.

Después, puede añadir detalles como formación, empleador, puesto de trabajo, áreas de especialización, etc., para validar sus señales E-E-A-T.

Add author information for E-E-A-T

También puede añadir una imagen del autor, un extracto del autor y una biografía completa del autor.

Quizá le interese consultar nuestra guía sobre cómo escribir la biografía de un autor.

Add author bio and image

A continuación, desplázate hasta el final de la página para añadir las URL de los perfiles de Facebook y Twitter.

También puedes añadir URL de Instagram, TikTok, YouTube, Pinterest, etc.

Add Twitter and Facebook profile URLs in Author SEO

Después, activa el conmutador para activar la opción Añadir biografía del autor a las entradas.

Esto mostrará automáticamente una biografía compacta del autor en todas las entradas escritas por el usuario.

Enable or disable Append Author Bio to Posts setting

Cuando haya terminado de rellenar la página de SEO del autor, haga clic en el botón “Actualizar usuario” para guardar los cambios.

Ahora, puedes visitar una entrada para ver tu biografía de autor con enlaces a redes sociales en acción. Así es como se ve en nuestro sitio de demostración:

Example of Facebook and Twitter links in AIOSEO author bio

Guías de expertos sobre autores de WordPress

Ahora que ya sabes cómo mostrar los perfiles sociales del autor, quizá te interese ver otras guías relacionadas con los autores de WordPress:

Esperamos que este artículo te haya ayudado a aprender cómo enlazar los perfiles de Twitter y Facebook del autor en WordPress. También puedes consultar nuestra guía sobre cómo mostrar tweets recientes o nuestra selección de los mejores plugins de galería de vídeos de YouTube para WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

23 comentariosDeja una respuesta

  1. beto

    How can I display that on mobile versions ????

    • WPBeginner Support

      If it is being removed on mobile versions then you would want to reach out to the support for your specific theme for assistance.

      Administrador

  2. Manoj Solanki

    How to disable the theme author box to use this plugin ?

  3. Brandie

    How can users add their social media links themselves?

    Right now I can add it for my authors, but they cannot edit it themselves.

  4. Ricardo Martins

    Hi! I’m from Brazil! You frequently help me! Thank you!

    So… I did not have success to add Facebook on my Author Box. Could you help me?

    My Instagram and my website are showing, but Facebook not.

  5. Touraj Aminfar

    Very goood and useful , thanks

  6. Abdelrahman Helmi

    How to make it visual icons??

    • BImal

      Can anyone give better explanation?

  7. Vito

    I would like to apply this to the page of the publication of the post, and insert text tags for each post. similar to the custom fields but with this style is that possible?

    Thanks

  8. Aamir

    i am trying to include author google plus profile link in the template..
    i have successfully added custum field to add google plus link in user profile of evry author but not able to include in the template …
    i am using headway v3 ..
    as its not posiible to edit files like author.php in headway i tried inserting the code directly in postpages by creating a Custum Code block but GooglePLus; ?> does not work…
    please help..

  9. stephane.falzon

    I try but it did not work and now it’s good. I do not understand why, but thx.

  10. thegooch

    What is the plugin’s name? I’d like to use it

  11. rayne

    How do I add a dropdown instead of a text field?

    • Editorial Staff

      For that you would have to write a mini-plugin calling the function and telling it to add the dropdown box.

      Administrador

  12. Enk.

    A little more in details, how can we get it working like we only write ‘wpbeginner’ in fields and it links automatically ?

  13. Luke

    Thank you for this.

    Stupid question: What’s the code if you want to show only the info that’s displayed in user profile.

    For example, when I add these in the user profile and don’t enter data, it still shows the icon.

      • Nicole

        Could you elaborate on how to write the if then statement for this?

        • Editorial Staff

          If / Then statement are basics of PHP. This tutorial was added for developers. We would recommend looking at the PHP Tutorials site.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.