Guías/Crear contenido/Widgets/Ordena tus iconos de redes sociales

Ordena tus iconos de redes sociales

Una vez añadido el bloque Iconos sociales, puedes personalizar la forma en la que se muestran los iconos. En esta guía, descubriras cómo cambiar el orden de los iconos y la forma en la que aparecen en tu sitio.

Cambiar el orden de los iconos

Cambia el orden en el que se muestran tus iconos siguiendo estos pasos:

  1. Haz clic en un icono social en el bloque Iconos sociales.
  2. Arrastra el icono para moverlo a una nueva posición o utiliza las flechas de la barra de herramientas del bloque para mover el icono a la izquierda o a la derecha.
  3. Haz clic en «Guardar« o «Publicar» en la parte superior derecha para aplicar los cambios.

Cambiar al diseño vertical

Muestra los iconos apilados uno encima del otro siguiendo estos pasos:

  1. Haz clic en Vista de lista en la esquina superior izquierda del editor.
  2. Selecciona el bloque Iconos sociales de la lista.
  3. En la barra lateral de los ajustes del bloque, haz clic en la pestaña Estilos (el icono es un círculo en blanco y negro).
  4. En Diseño, busca la opción «Orientación».
  5. Elige «Vertical» para apilar los iconos en una línea vertical.
El bloque Iconos sociales se ha alineado de forma vertical.

Ajustar el espaciado de los iconos sociales

Cambia el espaciado entre los iconos sociales siguiendo estos pasos:

  1. Haz clic en Vista de lista en la esquina superior izquierda del editor.
  2. Elige el bloque Iconos sociales de la lista.
  3. En la barra lateral de ajustes del bloque, haz clic en la pestaña Estilos.
  4. En Dimensiones, configura el margen y el espaciado del bloque.

Alinea tus iconos

Cambia la alineación en la que aparecen los iconos en tu sitio siguiendo estos pasos:

  1. Haz clic en Vista de lista en la esquina superior izquierda del editor.
  2. Elige el bloque Iconos sociales de la lista.
  3. En la barra lateral de los ajustes del bloque, busca la opción Justificación.
    • Justifica los elementos a la izquierda para colocar los iconos en el borde izquierdo.
    • Justifica los elementos al centro para centrar los iconos de forma horizontal.
    • Justifica los elementos a la derecha para colocar los iconos en el borde derecho.
    • Ajusta el espacio entre elementos para colocar los iconos equidistantes entre sí.
Copied to clipboard!