Las funciones adaptables no son compatibles con los anuncios AMP HTML. Se pueden usar diseños en varios tamaños en los anuncios de vídeo, los GIFs animados y los anuncios de imagen.
Para trabajar con media rules, siga estos pasos:
- Abra el panel Adaptable y compruebe que la casilla Diseño adaptable esté marcada en la pestaña "Tamaños e intervalos".
- Seleccione un tamaño o intervalo de tamaños en el panel para definir las anulaciones de esa media rule.
Cuando se selecciona una media rule, los paneles y las acciones están inhabilitados si no se pueden limitar a un tamaño específico. Por ejemplo, no podrá añadir nuevos elementos ni editar eventos. Para hacer estos cambios, seleccione Editar documento base en el panel Adaptable.
Media rules para tamaños específicos
Es posible que conozca las dimensiones exactas de los espacios publicitarios en los que tiene previsto que se muestre su creatividad. En ese caso, puede configurar media rules para tamaños específicos.
Tamaños comunes
En la sección Tamaños de la pestaña "Tamaños e intervalos", en el panel Adaptable, se muestran tamaños de anuncio comunes del entorno del anuncio correspondiente al archivo con el que está trabajando. Estos tamaños no se pueden editar ni eliminar.
Tamaños personalizados
Puede añadir tamaños al panel Adaptable.
Añadir un tamaño personalizado
- Haga clic en Añadir tamaño personalizado .
- Introduzca las dimensiones que quiera y pulse la tecla Intro.
Editar tamaños personalizados
- Coloque el cursor sobre el tamaño que quiera editar.
- Haga clic en el icono de editar .
- Introduzca las nuevas dimensiones.
Eliminar tamaños personalizados
- Coloque el cursor sobre el tamaño que quiera eliminar.
- Haga clic en el icono de eliminar .
Media rules para intervalos de tamaños
Gestionar media rules de intervalo
Añadir media rules de intervalo
- En el panel, haga lo siguiente:
- Haga clic en Añadir intervalo de tamaños .
- Introduzca las dimensiones mínimas y máximas del intervalo de tamaños.
- Pulse Intro.
- En el cuadro de diálogo, haga lo siguiente:
- Haga clic dentro del espacio del viewport y arrastre el ratón para dibujar un rectángulo.
- Si el rectángulo se vuelve rojo, significa que el intervalo de tamaños se solapa con otro que ya tiene y no se puede definir.
- Haga clic en Guardar.
- Haga clic dentro del espacio del viewport y arrastre el ratón para dibujar un rectángulo.
Cambiar la orientación de las media rules de intervalo
Puede especificar la orientación de una media rule de intervalo para que las anulaciones solo se apliquen si el viewport es horizontal o vertical.
- Haga clic en el menú desplegable de orientación, situado junto a la media rule de intervalo.
- Seleccione la nueva orientación:
- Cualquier orientación
- Horizontal
- Vertical
Editar intervalos de tamaños
- En el panel, haga lo siguiente:
- Coloque el cursor sobre la media rule de intervalo y haga clic en el icono de editar .
- Introduzca las nuevas dimensiones mínimas y máximas del intervalo de tamaños.
- En el cuadro de diálogo, haga lo siguiente:
- Seleccione la media rule de intervalo que quiera editar. Los controladores de tamaño aparecen en el cuadro azul alrededor de la forma de la regla de medios.
- Arrastre la forma hasta una nueva ubicación o arrastre uno de los controladores.
- Para mantener la relación de aspecto, mantenga pulsada la tecla Mayús mientras arrastra los controladores de tamaño.
- Si el cuadro se vuelve rojo, significa que el nuevo intervalo de tamaños se solapa con otro que ya tiene y no se puede definir.
- Haga clic en Guardar.
Anulaciones
Puede usar anulaciones para optimizar su diseño definiendo propiedades distintas para tamaños de viewport diferentes.
Todo lo que se defina con CSS puede modificarse en una media rule. Esto incluye el tamaño, la posición, la visibilidad, la fuente y la animación. Google Web Designer también permite anular otros atributos, como las fuentes de imagen, las propiedades de componentes, el contenido de texto y la configuración de ajuste de texto. Las propiedades que no se pueden anular se inhabilitan cuando se selecciona una media rule.
Ver las anulaciones
Las anulaciones del tamaño o intervalo de tamaños seleccionado se muestran en el panel Adaptable de la pestaña Anulaciones. Se muestran todos los elementos que tienen una anulación, junto con las propiedades que tienen valores anulados.
Filtrar la lista de anulaciones
Puede filtrar la lista de anulaciones con el menú desplegable situado en la parte superior del panel:
- Todo: se muestran todas las anulaciones.
- Página actual: se muestran las anulaciones de los elementos de la página que tiene abierta.
- Selección: se muestran las anulaciones de los elementos seleccionados.
Gestionar anulaciones
Añadir o cambiar anulaciones
- Seleccione la media rule en la pestaña "Tamaños e intervalos" del panel Adaptable. Al hacerlo, se resalta en el panel y se muestra en la esquina superior izquierda de la escena.
- Lleve a cabo los cambios que quiera.
La etiqueta de la propiedad anulada aparece resaltada en amarillo en el panel Propiedades, en la línea de tiempo si se ha cambiado la animación, o en el panel Texto si se ha modificado la configuración del texto o del ajuste de texto.
En los tamaños con anulaciones, se muestra el icono Media rules de tamaño específico en el panel Adaptable.
Copiar anulaciones de media rules
- Realice una de las siguientes acciones:
- Para copiar anulaciones de un tamaño específico: haga clic con el botón derecho en el tamaño del panel Adaptable.
- Para copiar anulaciones de un intervalo de tamaños: coloque el cursor sobre el intervalo de tamaños del panel Adaptable y haga clic en el icono Más .
- Seleccione Copiar elementos anulados en el menú emergente.
- Realice una de las siguientes acciones:
- Para pegar anulaciones en un tamaño específico: haga clic con el botón derecho en el tamaño del panel Adaptable.
- Para pegar anulaciones en un intervalo de tamaños: coloque el cursor sobre el intervalo de tamaños del panel Adaptable y haga clic en el icono Más .
- Seleccione Pegar elementos anulados en el menú emergente.
Quitar anulaciones
- Haga clic en la etiqueta de propiedad amarilla de la anulación que quiera quitar.
- La mayoría de las anulaciones se indican en el panel Propiedades.
- Las anulaciones de animaciones se indican en la línea de tiempo.
- Las anulaciones de configuración del contenido de texto o del ajuste de texto pueden consultarse en el panel Texto.
- Seleccione Quitar anulación en el cuadro de diálogo emergente.
Quitar todas las anulaciones de una media rule
- Para eliminarlas de un tamaño específico, haga lo siguiente:
- Haga clic con el botón derecho en el icono Media rules de tamaño específico de ese tamaño.
- Seleccione Eliminar elementos anulados en el menú emergente.
- Para eliminarlas de un intervalo de tamaños, haga lo siguiente:
- Coloque el cursor sobre la media rule de intervalo.
- Haga clic en el icono Más .
- Seleccione Eliminar elementos anulados en el menú emergente.