Crear diseños
En easyCMS Studio se parte de una plantilla. Para diseños libres, el editor avanzado le permite colocar elementos en un lienzo, usar listas de reproducción y capas, definir la resolución y publicar con seguridad.
En easyCMS Studio, cada diseño parte de una de más de 200 plantillas; su primer diseño muestra cómo. Esta guía es para lo demás: un diseño libre creado en el editor avanzado, el editor de diseños clásico de easyCMS.
Cuándo necesita el editor avanzado
| Diseño de Studio | Diseño del editor avanzado |
|---|---|
| Parte de una plantilla | Parte de un lienzo en blanco |
| Cambie textos, fotos, fuentes y colores | Coloque tantos elementos, widgets y zonas como quiera, donde quiera |
| Al guardar se publica | Debe estar publicado antes de reproducirse |
Edite los diseños de Studio en Studio: los cambios que se les hagan en el editor avanzado se reemplazan la próxima vez que se modifiquen en Studio.
Abrir el editor avanzado
- En el menú de la cuenta de Studio, elija Cambiar a easyCMS clásico y luego Abrir easyCMS clásico.
- Abra Creación > Diseños y añada un diseño, o abra uno existente.
Una pantalla que ya muestra un diseño clásico también tiene un botón Editor avanzado en Mis pantallas de Studio.
El lienzo y la caja de herramientas
Arrastre elementos de la caja de herramientas al lienzo y luego muévalos, cambie su tamaño y gírelos libremente. Los elementos pueden superponerse.
- Contenido de la biblioteca: imágenes y vídeos de su biblioteca multimedia.
- Widgets: relojes, el tiempo, tickers, páginas web, tablas DataSet.
- Elementos: texto, formas y similares.
Seleccione un elemento y el panel Propiedades muestra sus ajustes; su pestaña Avanzado define cuánto tiempo permanece en pantalla.
Ejemplo: una imagen, un ticker y un logotipo
- Sin nada seleccionado, defina la Resolución y un fondo en el panel Propiedades.
- Arrastre su imagen o vídeo principal y estírelo sobre la zona superior. Los botones Ajustar a, abajo a la derecha, lo alinean.
- Arrastre un widget de ticker o de texto a la franja inferior, a todo lo ancho.
- Coloque el logotipo al final, para que quede encima.
Para alternar varios elementos en una zona, coloque allí una lista de reproducción y añada los elementos dentro. Una lista de reproducción es simplemente otro elemento que se coloca, no una zona que haya que definir primero.
Capas y agrupación
- El gestor de capas, abajo a la izquierda, muestra cada elemento con su capa; arrastre para cambiar el orden.
- Arrastre un recuadro sobre el lienzo para seleccionar varios elementos a la vez.
- Mantenga pulsado Mayús, haga clic en cada elemento, haga clic derecho y elija Agrupar elementos para mantenerlos juntos.
Resolución y orientación
Use 1920×1080 para horizontal y 1080×1920 para vertical. Un diseño de otra forma recibe franjas negras, así que cree versiones separadas de todo lo importante. Vea resolución y orientación de la pantalla.
Previsualizar y luego publicar
El botón reproducir, abajo a la izquierda, ejecuta el diseño en su navegador.
Solo se reproduce un diseño publicado. Publique desde el menú de tres líneas, arriba a la derecha. Editar un diseño publicado crea un borrador y deja el publicado en reproducción hasta que vuelva a publicar.
Atención Un cambio que nadie ve en pantalla es muy a menudo un diseño editado pero nunca vuelto a publicar.
Para poner un diseño en pantallas, use la programación clásica: vea programar contenido. ¿Prefiere un diseño de Studio? Pregúntenos y rehacemos gratis un diseño clásico en Studio.
Consejo El texto se lee a varios metros: hágalo mucho más grande de lo que parece adecuado en su monitor, mantenga un contraste alto y un solo mensaje por diseño.
Artículos relacionados: Su primer diseño, Listas de reproducción y la biblioteca multimedia, Programar contenido, Resolución de pantalla, orientación y tamaño del diseño