Bricks Builder Einstellungen

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“ runterladen. Die Lizenz steht unter „Licences“ und muss nach der Installation in den Einstellungen eingegeben werden.

Systeminformationen

Nach dem Installieren sollten wir ein Blick in die Systeminformationen in den Bricks Einstellungen werfen. Hier finden wir Infos zum Bricks Builder, zu WordPress, zur Server Umgebung und zu den installierten Plugins.

Unter „Server Umgebung“ werden PHP Einstellungen gelistet und ggf. auf kritische Punkte hingewiesen.

Mein Beispiel zeigt eine Installation bei dem Hoster All-inkl.com. Hier wird mir angezeigt, dass das „PHP execution time limit“ ggf. zu niedrig ist. Das „PHP execution time limit“ legt die maximale Zeit in Sekunden fest, die ein Skript zum Ausführen auf dem Server hat. Die Standardeinstellung ist hierfür generell 30 Sekunden. Wenn dir WordPress / das System eine Meldung wie „Maximum execution time of 30 seconds exceeded / Maximale Ausführungszeit von 30 Sekunden überschritten“ angezeigt, kannst du diesen Wert in der Regel selbst ändern. Ich ändere den Wert generell nach der Installation von Bricks bei All-inkl.com auf die empfohlenen Zeit.

Über das kleine Fragezeichen-Symbol kommst du auf die Bricks Dokumentation mit Anleitungen dafür. https://academy.bricksbuilder.io/article/requirements/

Bei deiner WordPress Installation kannst du per Web-FTP oder mit einem FTP Programm die wp-config.php bearbeiten. Die folgenden Screenshots sind vom Web-FTP bei All-inkl.com.

„PHP execution time limit“ per wp-config.php erhöhen

Die wp-config.php liegt in deiner WP Installation auf der oberen Ebene. Zur Sicherheit kannst dir vorher ein Backup / eine Kopie der Datei anlegen.

Du kannst den Code unter diesem Kommentar einfügen /* Add any custom values between this line and the „stop editing“ line. */, siehe Screenshot.

set_time_limit(180);

Tab Allgemein

Beitragstypen

Welchen Inhalte wollen wir im Bricks Builder bearbeiten.

• Beiträge – Wir können Beiträge auch in Bricks erstellen. Es macht aber mehr Sinn ein Template für die Ausgabe von Beiträgen zu erstellen und den Beitrag selbst in WordPress zu schreiben.
• Seiten – aktiviert können wir über die Seiten in WordPress auf den Bricks Builder zugreifen.

Gutenberg-Daten

Wir können in Gutenberg erstellte Daten in den Bricks Builder laden und umgekehrt. Nur bei neuen Daten nach Aktivierung. In meinen Tests funktioniert dies nur mit Überschriften, Text Elementen und Bildern.

SVG-Uploads

Berechtigungen wer SVG Dateien ins System laden kann.

Verschiedenes

• Globalen Klassenmanager deaktivieren – deaktiviert den Klassenmanager im linken Builder Panel.
• CSS-Variablenmanager deaktivieren – deaktiviert den Variablenmanager im linken Builder Panel.

• Bricks Open Graph-Meta-Tags deaktivieren – mit dem Open Graph können wir u.a. Informationen an Social Media-Plattformen übermitteln. Die Einstellungen findest du im Bricks Builder in den Seiteneinstellungen der jeweiligen Seite. Deaktiviere dies, wenn du mit einem SEO Plugin arbeitest.
• Bricks SEO-Meta-Tags deaktivieren – die SEO Meta Infos kannst du m Bricks Builder in den Seiteneinstellungen der jeweiligen Seite bearbeiten. Deaktiviere dies, wenn du mit einem SEO Plugin arbeitest.
• Benutzerdefinierte Bildgrößen generieren – Bricks generiert 5 zusätzliche Bildgrößen. 
• Element-ID nach Bedarf hinzufügen – Bricks vergibt automatisch eine CSS ID für jedes Element. Dies wird hiermit deaktiviert.
• Deaktiviere „Links überspringen“ – dient der Barrierefreiheit. Der User gelangt schneller zum Content.
• Weiches Scrolling (CSS) – aktivert ein weiches Scrollen statt eines Sprunges zum Linkziel.
• „Bricks-Daten löschen“ Button aktivieren – aktiviert einen “Lösch-Button” in der Werkzeugleiste des Users.
• Abfrage von Bricks-Daten in Suchergebnissen – macht die Inhalte vom Bricks Builder in der Suche nutzbar.

Duplizierter Inhalt

Bezieht sich auf das Duplizieren von mit Bricks bearbeiteten Seiten in WordPress. Aktiviert, deaktiviert oder beschränkt die Funktion auf reine Bricks-Inhalte.

Formularübermittlungen

Ermöglicht das Speichern von Formulardaten im WordPress Backend.
Siehe auch den Artikel https://hgass-blog.de/bricks-builder-formular-element/

Abfragefilter

Fügt zusätzliche Filter-Elemente in den Bricks Bilder ein. Ermöglicht Echtheit-Sortieren, Filtern und Suchen von weiterer Inhalten. Siehe auch https://academy.bricksbuilder.io/article/query-filters/

Benutzerdefinierte Breakpoints

Ermöglicht das Anlegen von individuellen Breakpoints im Bricks Builder.

Konvertieren

Erkennt alle veralteten Bricks-Daten und aktualisiert sie automatisch auf die neueste Version.

Benutzerdefinierte Authentifizierungsseiten

Hier können wir individuelle Seiten zum Anmelden, Registrieren usw. zuweisen.

Passwortschutz

Hiermit können wir Templates erstellen, um Inhalte mit einem Passwort zu schützen. Nach der Aktivierung können wir unter “Templates” ein entsprechendes Templates erstellen. Die weiteren Einstellungen finden wir im Template im Bricks Builder unter “Template Einstellungen” “Bedingungen” und “Passwortschutz”.

Tab Builder Zugriff

Hier können wir einstallen, welche User-Rolle welchen Zugriff im Bricks Builder hat. Jeweils “Kein Zugriff”, “Inhalt bearbeiten” und “Voller Zugriff”.

Tab Templates

• Wir können aktivieren, dass Bricks automatisch Screenshots unserer Templates erstellt. 
• Standard-Templates deaktivieren – Bricks weißt die Templates nicht mehr automatisch der Website zu. Muss über den “Bedingungen” unter “Templates” eingestellt werden.
• Wir können den Zugriff auf unsere Templates steuern.
• Remote Templates – wir können aus anderen Quellen Templates importieren.
• Verschiedenes – alte Templates werden beim Importieren in die neue Struktur “Sektion → Container → Block” umgewandelt.

Tab Builder

Automatisch speichern 

Wir können ein automatischen Speichern im Bricks Builder deaktivieren.

Builder-Modus

Helle oder dunkle Oberfläche.

Sprache

Wir können die Sprache und Textausrichtung im Builder wählen.

Toolbar-Logo Link

Stellt einen Link für das “Gelbe Bricks-Logo” links oben im Builder ein.

Bedienpanel

• Automatisches Erweitern deaktivieren (Text-Editor, Code) – verhindert das sich die Editor-Fenster bei entsprechenden Elementen erweitern.
• Globale Klassen deaktivieren (Interface) – deaktiviert die Eingabe von globalen Klassen im Builder.
• Variablen-Dropdown: Wert ausblenden – Variablen werden beim Anklicken nicht mehr angezeigt. Siehe Bild…
• Code-Kontrolle: Vim (Toggle) – VIM ist ein Tastatur-basierter Texteditor, der das Schreiben von Code verbessern kann. Wird beim Code-Fenster angezeigt.

• Element Breadcrumbs – zeigt im linken Panel im Builder an in welcher Tiefe der Element-Strukur wir uns befinden.

• Responsiver Control Indikator – zeigt den “gelben Punkt der Eingaben” in den entsprechenden Optionen an.

Canvas

• Elementabstände (margin/padding) deaktivieren – die Möglichkeit Margin und Padding im Canvas selbst einzustellen wird deaktiviert.

• Auto-Scroll Element in Ansicht – wenn wir in der Struktur auf ein Element klicken, scrollen wir zu diesem. Das Verhalten kann eigestellt werden.

Struktur-Panel

• Duplizieren – Einblenden der Optionen der Elemente im Struktur-Panel
• Löschen – Einblenden der Optionen der Elemente im Struktur-Panel
• Beim Laden der Seite einklappen – die Struktur öffnet / schließt.
• Aktives Element aufklappen und in die Ansicht scrollen – auf Klick zum Element scrollen.

Element Aktionen

• Element wrappen – wie wird ein Element ummantelt – Block, Div oder Container.
• Element einfügen – Block, Div oder Container.
• Layout einfügen – Block, Div oder Container.

WP REST API Rendering deaktivieren

Es wird Ajax statt WP REST API Rendering genutzt.

WP polyfill

Polyfill.js ist eine JavaScript-Bibliothek, die Unterschiede zwischen älteren und neueren Browsern ausgleicht.

Abfrageschleife

Anzahl der angezeigten Elementen im Builder Canvas bei z.B. einem Blog mit vielen Beiträgen. 

Dynamische Daten

Zeigt eine Vorschau der vorhandenen dynamischen Daten im Canvas.

Globale Datensynchronisation

Synchronisiert über mehrere Builder Instanzen / geöffneten Tabs die globalen Klassen. Wenn wir mit mehreren Personen oder auch geöffneten Fenstern an der gleichen Website arbeiten 

Tab Performance

Diese Einstellungen haben Einfluss auf die Geschwindigkeit der Website. Wir können verschiedene Funktionen deaktivieren:

• Emoticons deaktivieren – selbsterklärend
• Embed deaktivieren – selbsterklärend
• Google Fonts deaktivieren – muss deaktiviert sein, wenn wir eigene Google Fonts in das System laden.
• Lazy Load deaktivieren – ist eine Funktion, die Bilder erst bei Bedarf lädt. Z.B. Bilder die außerhalb der Sicht, aber auf der Seite sind werden erst beim Erscheinen geladen. Ein Abstand kann eigestellt werden.
• Deaktiviere jQuery migrate – sorgt für die Abwärtskompatibilität bei älterem jQuery-Code.
• Abfrageschleifen cachen – speichert Abfrageschleifen zwischen.
• Klassenverkettung deaktivieren – globale Klassen werden ohne die Elementklasse ausgegeben, wie: .my-global-class statt .my-global-class.brxe-heading.

• CSS-Lademethode – Inline oder als externe Datei. Inline Stile werden bei jeder Seite neu mit geladen. Externe Daten werden bei Bedarf geladen und können zwischengespeichert werden.

Kaskadenschicht (experimentell)

Alle Standard CSS Stile werden gestaffelt geschrieben, um zu verhindern, dass benutzerdefinierte Stile überschrieben werden. Bitte nur zum Testen verwenden. Mehr dazu https://academy.bricksbuilder.io/article/cascade-layer/

Tab Wartungsmodus

Hier können wir einen Wartungsmodus / Coming Soon Screen aktivieren. Wartungsmodus ist nicht indexierbar, Coming Soon ist indexierbar.

Tab API-Schlüssel

Hier können wir verschiedene Dienste mit Bricks per API verknüpfen. Z.B. Google Maps, Google reCaptcha, Newsletter Mailer usw.

Tab Benutzerdefinierter Code

Für den im Builder eingegebenen benutzerdefinierten Code müssen wir die Codeausführung freigeben. 

• Wir können von hier aus alle Code-Schnipsel im Builder überprüfen lassen.
• Wir können die Userrollen bestimmen und 
• wir können Code-Signaturen neu generieren (die wir im Builder erstellt haben.).

Der im Builder eingegebene Code gilt nur für einzelne Seiten. In den unteren Eingabefeldern können wir benutzerdefinierten Code für die gesamte Website eingeben.