Su primer diseño

Cree su primer diseño de easyCMS: nómbrelo, defina la resolución, coloque una imagen o vídeo a pantalla completa en el lienzo, y luego publíquelo para que su pantalla pueda reproducirlo.

Su pantalla está conectada y se ha quedado en el logotipo, así que el reproductor funciona y espera tener algo que mostrar. Lo que necesita es un diseño publicado: una pantalla completa de diseño, con imágenes, vídeo y texto donde usted quiera.

Abra el editor y asígnele un nombre

  1. Inicie sesión en app.myeasycms.com.
  2. Vaya a Creación > Diseños.
  3. Haga clic en Añadir diseño. No hay formulario, el editor se abre de inmediato.
  4. Haga clic en Sin título en la parte superior y póngale un nombre.

Consejo Póngale nombre primero. Los diseños sin nombre son un suplicio de encontrar un mes después.

Creación > Diseños con el botón Añadir diseño Creación > Diseños. Añadir diseño abre el editor de inmediato.

Lo que está viendo

El editor es un lienzo en lugar de una cuadrícula de cajas fijas, y hay cuatro elementos que hacen el trabajo.

  • El lienzo es la propia pantalla, dibujada a la resolución del diseño. Todo se posiciona, redimensiona y gira directamente sobre él, y los elementos pueden superponerse.
  • La caja de herramientas es de donde viene el contenido, incluida una búsqueda en la biblioteca para los archivos que ya están en su cuenta.
  • Los widgets son los módulos de contenido: contenido de la biblioteca, relojes, tiempo, RSS, páginas web integradas. Arrastre uno al lienzo y sus ajustes aparecerán en el panel Propiedades.
  • Los elementos son las piezas de diseño, Texto, Fechas y horas, Líneas y Formas, que se abren con el botón A de la caja de herramientas. Úselos para títulos y leyendas en lugar de subir un gráfico para cada línea de texto.

El editor de diseño: el lienzo en el centro, la caja de herramientas al lado El lienzo es la pantalla. Los elementos se arrastran a él desde la caja de herramientas, en lugar de rellenar una cuadrícula de cajas.

Ponga en él una imagen o vídeo a pantalla completa

Si el archivo aún no está en su biblioteca, súbalo: Biblioteca > Medios, Añadir medio, arrastre el archivo, Hecho.

Después:

  1. En el editor, abra Búsqueda en la biblioteca en la caja de herramientas.
  2. Busque su archivo y arrástrelo al lienzo.
  3. Tire de sus controladores hasta los bordes. Los botones Ajustar a, abajo a la derecha, le ayudan a colocarlo con precisión.

Codifique el vídeo a pantalla completa en la resolución del diseño, para que el reproductor no tenga que reescalar nada.

Un atajo. Si una pantalla solo va a necesitar ese único archivo, prescinda por completo del diseño:

  1. Vaya a Biblioteca > Medios y abra el menú de la fila del archivo.
  2. Elija Programación.
  3. Seleccione sus pantallas y haga clic en Finalizar.

Se reproduce a pantalla completa por sí solo.

Cuándo necesita una lista de reproducción

Una lista de reproducción es a lo que recurre cuando una zona de la pantalla debe alternar entre varios elementos. Añada una con Añadir listas de reproducción en la caja de herramientas, colóquela en el lienzo, luego abra el editor de listas de reproducción desde el icono de su esquina y añada elementos a su línea de tiempo.

No la necesita para una sola imagen o vídeo, ni para un diseño donde todo está en pantalla a la vez. Sí la necesita para una serie de ofertas que rotan en el centro mientras un logotipo y un reloj permanecen fijos. Una lista de reproducción creada una vez puede reutilizarse en otros diseños, véase Listas de reproducción y la biblioteca multimedia.

Ajuste la resolución para que coincida con la pantalla

Sin nada seleccionado, el panel Propiedades incluye una lista desplegable Resolución. Ajústela para que coincida con la pantalla: 1920 × 1080 en horizontal, 1080 × 1920 para una pantalla montada en vertical.

Cuando ambas no coinciden, el reproductor escala el diseño para ajustarlo y aparecen barras negras alrededor, o lo escala para rellenar y el contenido se recorta en los bordes. Eso es aritmética, no un fallo: la solución es la resolución, no el diseño. Resolución y orientación de la pantalla cubre toda la cadena: la pantalla, la salida del reproductor y el diseño tienen que coincidir todos.

Publíquelo, o nunca se reproducirá nada

Cuidado Un diseño debe estar publicado antes de poder reproducirse. Un borrador sin publicar nunca llega a una pantalla: ni mediante una programación, ni como diseño predeterminado, nunca. Es la razón más habitual por la que una pantalla nueva sigue mostrando el logotipo tras toda una tarde de trabajo de diseño.

Para publicar:

  1. Abra el menú de tres líneas en la parte superior derecha del editor.
  2. Elija Publicar.
  3. Deje marcado Publicar ahora para que se active de inmediato. O desmárquelo y establezca una Fecha de publicación para un cambio que deba producirse durante la noche.

El control de publicación, con el diseño mostrado como borrador Hasta que publique, el diseño es un borrador y no se reproducirá. Esta es la razón más habitual por la que una primera pantalla permanece vacía.

Editar más adelante es seguro. Checkout crea una copia en borrador mientras la versión publicada sigue reproduciéndose sin tocarla, y sus ediciones solo llegan a las pantallas cuando publica ese borrador.

Compruebe el estado antes de programar

La parte superior del editor muestra el estado del diseño junto a su duración total. Una marca verde es lo que se quiere ver. Un signo de exclamación naranja es normal en un diseño con contenido en directo como una página web, el CMS no puede verificar lo que no aloja.

Un diseño no válido es uno con elementos que faltan o son defectuosos. Un reproductor no lo mostrará: recurre al diseño predeterminado de la pantalla, o a la pantalla de bienvenida si no hay ninguno predeterminado configurado, lo que parece que no ocurre nada. Resuelva ambas cosas aquí en lugar de buscar más tarde un fallo de programación, y si un diseño sigue sin ser válido y no ve por qué, abra una solicitud de soporte indicando el nombre del diseño.

A continuación: Programar su primer contenido, que pone este diseño en pantalla en el momento adecuado.

Artículos relacionados: Programar su primer contenido, Listas de reproducción y la biblioteca multimedia, Resolución de pantalla, orientación y tamaño del diseño, Cuota de almacenamiento y subida de contenidos