Layouts erstellen

In easyCMS Studio beginnen Sie mit einer Vorlage. Für frei gestaltete Layouts können Sie im erweiterten Editor Elemente auf einer Arbeitsfläche platzieren, Playlists und Ebenen nutzen, die Auflösung festlegen und sicher veröffentlichen.

In easyCMS Studio beginnt jedes Design mit einer von mehr als 200 Vorlagen; Ihr erstes Design zeigt, wie. Diese Anleitung ist für alles andere: ein frei gestaltetes Layout, erstellt im erweiterten Editor, dem klassischen Layout-Designer von easyCMS.

Wann Sie den erweiterten Editor brauchen

Studio-Design Layout im erweiterten Editor
Beginnt mit einer Vorlage Beginnt mit einer leeren Arbeitsfläche
Texte, Fotos, Schriften und Farben ändern Beliebig viele Elemente, Widgets und Zonen überall platzieren
Speichern veröffentlicht es Muss veröffentlicht sein, bevor es abgespielt wird

Bearbeiten Sie Studio-Designs in Studio: Änderungen, die im erweiterten Editor daran vorgenommen werden, werden ersetzt, sobald sie das nächste Mal in Studio geändert werden.

Den erweiterten Editor öffnen

  1. Wählen Sie im Kontomenü von Studio Zum klassischen easyCMS wechseln und dann Klassisches easyCMS öffnen.
  2. Öffnen Sie Design > Layouts und fügen Sie ein Layout hinzu, oder öffnen Sie ein vorhandenes.

Ein Bildschirm, der bereits ein klassisches Layout zeigt, hat in Meine Bildschirme von Studio auch eine Schaltfläche Erweiterter Editor.

Die Arbeitsfläche und die Toolbox

Ziehen Sie Elemente aus der Toolbox auf die Arbeitsfläche und verschieben, skalieren und drehen Sie sie dann frei. Elemente dürfen sich überlappen.

  • Bibliotheksmedien: Bilder und Videos aus Ihrer Medienbibliothek.
  • Widgets: Uhren, Wetter, Laufbänder, Webseiten, DataSet-Tabellen.
  • Elemente: Text, Formen und Ähnliches.

Wählen Sie ein Element aus, und das Panel Eigenschaften zeigt seine Einstellungen; im Tab Erweitert legen Sie fest, wie lange es auf dem Bildschirm bleibt.

  1. Wenn nichts ausgewählt ist, legen Sie im Panel Eigenschaften die Auflösung und einen Hintergrund fest.
  2. Ziehen Sie Ihr Hauptbild oder -video hinein und dehnen Sie es über den oberen Bereich. Die Schaltflächen Einrasten an, unten rechts, richten es aus.
  3. Ziehen Sie ein Laufband- oder Text-Widget auf den unteren Streifen, in voller Breite.
  4. Setzen Sie das Logo zuletzt ein, damit es obenauf liegt.

Um mehrere Elemente in einem Bereich wechseln zu lassen, platzieren Sie dort eine Playlist und fügen die Elemente darin hinzu. Eine Playlist ist einfach ein weiteres Element, das Sie platzieren, keine Zone, die Sie vorher festlegen.

Ebenen und Gruppieren

  • Der Ebenen-Manager, unten links, listet jedes Element mit seiner Ebene auf; ziehen Sie, um die Reihenfolge zu ändern.
  • Ziehen Sie einen Rahmen über die Arbeitsfläche, um mehrere Elemente auf einmal auszuwählen.
  • Halten Sie Umschalt gedrückt, klicken Sie auf jedes Element, klicken Sie mit der rechten Maustaste und wählen Sie Elemente gruppieren, um sie zusammenzuhalten.

Auflösung und Ausrichtung

Verwenden Sie 1920×1080 für Querformat und 1080×1920 für Hochformat. Ein Layout mit anderem Format bekommt schwarze Balken, erstellen Sie also separate Versionen von allem Wichtigen. Siehe Bildschirmauflösung und Ausrichtung.

Vorschau, dann veröffentlichen

Die Schaltfläche Abspielen, unten links, spielt das Layout in Ihrem Browser ab.

Nur ein veröffentlichtes Layout wird abgespielt. Veröffentlichen Sie über das Drei-Linien-Menü oben rechts. Wenn Sie ein veröffentlichtes Layout bearbeiten, entsteht ein Entwurf, und die Live-Version läuft weiter, bis Sie erneut veröffentlichen.

Achtung Eine Änderung, die niemand auf dem Bildschirm sieht, ist sehr oft ein Layout, das bearbeitet, aber nie erneut veröffentlicht wurde.

Um ein Layout auf Bildschirme zu bringen, verwenden Sie den klassischen Zeitplan: siehe Inhalte planen. Lieber ein Studio-Design? Fragen Sie uns, und wir bauen ein klassisches Layout kostenlos in Studio nach.

Tipp Text wird aus Metern Entfernung gelesen: Wählen Sie ihn viel größer, als es auf Ihrem Monitor richtig aussieht, halten Sie den Kontrast hoch und beschränken Sie sich auf eine Botschaft pro Layout.

Verwandte Artikel: Ihr erstes Design, Playlists und die Medienbibliothek, Inhalte planen, Bildschirmauflösung, Ausrichtung und Layout-Größe