PEIQ Knowledge Base

Katalog: Vorlagen und Makros

Es gibt die Bibliothek “Vorlagenkatalog”, welche eine Reihe von oft verwendeten und komplexen Vorlagen und Makros beinhaltet.

Funktionalitäten des Vorlagen- und Makrokatalogs

  • Vorlagenkatalog

  • Arbeiten auf einer Seite

Inhaltsverzeichnis

Allgemeine Beschreibung

Im Folgenden werden verschiedene Vorlagen und Makros, welche in der Bibliothek “Vorlagenkatalog” zu finden sind, erklärt.

Diese Vorlagen und Makros funktionieren möglicherweise nur auf Seitenvorlagen von PEIQ und nicht auf der Vorlagenseite eines bzw. einer Kund:in, da nur hier die richtigen Voreinstellungen (wie Basisformate, Spaltenbreite usw.) gelten. Sie können aber in die eigene Vorlagenbibliothek kopiert werden. Anschließend können Stern und Schreibschutz auf die Vorlage über das Kontextmenü entfernt und die Vorlage beliebig angepasst werden.

Text mit mittlerer Linie

Dachzeile_blaue_Linie

Dachzeile_blaue_Linie

 

Art:

Dachzeile

Beschreibung:

Links und rechts neben dem Text gibt es eine mittige Linie.

Zur Realisierung dieser Vorlage sind spezielle Einstellungen nötig.

Am Textbereich wird die blaue Linie als Negativsatz und ein AutoMakro “Linie_Dach” eingestellt. Im AutoMakro ist ein weißer Negativsatz hinterlegt, der die blaue Linie dort überlagert, wo geschriebener Text steht.

Eigenschaftsgruppe Negativsatz:

  • setz Negativ-Art: Block

  • setz NegativFarbe: blau (die gewünschte Farbe der Linie)setz NegativHoehe: 2pt

setz NegativVersatz: -20ru

Der Aufbau

“Linie_Dach” AutoMakro besteht aus einem Uni-Befehl:

Um die Einstellungen im Uni-Befehl anzupassen, muss mit gedrückter SHIFT und Pfeil-Taste (nach Rechts oder Links) dieser Befehl markieret werden. Die Anpassungen können in der Eigenschaftenliste unter der Gruppe “Typographie” vorgenommen werden.

Die Festwerte links und rechts des Makrounterbrechers bewirken einen kleinen Abstand zwischen der blauen Linie und dem Text.

Das AutoMakro “Linie_Dach” wird am Bereich in der Eigenschaftsgruppe “Typographie” vergeben, wie im Screenshot links abgebildet.

Videolink:

 

CID auf dem Master:

CID="204-5037156"

 

AutoMakro "UntermStrich"

AutoMakro "UntermStrich"

AutoMakro "UntermStrich"

 

Art:

AutoMakro

Beschreibung:

Linie unterhalb des Textbereiches

Anwendung:

Das AutoMakro “UntermStrich”wird am Bereich in der Eigenschaftsgruppe “Typographie” vergeben, wie im Screenshot links abgebildet und kann für Artikel-Bereiche wie z. B. Titel oder Dachzeile verwendet werden. Das Makro kann bereits im Basisformat gesetzt werden. Die Breite der Container entscheidet, wie weit die Linie ist.

 

Der Aufbau

Das “UntermStrich” AutoMakro besteht aus drei Uni-Befehlen:

Um die Einstellungen im Uni-Befehl anzupassen, muss mit gedrückter SHIFT und Pfeil-Taste (nach Rechts oder Links) dieser Befehl markiert werden. Die Anpassungen können in der Eigenschaftenliste unter der Gruppe “Typographie” vorgenommen werden.

1. Linien - Befehl (rote “Linie”)

  • setzt Negativ-Art “Block” (“Block” bedeutet: Gehe über die volle Breite des Bereichs)

  • setz NegativFarbe Rot

  • setzt NegativHoehe 1 pt

  • hat NegativVersatz 50 ru: 50 % einer Schriftgröße (z. B. 10 pt SchriftGröße = die Linie wird 5pt nach unten gesetzt)

NegativRandLinks/Rechts (festlegt, wie weit ist die Linie Links/Rechts eingerückt ist): 20 % der gesammten Bereichsbreite

2. Rechteck-Befehl (weißes “Rechteck” in der Mitte)

Sorgt dafür, dass die rote Linie in der Mitte verdeckt wird.

  • setzt Negativ-Art “Block” 

  • setzt NegativFarbe Weiß (C=0, M=0, Y=0, K=0)

  • setzt NegativHoehe 4 pt

  • hat NegativVersatz -40 ru

 

3. Wingdings-Element (Symbol “Kreis” in der Mitte)

Das letzte Element verwendet Wingdings-Schrift. In der Befehl-Mitte ist das Symbol (siehe unten), das in Wirklichkeit auf der Seite als gelber Kreis dargestellt wird.

  • setzt Schrift-Art “Wingdings” 

  • setz NegativFarbe Gelb (R=255,G=190,B=25)

  • setzt Uni-Code Zeichen (Ydieresis)

Das Makro aus der Master Bibliothek kann mit STRG+C & STRG+V kopiert und in die kund:innenspezifische Bibliothek eingefügt werden. Dabei muss am Element, das kopiert wurde, die Eigenschaft “Master=ja” entfernt werden: Element auswählen → Rechtsklick → im Kontextmenü → “Schreibschutz entfernen” klicken.

 

Videolink:

 

CID auf dem Master:

 

 

Zitat im Artikel

Zitat_V2

Zitat_V2

 

Art:

Zitat

Beschreibung:

Zitat und Autor in einem Container

Anwendung:

Zitat-Element kann in einem Artikel platziert werden

Basisformat: Zitat

Zunächst sollte es so gestaltet werden, wie das Zitat aussehen soll. Hier wird ein AutoMakro verwendet, womit das Zitat so aussieht, wie alle anderen Zitate über das AutoMakro.

Layoutregeln und Abstände

Vertikal Ausrichten oben an Container: Oben mit Abstand von 0 mm sowie die Volle Breite und Resthöhe Regel ohne besonderen Einstellungen.

LayoutAbstand zum ZitatAutorBereich nach unten frei wählbar (z. B: 2pt).

Basisformat: Zitat_Autor

Hier frei definieren, wie der Autor aussehen soll.

Tipp: Unter der Eigenschaftsliste Typographie kann mithilfe der Einstellung “ErsteSchriftLinie” der Abstand zwischen Autor und Zitat später feinjustiert werden.

Layoutregeln und Abstände

Allgemein: sämtliches Einspringen deaktivieren

Vertikal Ausrichten: unten an Bereich Container an Seite unten mit Abstand 0 mm

Zusätzlich noch Volle Breite und Hoehe gemäß Inhalt.

Aufbau der Vorlage

Zunächst wird ein Container mit zwei Textelementen benötigt. Diese bekommen dann den passenden Namen und dazu passende Basisformate.

Einstellungen für den Container

Wenn das Zitat zwischen zwei Textbeinen platzieren werden soll, muss “Umfließen” aktiviert sein.

Damit das Zitat beim Platzieren automatisch zwischen zwei Spalten springt, ist im Container die LayoutRegel “Zentriert” nötig.

 

CID auf dem Master:

CID="204-5023418"

 

4-Spalter mit schrägem Bild

4sp_B_schräg

4sp_B_schräg

 

Art:

4-Spalter

Beschreibung:

4-Spalter mit zwei Bildern; eines davon schräg

 

 

 

 

 

 

Basisformat: Bild_Frei

Zunächst das schräge Bild gestaltet werden. Hier wird ein AutoBereich verwendet, womit das Bild so aussieht wie alle anderen Bilder und es anschließend in die gewünschte Schräglage gedreht wird.

Layoutregeln und Abstände

Horizontal Ausrichten rechts an Container rechts mit Abstand von 130pt, damit sich das Bild immer an der rechten Seite ausrichtet und nicht verutscht, falls noch eine zusätzliche Text Spalte hinzukommt.

 

Layoutabstand zum Text sollten sowohl oben als auch unten 10pt.

Basisformat: BU_Frei

Hier frei definieren, wie die rechte Bildunterschrift des ersten Bildes aussehen soll. 

Layoutregeln und Abstände

Allgemein: sämtliches Einspringen deaktivieren

Höhe gemäß Inhalt: Unter der Eigenschaftsliste “Text Bereich” sollte “Höhe gemäß Inhalt” eingestellt sein, damit sich die Bildunterschrift automatisch anpasst.

Zusätzlich Abstand zum Container, aber nicht zum Bild und Text.

 

Aufbau der Vorlage

Zunächst brauchen wir einen Container mit einem Titel, einer Unterzeile, einem Autor sowie einem Vorspann, Text-Bereiche und zwei Bilder mit Bildunterschriften. Diese bekommen den passenden Namen und dazu passende Basisformate.

Einstellungen für die restlichen Elemente

Sowohl beim Autor als auch beim Vorspann wird “Einspringen” benötigt, ebenso wie “Horizontal Ausrichten” und “Höhe gemäß Inhalt”.

Bei beidem wird ein Abstand zum Text und Bild festgelegt, beim Autor noch zusätzlich zum Vorspann.

Bei der Unterzeile wird “Einspringen”, “Volle Breite” und “Höhe gemäß Inhalt” eingestellt. 

Hier werden Abstände zum “AutorBereich”, dem “Text”, zum “Vorspann” und zum “Bild” festgesetzt.

 

Der Titel benötigt “Einspringen”, “Volle Breite” und “Höhe gemäß Inhalt”.

Es müssen sowohl zum “Container”, “AutorBereich”, “Bild”, “Text”, “Unterzeile” und zum “Vorspann” Abstände definiert werden. Beim Container sind es 0pt, damit der Titel sich immer am Container ausrichtet und ganz oben sitzt.

Der Text benötigt sowohl “Einspringen” als auch “Resthöhe”.

Videolink:

 

CID auf dem Master:

CID="204-5008125"

 

Vorlage mit dynamischen Autorbereich

2sp_Autorbereich_dynamisch

2sp_Autorbereich_dynamisch

Art:

Dynamisch

Beschreibung:

Abhängig von der Containerbreite, soll der Autorbereich entweder ein- oder zweispaltig sein. Zudem besteht eine Abhängigkeit zwischen der Container-Höhe und der Höhe des Autorbereichs. Ist der Container des Artikels höher als 15 Zeilen, dann soll der Autorbereich zweizeilig sein, ansonsten einzeilig. Darüber hinaus soll ein anderes Basisformat verwendet werden, wenn der Artikel-Container mindestens zweispaltig und höher als 15 Zeilen ist.

Anwendung:

In dieser Vorlage ist am Autorbereich die Layout-Abbildung “LA_Autorbereich” hinterlegt. Wichtig ist hier zu beachten, dass hier bei der Variablen “Container:Hoehe” die Einheit “ze” verwendet werden muss.

 

Aufbau der Abbildung

Videolink:

 

CID auf dem Master:

CID="204-5029510", CID="204-5040290"

 

Schräges Bild + BU gruppiert

Bild_BU_schräg

Bild_BU_schräg

 

Art:

Schräges Bild

Beschreibung:

Das Bild und die Bildunterschrift sind gruppiert, sodass sie problemlos gedreht und verschoben werden können.

Anwendung:

Das gruppierte Bild und die BU können in Artikeln und auf Seiten platziert werden. Aber bei Erstellen eines Freisteller-Containers muss die BU nochmal neu platziert werden.

 

 

 

 

 

Basisformat Bild

Hier werden AutoBereiche verwendet, womit das Bild so aussieht wie alle anderen Bilder, um es dann später mit der BU zu gruppieren und drehen zu können.

Layoutregeln und Abstände:

Hier werden so gut wie keine LayoutRegeln definiert, da dieser Bereich dem Kreativ-Layout obliegt und hier generell gilt: Je kreativer die Seite, umso mehr “stören” die LayoutRegeln und Abstände.

 

 

Basisformat BU

Hier wird sämtliches Einspringen deaktiviert und die Position soll sich sowohl vertikal als auch horizontal unabhängig von den Abstandsregeln anderer Bereiche verhalten. Nur die Regel “Höhe gemäß Inhalt” bleibt. Da auch hier gilt: Je kreativer die Seite, umso mehr “stören” die LayoutRegeln und Abstände. Deshalb ist es in diesem Fall sinnvoll, für die BU die LayoutRegeln und Abstände wegzulassen. Entweder per Hand oder für solche Fälle ein eigenes Basisformat erstellen.

Ohne diese Regeln verspringt die BU nicht mehr.

 

Aufbau der Vorlage

Es wird ein Bild und eine BU benötigt, bei denen die LayoutRegeln und Abstände angepasst werden. Danach wird die BU am Bild ausgerichtet und beides gruppiert, sodass sie nun frei gedreht und verschoben werden können.

Videolink:

 

CID auf dem Master:

CID="204-5089684"

 

Bild mit BU unten am Artikelcontainer

Bild_BU_unten

Bild_BU_unten

Art:

Bildvorlage / Basisformat

Beschreibung:

Eine Bildvorlage

Anwendung:

Dadurch lässt sich ein Bild mit seiner BU automatisch untem am Artikel-Container platzieren, ohne, dass die BU außerhalb des Containers wandern kann. Funktioniert aber nur bei fester Höhe der BU.

 

Bild

LayoutRegeln

Allgemein:

  • Kein Einspringen Oben und Unten, damit die Abstände perfekt passen.

  • Position unabhängig von Abstandsregeln anderer Bereiche, damit das Bild nicht durch andere Abstandsregeln verschoben wird.

Vertikal Ausrichten:

Unten an den Container unten, mit passendem Abstand → Bild richtet sich richtig aus

LayoutAbstände

Gewünschten Abstand oben zum Text Einstellen.

 

BU

LayoutRegeln

Allgemein:

Nur Unten und Rechts/Links einspringen, damit sie genau auf der Zeile des Containers liegt.

“Horizontal Ausrichten”:

Bleibt Links und Rechts zum Bild mit 0 mm Abstand.

“Vertikal Ausrichten”:

Ausrichten zum Bild mit gewünchtem Abstand.

“Hoehe gemäß Inhalt”:

Wie gewohnt beibehalten.

LayoutAbstände

Gewünschte Abstände zum Text oben und unten setzten, um zu vermeiden, dass ungewollt Text unter die BU sich legt.

 

Freisteller-Container Workaround

Nach dem erzeugen eines Freisteller-Containers funktioniert die Ausrichtung an dem Artikel-Container nicht mehr. Deshalb müssen die LayoutRegel identisch zum Bild angepasst werden.

Videolink:

 

CID auf dem Master:

CID="204-5089710"

 

Verwandte Seiten

 

Nur für PEIQ-Mitarbeiter:

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