Iconos, ajuste de imagen y bloques para móvil o escritorio

Cómo acceder

Editor de páginas > selecciona un bloque Tarjetas, Imagen o Banner > pestañas Contenido y Estilo / Avanzado (campo «Visible en»).

Requisitos y permisos: Permiso Páginas y editor (pages.manage).

Botones e iconos

Icono (selector)

Se abre con pestañas Categorías, Redes, General, Subir y Emoji. Subir acepta PNG, JPG o WebP (no SVG).

Icono: color / color de fondo / forma

Cambia el color del icono, el color del fondo y la forma (círculo, redondeado, cuadrado o sin fondo).

Imagen: ajuste, centrado y ampliar

Ajuste Rellenar o Mostrar completa, posición horizontal y vertical y ampliar de 100% a 250%.

1. 1Selecciona un bloque Tarjetas y en Estilo elige «Característica», «Clase / contenido», «Botón con icono» o «Tarjeta con foto o icono».
2. 2En cada tarjeta pulsa «Icono» y escoge de la biblioteca, de Redes, sube el tuyo o escribe un emoji; ajusta color, fondo y forma.
3. 3En bloques Imagen, Banner y Tarjetas con foto usa Ajuste, Posición y Ampliar para centrar el sujeto.
4. 4Para una versión móvil y otra de escritorio, duplica el bloque y en Avanzado > «Visible en» elige «Solo móvil» en uno y «Solo escritorio/tablet» en el otro (el corte es a 640 px).

Resultado esperado: La página se ve bien en cada dispositivo sin deformar las fotos ni el orden de los bloques.

Campos y su significado

Visible en

Todos los dispositivos, solo móvil o solo escritorio/tablet. En el editor el bloque oculto se ve atenuado.

Etiqueta y etiquetas (clases)

Duración o dato sobre la foto y chips como «Yoga, Intermedio».

Ejemplo práctico

La plantilla Aura Club usa una portada vertical para móvil y una horizontal para escritorio, con el mismo texto.

Errores frecuentes

Relación con otros módulos

Preguntas frecuentes