Cómo Agregar Iconos de Redes Sociales a los Menús de WordPress (La Manera Fácil)
¿Está buscando una manera de agregar íconos de redes sociales a los menús de WordPress?
Los logotipos de sitios como Facebook y Twitter son reconocidos instantáneamente por personas de todo el mundo. Agregar estos íconos a sus menús le permite promocionar sus perfiles de redes sociales de una manera atractiva que no ocupa mucho espacio.
En este artículo, le mostraremos cómo agregar íconos de redes sociales a los menús de navegación de WordPress.
Al agregar íconos de redes sociales a su sitio web, puede alentar a las personas a visitar sus diversas cuentas de redes sociales. Esto puede generar más seguidores y participación en Facebook, Twitter, Instagram y más.
Una forma es agregar íconos de redes sociales a su barra lateral de WordPress o un área similar habilitada para widgets. Sin embargo, cuando los usuarios quieren visitar una nueva página, generalmente primero miran su menú de navegación.
Agregar íconos de redes sociales a sus menús de WordPress a menudo puede generar más clics, participación y seguidores en todos sus perfiles de redes sociales.
Los íconos de redes sociales también pueden captar la atención de un visitante sin agregar texto adicional a sus menús. Esto le permite anunciar muchos perfiles diferentes en un espacio pequeño.
Echemos un vistazo a cómo puede agregar fácilmente íconos de redes sociales a los menús de WordPress.
guía de vídeo
Si prefiere instrucciones escritas, siga leyendo. Simplemente use los enlaces rápidos a continuación para ir directamente al método que desea usar:
La forma más fácil de agregar íconos de redes sociales a los menús de WordPress es usar imagen del menú. Este complemento gratuito le permite agregar íconos de imágenes a sus menús de navegación, incluidos los íconos sociales.
Al crear sus íconos sociales, puede usar cualquier imagen que haya cargado en su biblioteca de medios de WordPress.
Por ejemplo, muchas de las principales empresas de redes sociales ofrecen logotipos que puede usar en su sitio web, p. B esto Kit de herramientas de marca de Twitter. También puede descargar símbolos de bibliotecas en línea como Sitio web de Font Awesome.
La imagen del menú también se puede integrar en este fuente impresionante enchufar. Esto le permite ver e importar todos los iconos de Font Awesome directamente desde su panel de WordPress, incluidos los iconos de las principales redes sociales. Por lo tanto, recomendamos instalar el complemento Font Awesome.
Para obtener instrucciones detalladas sobre cómo configurar Font Awesome, consulte nuestra guía para agregar fácilmente fuentes de iconos a su tema de WordPress.
Independientemente de cómo desee proporcionar sus íconos de redes sociales, debe instalar y activar el complemento de imagen de menú. Consulte nuestra guía paso a paso para instalar un complemento de WordPress para obtener más detalles.
Una vez activado, es posible que desee ver los tamaños de los iconos y cambiarlos si es necesario. Eso es lo que debes buscar Imagen de un menú » Imagen de un menú.
Al crear sus íconos sociales, puede usar cualquiera de los tamaños de imagen estándar de WordPress, p. B. Miniatura, Imagen o Grande. El menú Imagen también le permite elegir entre tres tamaños únicos, configurados de forma predeterminada en 24 × 24, 36 × 36 y 48 × 48 píxeles.
Estos tamaños deberían funcionar bien para la mayoría de los sitios de WordPress, pero puede cambiarlos ingresando otros números en los campos de imagen del menú 1, 2 o 3.
Luego haga clic en "Guardar cambios" para guardar su configuración.
Para agregar iconos a un menú de navegación, vaya a Apariencia » Menús. De forma predeterminada, WordPress muestra el menú principal de su sitio.
Si quieres agregue íconos de redes sociales a otro menú, simplemente abra el menú desplegable de selección Editar.
A continuación, puede seleccionar un menú de la lista y hacer clic en Seleccionar.
Para obtener una guía paso a paso para crear un nuevo menú, consulte nuestra guía para agregar un menú de navegación en WordPress.
Primero debe agregar cada perfil social como un nuevo enlace a su menú.
Cuando haya terminado, haga clic en la sección Enlaces personalizados para expandirla y luego ingrese la dirección de la página de redes sociales que desea usar. Por ejemplo, puede ingresar la URL de su grupo de Facebook o canal de YouTube.
También deberá ingresar algún "texto de enlace". En un paso posterior, tendrá la opción de cambiar la posición de este encabezado en el menú o incluso ocultarlo por completo.
Luego haga clic en "Agregar al menú".
Este elemento ahora aparece en la columna de la derecha.
Para agregar un ícono de redes sociales, simplemente coloque el cursor sobre el nuevo elemento del menú.
Luego haga clic en el botón Imagen del menú cuando aparezca.
Nota: Si no ve el botón Imagen en el menú, haga clic en Guardar cambios. El botón Imagen del menú ahora debería aparecer cuando se desplaza sobre cualquier elemento del menú.
Ahora puede decidir si usar una imagen de la biblioteca multimedia de WordPress o un icono proporcionado por Font Awesome.
Para usar un ícono de Font Awesome prefabricado, haga clic en el botón de opción junto al ícono.
Luego seleccione Fontawesome.
Luego puede hacer clic en "Marcas".
Ahora verá todos los íconos de la marca, incluidos los íconos de las principales redes sociales. Cuando vea la imagen que desea utilizar, simplemente haga clic en ella.
Otra opción es utilizar su propio icono de la biblioteca multimedia de WordPress seleccionando el botón de opción "Imagen". Luego haga clic en el enlace Establecer imagen.
Ahora puede seleccionar una imagen de la biblioteca de medios de WordPress o cargar un nuevo archivo desde su computadora.
Independientemente de dónde obtenga el ícono, la imagen del menú a la derecha muestra una vista previa.
Ahora puede cambiar si el título del enlace aparece encima, debajo, antes o después del ícono de la red social usando la configuración de Posición del título.
Muchos íconos de redes sociales se reconocen instantáneamente, por lo que el título de un enlace puede ser redundante. Cuando agrega muchos íconos sociales a un menú de navegación, los encabezados pueden hacer que su menú se vea aún más desordenado y complicado.
Con esta esencia, como se mencionó anteriormente, es posible que desee ocultar el título seleccionando el botón de opción "Ocultar".
A medida que realiza cambios, la vista previa en vivo se actualiza automáticamente, por lo que puede probar diferentes configuraciones para ver cuál se ve mejor.
Finalmente, si está utilizando su propia imagen, puede cambiar el tamaño de los íconos de redes sociales usando el menú desplegable Tamaño de imagen.
Los íconos más grandes atraen la atención del visitante, pero también pueden distraerlo. Con eso en mente, es posible que desee probar diferentes tamaños para ver qué funciona mejor en su blog de WordPress.
Cuando esté satisfecho con la configuración de su icono de redes sociales, simplemente haga clic en "Guardar cambios".
Simplemente repita estos pasos para agregar más íconos a su menú de WordPress.
Incluso puede agregar iconos a otros elementos importantes en el menú de navegación. Por ejemplo, puede agregar íconos a su formulario de contacto o página de pago de WooCommerce.
Cuando esté satisfecho con la configuración del menú, simplemente haga clic en "Guardar menú".
Ahora puede visitar su sitio web para ver los nuevos íconos de redes sociales en acción.
Así es como se veía en nuestro sitio web de demostración.
Método 2: usar el editor de sitio completo (solo para bloquear temas)
WordPress tiene un bloque de íconos sociales incorporado que le permite crear un menú de íconos de redes sociales y luego mostrarlos en un hermoso diseño.
Este bloque tiene íconos integrados para todas las principales redes sociales, por lo que no necesita instalar un complemento como Font Awesome o cargar íconos en su biblioteca de medios. Sin embargo, solo puede agregar íconos y enlaces de redes sociales al bloque de íconos sociales, por lo que no es tan flexible como el complemento de imagen de menú.
Con un tema de bloque, puede agregar un bloque de iconos sociales a cualquier parte de su sitio, como el encabezado o el pie de página. Esto le permite mostrar un menú de redes sociales en todo el sitio web.
Para empezar, vaya a Apariencia » Redactor en el tablero de WordPress.
De forma predeterminada, el editor completo del sitio muestra la plantilla de inicio de su tema, pero puede agregar íconos sociales a cualquier plantilla o parte de una plantilla. Incluso puede agregar íconos de redes sociales a partes de su sitio que no puede editar con el editor de contenido predeterminado de WordPress.
Por ejemplo, puede agregar un menú de redes sociales a la plantilla de página 404 de su sitio web.
Para ver todas las opciones disponibles, debe seleccionar Plantillas o Elementos de plantilla.
Ahora puede hacer clic en la plantilla o parte de la plantilla que desea editar.
Como ejemplo, agregaremos íconos de redes sociales al encabezado de WordPress, pero los pasos son los mismos independientemente de la plantilla que elija.
Después de hacer su selección, WordPress mostrará una vista previa de la plantilla o parte de la plantilla.
Para continuar, haga clic en el icono de lápiz pequeño.
Luego haga clic en el ícono azul "+" en la esquina superior izquierda.
En la barra de búsqueda, debe escribir "iconos sociales".
Cuando aparezca el bloque correcto, arrástrelo y suéltelo en la plantilla de diseño.
Para agregar el primer carácter, simplemente haga clic en el símbolo "+" en el bloque.
En la ventana emergente que aparece, ingrese el ícono que desea agregar, como "Twitter" o "Facebook".
Cuando aparezca el icono correcto, simplemente haga clic en él para agregarlo a su blog de WordPress.
Ahora haga clic en el nuevo ícono de redes sociales.
Esto abrirá una pequeña barra donde puede ingresar la URL a la que desea vincularse, por ejemplo, su página de Facebook.
Para agregar más íconos sociales a WordPress, simplemente haga clic en el ícono "+" y repita el proceso anterior.
Después de agregar todos los íconos de redes sociales, es posible que desee personalizar el bloque. Para hacer esto, haga clic en el bloque "Iconos sociales" para seleccionarlo y luego haga clic en la pestaña "Bloquear".
Puede cambiar la orientación, la orientación y la justificación del icono usando la configuración de "Diseño".
De forma predeterminada, todos los enlaces de redes sociales se abren en la misma pestaña. Para mantener a los visitantes en su sitio, puede activar el interruptor "Abrir enlaces en una pestaña nueva".
De forma predeterminada, WordPress solo muestra los íconos sociales sin texto.
Si desea mostrar texto junto a cada ícono, haga clic para activar el interruptor Mostrar subtítulos.
Luego haga clic en la pestaña Estilos.
Aquí puede cambiar el estilo del botón haciendo clic en Estándar, Solo logotipos o Forma de píldora.
Finalmente, puede cambiar el espacio entre los íconos sociales usando la configuración de Espaciado de bloque.
Cuando esté satisfecho con el aspecto del menú, haga clic en el botón "Guardar".
Ahora, cuando visite su sitio web, verá los íconos de las redes sociales en vivo.
Agregar íconos de redes sociales a sus menús de WordPress es una excelente manera de obtener más seguidores y participación en sus diversas cuentas. Sin embargo, hay muchas más formas de promocionar tu Twitter, Facebook y otros perfiles sociales.
La mejor manera de obtener más seguidores y compromiso es incorporar una transmisión social en vivo en su sitio web. Esto le permite ver las publicaciones más recientes de varias cuentas, así como botones que permiten a los visitantes interactuar con sus publicaciones o seguirlo en las redes sociales.
La mejor manera de agregar feeds de redes sociales a su sitio web es usando revienta la burbuja. Es el mejor complemento de feed de redes sociales para WordPress y permite la incorporación de feeds en vivo de Twitter, Instagram, Facebook y más.
Para obtener más información, consulte nuestra guía para agregar feeds de redes sociales a WordPress.
Esperamos que este artículo lo haya ayudado a aprender cómo agregar íconos de redes sociales a los menús de WordPress. También puede consultar nuestra guía para incrustar un video de Facebook en WordPress o nuestras selecciones de expertos para los mejores complementos de Twitter para WordPress.
Deja una respuesta