Responsive HTML-Element

Anlage einer Inhaltsseite über einen visual editor.

Layouten Sie mit unserem responsive HTML-Element eigene Seiten für Ihren Kiosk.

Die responsive Ausgabe gewährleistet hier ein ideale Ausspielung zu Ihren Endgeräten in den unterschiedlichen Größen.

Sie wählen den Objekttyp

• responsive HTML-Element
  
• dann "weiter" klicken

Das folgende Menü erscheint:

Links fügen Sie die Objekteinstellungen "allgemeine Einstellungen" hinzu:

• Anzeigepriorität (je höher die Zahl, desto weiter liegt das Objekt vorne) Anzeigepreorität festlegen - neu

• die Anzeigegröße: (Wir stellen unsere Inhalte auf "mittel" ein. Beurteilen Sie das optisch in Ihrer Kiosk Darstellung.)
• gesperrt: ja/nein
• Anzeigedauer: standard
• gültig ab dem:
  
• gültig bis zum:

Rechts fügen Sie die gewünschten Inhalte hinzu:

• Headline: (wird am Beratungsmodul unter dem Bild angezeigt)
• Kommentar: (für interne Notizen, wird nicht angezeigt)
• Image: zur optischen Darstellung auf dem Endgerät (ideale Bildformate sind beim Standartlayout Formate im Verhältnis 4:3 oder 3:2, da ansonsten das Bild beschnitten wird (Standardlayout.)
  In unseren Vorgefertigten Beispielen sind die Bilder 940 x 705 Pixel groß angelegt.
  Damit es zu keinen Speicherproblemen kommt, sollten die Bilder auf eine maximale Breite von 1500 Pixeln bearbeitet werden.
  Sollten Sie ein individuelles Layout haben, nutzen Sie hier bitte das Ihnen mitgeteilte Bildformat (eventuel Quadratische Kacheln)
• Teaser: Ein Teaser ist ein zusätzlicher Text, der bei Auswahl des Objektes am Beratungsmodul erscheint.
• Breite (gewünschte Ausspielgröße für diesen IFrame wählen. 1920 Pixel bei Full HD Formaten)
• Höhe (gewünschte Ausspielgröße für diesen IFrame wählen. 1080 Pixel bei Full HD Formaten)
• Visual Editor (Hier wird die eigentliche Seite layoutet. Folgen Sie den weiteren Angaben für den Visualeditor weiter unten)

Wie schon bei dem Dokumentationspunkt Externe Seiten erklärt wurde, gehen Sie auch hier zu folgenden Bereichen vor:

• Archivzuordnungen:
• Berechtigungsgruppen:
  

Am besten vorab die Einstellungen einmal mit "speichern" abschließen.

Das responsive HTML Element sich somit in der Objektauflistung.

Über die Auswahl "Visualeditor" gestalten wir jetzt das eigentliche Element.

• Visualeditor
  
• bearbeiten
• Auswahl oben links
  • ziehen sie gewünschte Elemente per Drag and Drop in Ihre lehre Seite nach rechts
  • gestalten sie Ihr Grundlayout (responsive Ausspielung nach von uns festgelegten Brake Points)

Layout Gestaltung:

Layout Befüllung:

Bilder hochladen und einpflegen:

• Durch Doppelklick auf den Platzhalter des Bildes, gelangen sie in folgendes Menu:

Server durchsuchen auswählen

• folgendes Menu erscheint:

Medienverwaltung:

Alle Bilder die Sie zukünftig hochladen werden zur weiteren Verwendung in der Medienverwaltung gespeichert.

Um Ihre Bildelemente später besser wiederfinden zu können legen Sie nun in der Medienverwaltung  entsprechende Verzeichnisse an.

• Die Verzeichnisse dienen nur einer übersichtlichen Sortierung
• einmal hochgeladene Bilder können nachträglich nicht mehr zugeordnet werden
  • dann müsste das Bild entfernt und entsprechen neu hochgeladen werden

Bild hochladen:

• eventuell Verzeichnis auswählen
• Bild auswählen klicken
• Bildauswahl vom PC tätigen
• hochladen klicken

Somit befindet sich jetzt das Bild im entsprechenden Verzeichnis im Medienarchiv.

• Name des Bildes
• Bildgröße
• Übersichtsbild
  werden angezeigt

Jetzt können weitere Bilder die Sie benötigen Hochgeladen werden.

HTML responsive Seite gestalten:

• Bilder aus dem Medienarchiv einfügen (Bild auswählen)
• Texte schreiben / einfügen
• oben rechts speichern

Folgendes Menu erscheint:

Im Feld Visualeditor erscheint die HTML Ansicht, die man im Übrigen für die Anlage weiterer Objekte im gleichen Layout herauskopieren kann, um dann ein neues Element nur noch anzupassen.

Jetzt unbedingt mit speichern abschließen.

Das Objekt befindet sich nun in der Objektauflistung.

"Übersicht" und "Suche" in der Objektauflistung

Nachdem Sie eine Vielzahl von Inhalten angelegt haben, können Sie in der Objektauflistung über verschiedene Möglichkeiten ein Objekt wiederfinden bzw. filtern.

• Volltextsuche
• Berechtigung
• Typen
• Archivauswahl
• Objektgültigkeit aktiv / gesperrt (farbig rot hervorgehoben)
• abgelaufen (farbig grau hervorgehoben)
• zukünftig (farbig gelb hervorgehoben)
  

Somit ist jederzeit eine übersichtliche Darstellung und Filterung möglich.

Die optische Beurteilung nehmen Sie jetzt an Ihrem Kiosk vor und nehmen eventuell noch Anpassungen vor.