Ü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

Sunburst Over River 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


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. Unicorn Wallpaper