Cómo agregar íconos de redes sociales a WordPress

Después de leer este tutorial, aprenderá cómo agregar íconos de redes sociales que vinculan a un perfil/página específico o comparten sus publicaciones. Este tutorial explica cómo agregar iconos a través de widgets o bloques utilizando el mismo complemento.

Todas las instrucciones descritas en este tutorial incluyen capturas de pantalla, lo que facilita a los principiantes de WordPress seguirlas. La primera sección describe agregar iconos sociales usando widgets, mientras que la segunda sección explica cómo agregar iconos usando bloques.

Cómo agregar iconos de redes sociales en WordPress usando widgets:

Agregar iconos de redes sociales en WordPress es simple como instalar y configurar un complemento. Usaré un complemento llamado Widget y bloqueo de iconos sociales para este tutorial por wpzoom.

Para comenzar, instalemos el complemento presionando Complementos en la barra de menú izquierda y luego Agregar nuevo (Plugins> Agregar nuevo) como se muestra en la captura de pantalla a continuación.

El Agregar complementos pantalla que se muestra en el siguiente tipo de imagen "íconos sociales" o "Íconos sociales widget & bloque de wpzoom."Cuando se enumeren los complementos disponibles, presione el Instalar ahora Botón para el complemento de widget y bloque de iconos sociales por wpzoom.

Una vez instalado, habilite el complemento presionando el Activar botón.

Después de que el complemento esté instalado y habilitado, puede comenzar a configurarlo. Para este ejemplo, agregaremos íconos de redes sociales en el pie de página a través de un widget proporcionado por el complemento que acaba de instalar.

Para configurar su complemento, presione Apariencia en el menú izquierdo y Personalizar para configurar el widget con una vista previa (Apariencia> Personalizar).

Busque la opción Widget en el menú izquierdo y presione para mostrar las opciones disponibles en la pantalla de personalización, como se muestra a continuación.

Seleccione la sección en la que desea agregar el widget que contiene íconos de redes sociales. En mi caso, la única ubicación disponible para colocar widgets es el pie de página, pero es posible que tenga otros lugares disponibles. Quiero agregar los iconos en el pie de página en mi caso particular, como se muestra a continuación.

Una vez que elija la sección donde desee agregar el widget, presione el + (más) botón para mostrar widgets disponibles.

Para encontrar el widget que contiene íconos sociales, escriba "social"Y seleccione el bloque de iconos sociales.

Una vez seleccionado, verá la configuración del widget para cada icono de redes sociales. Por defecto, se muestran Facebook, Twitter e Instagram, pero puede presionar el círculo + botón para agregar otras redes sociales.

Para definir un perfil o URL de página para cada red, presione su icono y escriba como se muestra a continuación.

Para eliminar un ícono de la red social, presione y presione el Eliminar icono botón.

Una vez que agregó sus URL, eliminó los íconos no utilizados o agregó lo necesario, presione el Publicar botón para guardar y aplicar cambios como se muestra a continuación.

Ahora verá sus íconos de redes sociales en la ubicación definida en su sitio web para el widget (en mi caso, los veo en el pie de página).

Agregar iconos de redes sociales en WordPress usando bloques:

La sección anterior de este tutorial explica cómo agregar widgets que contienen sus iconos de redes sociales en WordPress. La sección actual describe cómo agregar iconos de redes sociales a WordPress usando bloques dentro del contenido. Puede usar este método para agregar iconos de redes sociales dentro de páginas o publicar contenido.

Para comenzar, presione Páginas o Postes En el menú izquierdo, dependiendo de dónde desee agregar los iconos. El siguiente ejemplo describe agregar íconos de redes sociales a las páginas, pero el proceso es el mismo para las publicaciones; prensa Páginas (como se muestra a continuación) o Postes Para mostrar todas sus páginas/publicaciones.

Cuando aparezca la lista de páginas/publicaciones, coloque el puntero del mouse en la página/publicación que desea que se agregen iconos sociales y presione el Editar opción.

Coloque el puntero del mouse sobre el cuerpo de publicación/página para mostrar el + (más) símbolo para agregar bloques, como se muestra en la captura de pantalla a continuación.

Escriba "social" y presione el bloque de íconos sociales en el cuadro de búsqueda.

Este paso es el mismo que cuando se configura widgets sociales. Presione el icono de la red social cuya URL desea editar.

Puedes presionar el + (más) Símbolo para agregar otros íconos de redes sociales. Además, puede presionar un icono de red social y el Eliminar icono botón para eliminarlo.

Una vez que realice todos los cambios, presione el Publicar botón.

Hay algunas configuraciones que puede configurar para este complemento. Para acceder a ellos, presione Ajustes y luego Íconos sociales widget (Configuración> Widget de iconos sociales).

Verá 4 pestañas superiores:

• Conjuntos sociales: Aquí, puedes deshabilitar las fuentes de iconos sociales.
• Mejoramiento: Use rel = "precarga" para evitar cualquier destello de texto sin estilo y mejorar la puntuación de la velocidad.
• Maga.: Aquí, puede deshabilitar y habilitar globalmente bloques o widgets de iconos sociales.
• Iconos de carga (versión pro): Esta opción, disponible solo en la versión Pro, le permite subir íconos sociales personalizados.

Otras opciones para agregar iconos de redes sociales a WordPress:

Hay muchos complementos disponibles para mostrar íconos de redes sociales en su sitio web. Entre las alternativas, puede encontrar lo siguiente:

• Iconos sociales: los iconos sociales le permiten mostrar varios iconos sociales populares a través de widgets y brevescóculos fácilmente
• Iconos sociales fáciles: cargue sus iconos de redes sociales personalizados o seleccione Font-Awesome. Use un widget o un corto código para colocar íconos en su sitio de WordPress.
• AccessPress Social Icons: Agregue iconos de redes sociales en su sitio web, seleccione prediseñado o cargue el suyo propio.

Conclusión:

Como puede ver, agregar íconos de redes sociales a un sitio de WordPress es bastante fácil. Cualquier usuario de nivel de WordPress puede hacerlo siguiendo los simples pasos descritos anteriormente. Este tutorial solo cubrió un complemento, pero como se dijo al final, hay muchas otras alternativas, algunas de las cuales se describieron brevemente anteriormente. Si necesita cargar íconos personalizados y no desea actualizar a Pro, puede verificar algunas alternativas como AccessPress Social Icons. Espero que todas las instrucciones explicadas anteriormente fueran útiles.

Gracias por leer este tutorial de WordPress. Sigue siguiéndonos para obtener más consejos y tutoriales de WordPress.