Übersicht der Block-Elemente
block-box
| Schortcode | block-box |
| Parameter | |
width |
gibt die Breite der Box an |
| default | 100% Breite |
| 75 | 75% Breite |
| 50 | 50% Breite |
| 30 | 33,333% Breite |
| 25 | 25% Breite |
type="bg" |
fügt ein Background Image des Content Elements hinzu |
src="pfad_zu_der_datei" |
das einzufügende Bild Element > Media Einfügen > Bild aufrufen > url: link
default: wenn keine Referenz auf das Bild existiert, dann wir ein transparenter dunkler Hintergrund angezeigt |
class="center" |
Zentriert den Text in der Box. optionen: center, left |
hight="200" |
Höhe der box in px angeben, es reicht nur die Zahl |
type="bg" |
fügt ein Background Image des Content Elements hinzu |
dist="true" |
fügt einen Abstand zwischen die Boxen; optionen: false, true (default=false) |
url="http://linkto_page" |
verlinkt die Box gesamt |
cta-button
| Shortcode | cta-button |
| Parameter | |
url="link_to_page" |
Url der Seite die geöffnet werden soll |
align="left" |
Postitioniert den Button links; Optionen: center, left, right |
target="blank" |
blank öffnet eine neue Seite / Tab; default: kein target |
class="myClassTest" |
das Design des Buttons kann über eine eigene classe definiert werden. Dazu im Editor modus eine neue classe erstellen und dem button zuweisen, sieht Beispiel unten. css: a.myClassTest{xxx}. Sollte die classe nicht reagieren, dann folgende schreibweise probieren:.cta a.myClassTest{}; .cta a:hover.myClassTest{} (das .cta ist das Elternelement das angesprochen werden muss)
|
Bsp: A) Boxen je 50% block-box width="50"
Damit Ihr indess erkennt
sagt er, verschmähe, oder hasse, oder fliehe die Lust als solche, sondern weil grosse Schmerzen ihr folgen, wenn man nicht mit Vernunft ihr nachzugehen verstehe. Ebenso werde der Schmerz als solcher von Niemand geliebt, gesucht und verlangt, sondern w.
But I must explain
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren
Bsp: B) Boxen je 50% block-box width="50" type="bg" src="pfad_zur_Datei"
Normale Elemente mit CTA Button
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren
Box mit BG, CTA Button und zentriertem Text
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Bsp: C) 100% Breite
Box mit BG, CTA Button und zentriertem Text
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Neue Eigenschaften url, dist, align
Content Provider Left
Erreichen Sie maximale Reichweiten für Ihren Content
Bsp: D) 30% Breite
Box mit BG, CTA Button und zentriertem Text
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Überschrift
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Box mit CTA Button und zentriertem Text
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
