Ab Version 1.6 finden sich die Animationen im Bereich „Interaktionen“. Interaktionen Wir wählen unser gewünschtes Element aus, hier eine Überschrift und klicken auf „Interaktionen“ und „Hinzufügen“. Auslöser Als erstes müssen…

Seit der Version 1.6 gibt uns der Bricks Builder die Möglichkeit Popups zu erstellen. Dafür gehen wir ins Backend unter Bricks und erstellen ein Template vom Typ „Popup“.  Veröffentlichen und…

Bricks bietet uns ab 1.5.4 das Setzen von Element Conditions / Elementbedingungen. Mit diesen Bedingungen können wir die Sichtbarkeit steuern. Grundsätzliches Diese Bedingungen werden serverseitig verarbeitet und nicht angezeigte Elemente…

Ein Link Button mit HTML erstellen Einfach und ohne zusätzlichem CSS können wir einen Button mit HTML bauen. Wir fügen ein div ein und ändern div auf das HTML Tag…

Ein Header mit einer oberen Info-Zeile soll bei Sticky nur die Zeile mit der Navigation anzeigen… Das lässt sich gut mit etwas CSS umsetzen. Aufbau Header Ich erstelle den zweizeiligen…

Hier stelle ich die Grundeinstellungen im Bricks Builder vor. Der Bricks Builder wird als Theme und nicht als Plugin installiert. Den Builder kannst du in deinem Bricks Account unter “Downloads”…

Der Bricks Builder 1.5 hat im Gegensatz zur Version 1.4 zum Layouten nicht nur das “Container” Element, sondern zusätzlich noch ein “Block”, “Sektion” und “Div”. Seitenaufbau Beim Aufbau einer Website…

Im Bricks Builder können wir globale CSS Klassen erstellen und zuweisen. Dieses bietet sich bei wiederkehrenden Bereichen und Elementen an. Haben wir zum Beispiel mehrere Heros auf verschiedenen Seiten, können…

Im Bricks Builder können wir globale Designstile erstellen. Wir wählen eine Seite aus und  starten den Bricks Builder. Ich nutze hier die Bricks 1.5 Beta, da sie recht bald veröffentlicht…

Hover-Effekte für Elemente in Bricks Wir können im Bricks Builder den Hover Effekt nicht im Element selber definieren, für die Hover Zustände gibt es einen eigenen Tab. Im Beispiel habe…

Ein einfacher Header mit einem Logo, einer Navigation und einem Button. Für den Bricks Builder an 1.4 Ein Header Template anlegen Wir gehen im WordPress Backend auf “Bricks” und “Templates”…

Google Webfonts lokal Der Bricks Builder gibt die Möglichkeit eigene Schriftarten in das System zu laden. Mit den entsprechenden Datei lassen sich auch Google Webfonts in Bricks als lokale Schriften…