No hay duda de que las redes sociales han tenido un gran éxito en todo el mundo. Por lo tanto, agregar íconos de redes sociales a su blog de WordPress es esencial en estos días.
Sin embargo, las secciones de perfil de redes sociales no están disponibles en WordPress, pero puede añadir iconos de redes sociales a WordPress.
En esta publicación, cubriremos el menú de navegación de WordPress que le permite agregar íconos de redes sociales al encabezado del menú de WordPress.
Antes de continuar con el tutorial, debe conocer las razones para agregar íconos de redes sociales.
¿Por qué debería agregar iconos de redes sociales a su menú de WordPress?
Una de las mayores ventajas de usar íconos de redes sociales en su menú de WordPress es la capacidad de conectarse con una audiencia más amplia sin ningún esfuerzo adicional.
Además, la mayor ventaja de usar las redes sociales es la capacidad de cambiar la apariencia de los íconos con un simple botón de arrastrar y soltar.
Los complementos de terceros, por otro lado, también pueden mostrar íconos de redes sociales en la barra lateral donde la mayoría de las soluciones no son tan flexibles como usted necesita.
Además, la función fácil de arrastrar y soltar le permite agregar fácilmente íconos de redes sociales a su menú de WordPress. Esto le permite mostrarlo fácilmente en el área de widgets de su sitio de WordPress, incluida la sección de pie de página, las barras laterales y más.
Ahora veamos a continuación para aprender cómo agregar íconos de redes sociales a su menú de WordPress.
Agregar íconos de redes sociales al menú de WordPress
En esta publicación, repasaremos dos recursos increíbles para ayudarlo a agregar íconos de redes sociales a su encabezado.
Entonces, comencemos con nuestro primer método que usa complementos.
Así es como puede agregar un ícono de redes sociales usando un complemento
Lo primero que tienes que hacer es instalar y activar enchufe de imagen de menú. Para obtener más información, puede seguir la guía paso a paso proporcionada.
- Después de instalar y activar el complemento, debe visitar el panel de control de WordPress.
- Aquí debe visitar la página de menú apariencia >> y crear un nuevo menú.
- En el siguiente paso, debe agregar enlaces personalizados para cada canal de redes sociales que tenga o desee agregar en el nuevo menú.
- Cuando haya terminado, verá la opción de imagen del menú debajo del elemento del menú. Estas opciones se pueden usar para cargar un ícono de redes sociales.
- Esto le permite enviar un icono diferente o un icono de imagen principal para su visualización.
- Ahora puede elegir el tamaño del icono de las redes sociales. Recuerda que debes agregar íconos de redes sociales del mismo tamaño para que no estropee la sección del menú.
También deberá seleccionar la posición en la que se mostrará el icono con su feed de redes sociales. Por ejemplo, si desea seleccionar el botón Ocultar, se mostrará el icono de la red social sin etiqueta. También puede seleccionar la opción arriba/abajo para mostrar el ícono de redes sociales según lo necesite debajo del título.
- Una vez que haya terminado con la configuración, guarde los cambios y verá que es fácil hacer clic en los íconos de las redes sociales en su pantalla o en su sitio de WordPress.
Puede verificar los cambios, si desea realizar cambios y agregar íconos de redes sociales a WordPress, repita el mismo proceso y obtenga una vista previa de los cambios.
¿Lo sabías? También puede agregar íconos de redes sociales a la barra lateral.
Aquí es donde puede agregar fácilmente íconos de redes sociales a sus barras laterales siguiendo estos pasos:
- Visite el tablero de WordPress y vaya a Apariencia, luego Widgets.
- Abra la página de widgets y arrastre un widget del menú de navegación al área de widgets de la barra lateral
- Ya ves, en el menú de selección tienes un montón de opciones para elegir. Aquí debe seleccionar el menú social que creó anteriormente en pasos.
- Haga clic en el botón Guardar.
Después de seguir los pasos, puede ver los íconos de redes sociales en su sitio web en las secciones de widgets. Para una apariencia más atractiva, puede editarlo con CSS personalizado. Eso es todo lo que tenemos que hacer para agregar íconos de redes sociales a su sitio de WordPress.
Ahora pasamos a nuestro segundo método para agregar un ícono de redes sociales que está vinculado a páginas de redes sociales o sin complementos en las imágenes.
Para hacer este trabajo, necesitamos dos cosas que son íconos de redes sociales y enlaces a perfiles de redes sociales. Ahora echemos un vistazo más de cerca a nuestra guía.
Por ejemplo, consideraremos un ícono de Twitter en WordPress. Recuerda que este proceso se aplica a todos los íconos de las redes sociales, no solo a Twitter.
Además, incluso puede agregar múltiples íconos a lo que le gusta, como Instagram, Facebook, LinkedIn, Snapchat, Pinterest, etc.
Publicación relacionada: Más de 28 mejores herramientas de gestión de redes sociales para pymes
Aquí hay una guía paso a paso sobre cómo agregar íconos de redes sociales a WordPress sin un complemento
1. Seleccione fuente impresionante o visite su sitio web oficial para usarlo. Esta herramienta proporciona funciones personalizadas que ajustan instantáneamente el tamaño, el color y la sombra de los íconos utilizando el poder de CSS.
2. Ahora seleccione los iconos del menú de navegación.
3. Desplácese hacia abajo en la página hasta que vea el cuadro de búsqueda. Ahora busque los íconos de redes sociales que desea personalizar o agregar imágenes. Por ejemplo, busque íconos de redes sociales de Facebook.
4. Mueva el mouse sobre el ícono de la red social que desea usar y se volverá verde.
5. Cuando el cursor aparezca sobre el ícono, puede visitar la nueva página y verá un botón que dice «usar este ícono».
6. Haga clic en Aceptar para pasar el cursor sobre ese icono o fragmento de código. Copie este código haciendo clic derecho o desde el teclado presionando ctrl + c.
7. De esta forma verás que el texto está resaltado en azul y podrás continuar con el siguiente paso.
8. Ahora visite su blog de WordPress y aquí es donde debe pegar este fragmento de código para agregar un ícono de redes sociales a WordPress sin un complemento.
9. Abra su tablero de WordPress y vaya a Apariencia en el menú de navegación.
10. Seleccione una opción de menú en la segunda capa de la apariencia.
11. En el menú, debe seleccionar el panel de enlaces personalizados en el lado izquierdo de la pantalla de inicio para expandir los widgets (donde debe ingresar la URL y el texto)
12. En el campo URL, debe ingresar la dirección web de las redes sociales como Facebook o Twitter. Aquí debe pegar el código copiado de Fontawesome y hacer clic en el botón Agregar al menú.
13. Después de guardar los cambios, puede ver el nuevo elemento de menú en la pantalla que tiene montones de iconos de navegación.
14. Continúe con los detalles en pantalla y guarde los cambios.
Esto le permite ver el ícono de redes sociales en su WordPress.
Ahora vamos a la sección principal que agrega íconos de redes sociales al encabezado.
Aquí le mostramos cómo agregar íconos de redes sociales a su encabezado
- Desde el panel de WordPress, debe navegar por la apariencia >> personalizar >> encabezado >> menú principal >> y seleccionar el último elemento del menú, que es Widgets.
- Después de seleccionar la opción de widget como un menú personalizado, puede configurar widgets con pasos como apariencia >> personalizar >> widgets >> encabezado.
- Puede elegir de la lista de widgets con cualquier complemento.
- Para agregar un widget social, debe agregar un complemento, que es un widget de redes sociales de la página de complementos.
Para agregar un complemento de widget de icono de redes sociales, haga lo siguiente:
- Buscar complemento de widget de iconos sociales
- Cuando aparezca frente a ti, haz clic en el botón de instalación.
- Tomará unos segundos, así que active el complemento cuando haya terminado.
- Ahora vuelva a personalizar y seleccione Widgets seguido de Encabezado.
- Agregue los widgets de iconos sociales que hemos instalado y personalícelos según su elección.
- Seleccione uno de los enlaces y haga clic en el botón publicar.
- Una vez hecho esto, puede obtener una vista previa de los cambios en su sitio de WordPress. Si desea editar, repita el proceso y guarde los cambios.
Si necesita otros complementos, puede probar con complementos externos como el widget de icono social de WPZOOM
¿Cómo abro íconos de redes sociales en una nueva pestaña?
Para que esto suceda, por favor siga los pasos dados:
- Visite su tablero de WordPress y desplácese hasta el final y verá las opciones de pantalla en la esquina superior derecha de la ventana.
- Seleccione una opción de marcador de la lista y ábrala.
- Ahora revise las páginas, publicaciones, enlaces personalizados y otras opciones que verá en la sección de campos. Sin embargo, marque la opción de destino del enlace en las propiedades del menú Mostrar opciones avanzadas.
- Ahora, para los pasos finales: regrese al elemento del menú y haga clic en el encabezado del widget para abrirlo. Verifique el enlace abierto en una nueva pestaña.
Al finalizar, los usuarios cambiarán a otra pestaña después de hacer clic en el icono. Entonces, fue una guía completa para agregar íconos de redes sociales a su encabezado de WordPress.
