PEIQ Knowledge Base

Visualisierung von Vorlagen-Thumbnails mit Inhalten

poweruser

Die Visualisierung von Vorlagen-Thumbnails mit Inhalten ermöglicht es, einen schnelleren und bildlicheren Überblick über die vorhandenen Vorlagen zu erhalten. Vorlagen in gedockten Bibliotheken und Vorlagen, die beim Anlegen von Seiten und Artikeln zur Auswahl stehen, können dabei schon in der Thumbnail-Darstellung mit Text-und Bild-Inhalten visualisiert werden.

Funktionalitäten der Visualisierung von Vorlagen-Thumbnails mit Inhalten

  • Bildlicher und schneller Überblick über Vorlagen

  • Kennzeichnung von Vorlagen entsprechend ihrer Kategorie mit passenden “Dummy”-Bildern und Texten

Inhaltsverzeichnis

Allgemeine Beschreibung

Die dargestellten Vorschaubilder und -texte sind zwar in den Vorlagen zugewiesen, werden aber entfernt, sobald aus den Vorlagen heraus ein neues Produktionselement erstellt wird. Sie sind also rein temporär vorhanden, um die Thumbnails ansprechender zu visualisieren. 

Beispiel: Musterseiten und Artikel mit und ohne “Dummy“-Inhalten

Darstellung der Thumbnails von Seitenvorlagen ohne “Dummy“-Inhalte
Darstellung der gleichen Vorlagen mit Text-, Bild- und “Dummy”-Anzeigeninhalten

Beispiel: Formatwechsel auf einem Bildbereich 

Wird beim Formatwechsel auf einem Bild gleich eine Auswahl an Vorlagen mit Vorschaubildern angeboten, so kann dort auch die Position und Farbe der Bildunterschrift visualisiert werden. Dies ermöglicht einen schnelleren Überblick und eine schnellere Auffindbarkeit der jeweiligen Vorlagen.

 

 

 

 

Beispiel: Formatwechsel auf einem Titelbereich 

Im oben stehenden Beispiel kann beim Formatwechsel eine Auswahl zwischen verschiedenen farbig hinterlegten Vorlagen getroffen werden. Durch die WYSIWYG-Darstellung in den Vorschau-Thumbnails dient die Beschriftung nur als zusätzliche Info.

Bilder-Bibliothek “VorschauBilder“ 

Die Bibliothek enthält zahlreiche “Dummy”-Bilder in den Formaten “Hochformat”, “Querformat”, “extremes Querformat” und “Quadrat”. Alle im Beispielbild zu sehenden Bilder haben die Voreinstellungen “BildTyp=Vorschau”.

Die Einstellung “ProduktionsAktion=entfernen“ bedeutet, dass die Bilder gelöscht werden, sobald aus den Artikel- oder Seitenvorlagen, in denen sie verwendet werden, tatsächliche Produktions-Artikel oder -Seiten erzeugt werden. 
Die Einstellung “BildTyp=Vorschau“ bedeutet (gemäß Customizing in der Eigenschaftsdefinition Tabelle#DBild), dass der Bildausschnitt dieser Bilder nicht verändert werden darf.

Auch bei selbst gestalteten “Dummy”-Bildern muss immer die Voreinstellung (“ProduktionsAktion=entfernen”, “BildTyp=Vorschau”) gemacht werden!

Texte-Bibliothek “VorschauTexte“

Die Texte-Bibliothek “VorschauTexte“ enthält mehrere “Dummy”-Vorschau-Artikel.

Auch hier haben alle Elemente die Voreinstellung “ProduktionsAktion=entfernen”.

Diese Artikel werden gelöscht, sobald aus den Artikel- oder Seitenvorlagen, in denen sie verwendet werden, tatsächliche Produktions-Artikel oder -Seiten erzeugt werden. 

Auch bei den selbst gestalteten “Dummy”-Artikeln muss immer die Voreinstellung (“ProduktionsAktion=entfernen”) gemacht werden!

Das Makro “Grau“ 

In den beiden neuen Textvorlagen umschließt das Makro “Grau“ die Inhalte der Bereichs-Tags “Text”, “Vorspann”, “Dachzeile” und “Unterzeile”. Damit wird bewirkt, dass die Text-Inhalte dieser Bereiche auf dem Thumbnail dezenter aussehen. Der Titel hingegen bleibt schwarz, um sich deutlicher abzuheben.

Besonderheit: Vorlagen der Texte-Bibliothek

Im folgenden Video wird auf eine Besonderheit beim Anpassen von Vorlagen in der Texte-Bibliothek eingegangen. Der Artikel aus der Texte-Bibliothek, in den ein Vorschautext integriert werden soll, hat bereits eine Artikel-Referenz.

https://www.youtube.com/watch?v=vHEZ5ueqhRk

 

Eine Musterseite mit Vorschauinhalten befüllen

Im Folgenden wird schrittweise beschrieben, wie eine Musterseite mit Vorschauinhalten befüllt werden kann.

 

1. Musterseite erstellen

Zunächst wird eine Musterseite erstellt. Wie dies geht, wird im folgenden Video gezeigt:

2. Was sind Vorlagen-Thumbnails?

In diesem Video wird ein Einblick in Vorlagen-Thumbnails gegeben:

3. Musterseite mit Bildern füllen

Im folgenden Video wird gezeigt, wie eine Musterseite mit Bildern befüllt wird:

 

4. Musterseite mit Texten füllen

Im folgenden Video wird gezeigt, wie mithilfe der “Vorschautexte”-Bibliothek Texte auf der Musterseite platziert werden können:

 

5. Musterseite mit Dummy-Inhalten füllen

In diesem Video wird gezeigt, wie Vorschau-Artikel und -Bilder auf eine Vorlage angewendet werden können:

Weitere Informationen zu Musterseiten sind hier zu finden: https://peiq.atlassian.net/wiki/spaces/PPSD/pages/915767561.

 

Verwandte Seiten

 

Nur für PEIQ-Mitarbeiter:

https://peiq.atlassian.net/wiki/spaces/CORE/pages/737378568