El bloque de íconos sociales de WordPress le permite publicar enlaces a redes sociales en cualquier parte de su contenido. Los enlaces son íconos simples con logotipos de redes sociales estándar que se ven geniales en cualquier entorno de contenido. La capacidad de usar el bloque de íconos sociales aumentará el conocimiento de su presencia en las redes sociales y aumentará la cantidad de personas a las que sigue.
En este artículo, veremos qué hace el bloque de iconos sociales y veremos su configuración y opciones. También veremos algunas prácticas recomendadas para usar esta función y algunas preguntas frecuentes.
¿Cómo agrego un bloque de ícono social a mi publicación o página?
Para agregar un bloque de ícono social a sus páginas y publicaciones, abra la herramienta de inserción de bloque seleccionando el ícono de bloque en el cuerpo o en la esquina superior izquierda de la página, ingrese el nombre del bloque o desplácese hasta que lo encuentre y luego selecciónelo.
También puede escribir /social y pulsa Enter o selecciona el bloque cuando aparezca en la lista.
Entonces tendrá un bloque de iconos sociales en su contenido. Mostrará un gráfico para indicar qué bloque es. Ahora puede agregar las redes sociales que desea ver.
Luego, debe agregar íconos de redes sociales. Primero, seleccione el ícono Más para agregar redes sociales. Esto abrirá un cuadro de búsqueda donde puede ingresar el nombre de la red social. También puede elegir entre los que se muestran o hacer clic en Examinar todo para ver todas las opciones. Hay 42 redes para elegir.
Luego haga clic en el icono de red para abrir el campo URL. Introduzca la URL en el campo.
Continúe este proceso hasta que haya agregado todas las redes. Los enlazados aparecerán en sus colores normales. Los que no tengan enlaces desaparecerán. En este ejemplo, Facebook tiene un enlace mientras que otros no.
Configuración y opciones de bloqueo de íconos sociales
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. El tercero son las opciones para bloquear íconos sociales en la barra lateral derecha. La barra lateral tiene dos conjuntos de configuraciones. Uno por bloque y uno por icono.
Barra de herramientas para bloquear íconos sociales
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 un grupo, cambia el número de columnas y selecciona estilos. Los estilos incluyen Solo logotipo, Forma de píldora y Gris oscuro. Estoy pasando el cursor sobre Predeterminado.
Solo el logotipo elimina el círculo alrededor del icono.
Pill Shape alarga los círculos en forma de píldora.
Gris oscuro elimina los círculos y vuelve los iconos grises.
Arrastra o mueve
Las herramientas de arrastrar y mover facilitan mover el bloque a cualquier parte 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 en el cuerpo.
Alineación
Las opciones de alineación incluyen izquierda, centro y derecha. Las opciones izquierda y derecha rodean el bloque con un párrafo debajo, como hice en este ejemplo.
Justificar elementos
Esto justifica los iconos en el bloque. Alinéelos a la izquierda, al centro, a la derecha o agregue un espacio entre ellos.
Este ejemplo agrega un espacio entre los iconos.
Tamaño
Esto proporciona opciones para el tamaño de los iconos. Elige entre pequeño, normal, grande y enorme. Estos tamaños encajarán bien con la mayoría de los tipos de contenido. En este ejemplo, lo configuré en Enorme.
Opciones
Más configuraciones abre una lista de opciones para un 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 bajo el original.
Insertar antes – añade espacio encima del bloque.
Insertar después – agrega espacio debajo del bloque.
Mover a – mueve el bloque moviendo la 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 personalizar el código. Todos los demás bloques se muestran normalmente.
Agregar a bloques reutilizables – agrega un bloque de iconos sociales a la lista de bloqueo reutilizable.
Grupo – agrega un bloque a un grupo para que se puedan unir como un bloque.
Eliminar bloque – elimina el bloque.
Iconos sociales Barra de herramientas de iconos de candado
Al seleccionar íconos, se abre otra barra de herramientas que solo se aplica a los íconos. En el lado izquierdo está el icono de compartir en redes sociales que cierra esta barra de herramientas y abre la barra de herramientas principal del bloque.
Iconos de la barra de herramientas Icono social
Este icono indica el icono social seleccionado. Todas las opciones se aplicarán a esta red social.
Arrastrar y deslizar los iconos de la barra de herramientas
Las opciones de arrastrar y deslizar le permiten cambiar la posición del icono en el bloque. Arrastre y suelte el ícono agarrando los seis puntos o haciendo clic en las flechas izquierda o derecha para mover el ícono a la izquierda o derecha una posición.
Opciones de la barra de herramientas de iconos
Las opciones funcionan igual que las opciones de la barra de herramientas principal, pero se aplican al icono seleccionado. Incluyen:
- Ocultar más configuraciones
- Copiar
- Duplicar
- Mover a
- Eliminar bloque
Configuración de bloqueo de iconos sociales
La configuración del bloque está en la barra lateral derecha. Haga clic en el bloque o engranaje para mostrar la barra lateral. Si selecciona un bloque en el cuerpo del bloque de iconos sociales, se mostrará la configuración de su barra lateral. Haga 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 de conversión del bloque. Seleccione Predeterminado, Solo logotipo, Forma de pastilla y Gris oscuro. También puede establecer el estilo predeterminado en el cuadro desplegable. Configuré esto como una píldora.
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 como fondo del icono. Elija entre colores preestablecidos o elija un color personalizado del selector de color, ingrese un código hexadecimal, un código RBG o un código HSL.
Avanzado
Avanzado contiene dos campos. El HTML Anchor es una dirección web especial solo para el Social Icon Block. Las clases de CSS adicionales le permiten agregar CSS personalizado al estilo del bloque. El estilo seleccionado aparecerá en este campo.
Iconos sociales Configuración de iconos de bloqueo
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 los lectores pueden escribir texto para describir el enlace. Avanzado agrega un campo para clases de CSS solo para este icono.
Consejos y mejores prácticas para usar el bloqueador de íconos sociales de manera efectiva
Después de agregar enlaces, guarde el bloque en bloques reutilizables para que no tenga que agregarlos cada vez. Úselos en su contenido y barras laterales.
Utiliza solo las pocas redes sociales en las que eres más activo. Agregar demasiados puede parecer desordenado y confundir a su audiencia porque no sabrán dónde rastrearlo para obtener el mejor contenido.
Si está utilizando un icono de enlace, agréguele un bloque de párrafo 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 de su contenido.
Agregue una clase CSS a cada ícono por separado para obtener el nivel más alto de personalización.
Convierta el bloque en un grupo para ajustar el color de fondo o agregar un borde.
Preguntas frecuentes sobre el bloque de iconos sociales
¿Qué es el bloque de iconos sociales?
Este bloque coloca íconos de redes sociales en cualquier lugar de su contenido para aumentar su seguimiento social.
¿Cuántas redes sociales puede mostrar?
Se incluyen 42 redes sociales. Uno es un ícono de enlace que se puede asociar con cualquier sitio web o red social, por lo que puede conectarse a un número ilimitado de redes.
¿Se puede convertir en otros bloques?
Se puede convertir en un grupo o columnas. El grupo es genial para ajustar el fondo. Las columnas le permiten colocarlas junto a otros tipos de contenido.
Para qué se puede usar?
Puede conectarse a 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 cantidad de enlaces a servicios, productos, páginas, etc. mediante el icono de enlace.
Solicitud
Aquí está nuestra opinión sobre el bloque de iconos sociales de WordPress. Los íconos de redes sociales son una excelente manera de crear 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 combinarlo con su sitio.
Queremos escuchar de ti. ¿Utiliza el bloque de iconos sociales? Cuéntanos tu experiencia en los comentarios.
Foto destacada de Irina Strelnikova / shutterstock.com
