El bloque de iconos sociales de WordPress le permite colocar enlaces a sus redes sociales en cualquier lugar dentro de su contenido. Los enlaces son íconos simples con los logotipos estándar de las redes sociales que se ven muy bien en cualquier entorno de contenido. Saber cómo usar el Bloque de iconos sociales aumentará la conciencia de su presencia social y aumentará su seguimiento social.
En este artículo, veremos qué hace el Bloque de iconos sociales y veremos su configuración y opciones. También veremos algunas mejores prácticas de cómo usarlo y veremos las preguntas frecuentes.
Para agregar el Bloque de íconos sociales a sus páginas y publicaciones, abra la herramienta Insertador de bloques seleccionando el ícono de bloque dentro de su contenido o en la esquina superior izquierda de la página, ingrese el nombre del bloque o desplácese hasta encontrarlo. y luego selecciónelo.
También puede escribir /social y pulsar Intro o seleccionar el bloque cuando aparezca en la lista.
Luego tendrá un bloque de iconos sociales dentro de su contenido. Mostrará un gráfico para indicar de qué tipo de bloque se trata. Ahora puede agregar las redes sociales que desea mostrar.
A continuación, deberá agregar iconos de redes sociales. Primero, seleccione el ícono Más para agregar las redes sociales. Esto abre un campo de búsqueda donde puede ingresar el nombre de la red social. También puede seleccionar entre los que se muestran o hacer clic en Examinar todo para ver todas sus opciones. Tiene 42 redes para elegir.
A continuación, haga clic en el icono de la red para abrir el campo de dirección URL. Introduzca la URL en el campo.
Continúe este proceso hasta que haya agregado todas sus redes. Aquellos con enlaces aparecerán en sus colores habituales. Aquellos sin enlaces se desvanecerán. En este ejemplo, Facebook tiene un enlace mientras que los demás no.
El bloque de iconos sociales tiene tres áreas con configuraciones y opciones. La primera es la barra de herramientas de iconos sociales. El segundo es la barra de herramientas para los iconos mismos. La tercera son las opciones del bloque de iconos sociales en la barra lateral derecha. La barra lateral tiene dos conjuntos de configuraciones. Uno para el bloque y otro para los iconos.
Al hacer clic en cualquier parte del bloque de iconos sociales, se abre su barra de herramientas.
Cambiar el tipo o estilo de bloque de iconos sociales
La primera configuración selecciona el grupo, cambia el número de columnas y selecciona estilos. Los estilos incluyen solo logotipos, forma de píldora y gris oscuro. Estoy pasando el cursor sobre Predeterminado.
Logos Only elimina el círculo alrededor del icono.
Pill Shape alarga los círculos, dándoles una forma de píldora.
Gris oscuro elimina los círculos y hace que los íconos sean grises.
Arrastra o mueve
Las herramientas de arrastrar y mover facilitan mover el bloque a cualquier lugar dentro de su contenido. Tome la herramienta de arrastre (6 puntos) para arrastrar y soltar. Seleccione las flechas de la herramienta Mover para mover el bloque hacia arriba o el texto dentro del contenido.
Alineación
Las opciones de alineación incluyen izquierda, centro y derecha. Las opciones izquierda y derecha envuelven el bloque con el párrafo debajo, como lo he hecho en este ejemplo.
Justificar elementos
Esto justifica los iconos dentro del bloque. Justifíquelos a la izquierda, al centro, a la derecha o agregue espacio entre ellos.
Este ejemplo agrega espacio entre los iconos.
Tamaño
Esto proporciona opciones de tamaño para los iconos. Elija entre pequeño, normal, grande y enorme. Estos tamaños encajarán bien con la mayoría de los tipos de contenido. Los configuré en Enormes en este ejemplo.
Opciones
Más Configuración abre una lista de opciones para el bloque. Las opciones incluyen:
Ocultar más configuraciones : cierra la barra lateral derecha.
Copiar : copia el bloque para que puedas pegarlo.
Duplicar : crea un duplicado debajo del original.
Insertar antes : agrega espacio sobre el bloque.
Insertar después : agrega espacio debajo del bloque.
Mover a : mueve el bloque moviendo una línea azul hacia arriba o hacia abajo con las teclas de flecha y presionando Enter.
Editar como HTML : cambia el bloque a la vista HTML para que pueda ajustar el código. Todos los demás bloques se muestran normalmente.
Agregar a bloques reutilizables : agrega el bloque de iconos sociales a su lista de bloques reutilizables.
Grupo : agrega el bloque a un grupo para que pueda ajustarlos como un solo bloque.
Eliminar bloque : elimina el bloque.
Al seleccionar los íconos, se abre otra barra de herramientas que se aplica solo a los íconos. A la izquierda hay un ícono de compartir en redes sociales que cierra esta barra de herramientas y abre la barra de herramientas principal para el bloque.
Iconos Barra de herramientas Icono social
Este ícono indica qué ícono social ha seleccionado. Todas las opciones se aplicarán a esta red social.
Iconos Barra de herramientas Arrastrar y mover
Las opciones de arrastrar y mover le permiten cambiar la posición del ícono dentro del bloque. Arrastre y suelte el ícono agarrando los seis puntos o haga clic en las flechas izquierda o derecha para mover el ícono a la izquierda o derecha una posición.
Iconos Opciones de la barra de herramientas
Las opciones funcionan igual que las opciones de la barra de herramientas principal, pero se aplican al icono que ha seleccionado. Incluyen:
- Ocultar más configuraciones
- Copiar
- Duplicar
- Mover a
- Eliminar bloque
La configuración del bloque se coloca en la barra lateral derecha. Haga clic en el bloque o en el engranaje para mostrar la barra lateral. Si selecciona el bloque dentro del contenido del Bloque de iconos sociales, se mostrará la configuración de su barra lateral. Haz clic en el engranaje en la esquina superior derecha si la barra lateral está cerrada.
Estilos de bloque
Los estilos son los mismos que los de la configuración Transformar del bloque. Elija entre Predeterminado, Solo logotipos, Forma de píldora y Gris oscuro. También puede establecer el estilo predeterminado en el cuadro desplegable. He configurado este en Pill Shape.
Configuración de enlaces
Esto le permite decidir si los enlaces se abrirán en la misma pestaña o en una nueva pestaña.
Color
Esto le permite personalizar los colores del icono y el círculo utilizado para el fondo del icono. Elija entre colores prefabricados o seleccione un color personalizado del selector de color, ingrese el código hexadecimal, el código RBG o el código HSL.
Avanzado
Avanzado incluye dos campos. El ancla HTML es una dirección web especial solo para el bloque de iconos sociales. Las clases de CSS adicionales le permiten agregar CSS personalizado para diseñar su bloque. El estilo que ha seleccionado aparecerá en este campo.
Al hacer clic en un ícono en el Bloque de íconos sociales, se abre la configuración de la barra lateral solo para ese ícono. La configuración incluye un campo de etiqueta donde puede ingresar el texto que describirá el enlace a los lectores. Avanzado agrega un campo para las clases de CSS solo para ese icono.
Una vez que haya agregado sus enlaces, guarde el bloque en sus bloques reutilizables para que no tenga que agregarlos cada vez. Úselos en su contenido y barras laterales.
Usa solo algunas de las redes sociales en las que eres más activo. Agregar demasiados puede parecer desordenado y confundir a la audiencia porque no sabrá dónde seguirlo para obtener el mejor contenido.
Si usa el ícono de enlace, agregue un bloque de párrafo con él para crear un título y una descripción.
Use sus opciones de color para hacer coincidir los íconos con su sitio web, pero haga que se destaquen del resto del contenido.
Agregue una clase de CSS a cada ícono individualmente para obtener el mayor nivel de personalización.
Transforma el bloque en un grupo para personalizar el color de fondo o agregar un borde.
Este bloque coloca íconos de redes sociales en cualquier lugar dentro de su contenido para crear seguidores en las redes sociales.
Hay 42 redes sociales incluidas. Uno de ellos es un ícono de enlace que se puede vincular a cualquier sitio web o red social, por lo que puede vincularse a un número ilimitado de redes.
¿Se puede transformar en otros bloques?
Se puede transformar en un grupo o columnas. El grupo funciona muy bien para personalizar los fondos. Las columnas le permiten colocarlas junto a otros tipos de contenido.
Para qué se puede usar?
Puede vincular a sus redes sociales, a las redes de los miembros del equipo, a las redes de personas o empresas de las que habla en sus artículos, etc. También se puede utilizar para proporcionar cualquier número de enlaces a servicios, productos, páginas, etc. ., utilizando el icono de enlace.
Conclusión
Esa es nuestra mirada al bloque de iconos sociales de WordPress. Los íconos de redes sociales son una excelente manera de generar seguidores en las redes sociales y este bloque facilita agregarlos a su contenido. Agregue más de 40 redes diferentes o agregue enlaces a cualquier sitio web. Es fácil de personalizar. Tiene varias opciones, incluido el tamaño y el color, para que pueda hacer que coincida con su sitio web.
Queremos escuchar de ti. ¿Utilizas el bloque de iconos sociales? Cuéntanos tu experiencia en los comentarios.
Imagen destacada a través de Irina Strelnikova / shutterstock.com