Code Snippets

Egal, ob du neu startest oder bereits tief im Thema bist, hier findest du prägnante Tipps, Anleitungen und Insights, um deine WordPress-Seite zu optimieren. Entdecke die besten Plugins, Design-Tipps und Sicherheitsstrategien, die deine Web-Präsenz voranbringen.

Um die Buttons des Bricksbuilder Nestes Sliders unten mittig zu zentrieren, benötigt es eine kleine Anpassung. Da ich dies Einstellungen öfters gefragt werde, hier die Screenshots. Meine Icons sind 30px breit Danach positionieren wir die Buttons darunter (110% von oben),…

Jetzt lesen

Aktuelle Beiträge

Bild aus einem ACF Feld in WooCommerce “order complete” Mail anhängen

um ein ein Bild aus einem ACF Feld in einer „Bestellung abgeschlossen“ E-Mail anzuhängen, kannst du dieses Snippet nutzen. “HIER-KOMMT-DEIN-ACF-FELD” auf den Namen deines ACF Feldes ausbessern. Danke an: purin.at

Blog/News, Code Snippets, WooCommerce

Bricks Akkordeon 2 spaltig

Um im “Bricks Page Builder” das Akkordeon (Nestbar) mit 2 Spalten anzuzeigen, benötigt es folgendes CSS Snippet: Dies trägt ihr direkt beim Element ein Danach das ganze noch für die…

bricks akkoredeon

Blog/News, Bricks, Code Snippets

Rechnungsnummer in der Bestellübersicht – Germanized

Ein Kunde möchte die Rechnungsnummer in der Admin Spalte sehen. Das klappt leider nicht von Haus aus mit WooCommerce Germanized* Plugin. Aber mit diesem kleinen Snippet ist das ohne Probleme…

rechnungsnummer (1)

Blog/News, Code Snippets, WooCommerce

Meist gelesen

Elementor – Google Fonts lokal einbinden

Wer den Elementor Page Builder nutzt, kann die Google Fonts relativ einfach selber lokal einbinden. Wie das funktioniert erfährt ihr hier:

Alle Beiträge

Bricks Nested Slider Navigations Buttons unten mittig

Um die Buttons des Bricksbuilder Nestes Sliders unten mittig zu zentrieren, benötigt es eine kleine Anpassung. Da ich dies Einstellungen öfters gefragt werde, hier die Screenshots. Meine Icons sind 30px…

Um die Buttons des Bricksbuilder Nestes Sliders unten mittig zu…

Bild aus einem ACF Feld in WooCommerce “order complete” Mail anhängen

um ein ein Bild aus einem ACF Feld in einer „Bestellung abgeschlossen“ E-Mail anzuhängen, kannst du dieses Snippet nutzen. “HIER-KOMMT-DEIN-ACF-FELD” auf den Namen deines ACF Feldes ausbessern. Danke an: purin.at

um ein ein Bild aus einem ACF Feld in einer…

Bricks Akkordeon 2 spaltig

Um im “Bricks Page Builder” das Akkordeon (Nestbar) mit 2 Spalten anzuzeigen, benötigt es folgendes CSS Snippet: Dies trägt ihr direkt beim Element ein Danach das ganze noch für die…

Um im “Bricks Page Builder” das Akkordeon (Nestbar) mit 2…

bricks akkoredeon

Rechnungsnummer in der Bestellübersicht – Germanized

Ein Kunde möchte die Rechnungsnummer in der Admin Spalte sehen. Das klappt leider nicht von Haus aus mit WooCommerce Germanized* Plugin. Aber mit diesem kleinen Snippet ist das ohne Probleme…

Ein Kunde möchte die Rechnungsnummer in der Admin Spalte sehen.…

rechnungsnummer (1)

Blocksy einfaches SubMenü mit 2 Spalten

Wenn eure Sub-Menüpunkte in eurem Blocksy Theme* zu lang sind, und ihr diese in 2 Spalten angeordnet haben möchtet, hab ich hier einen einfachen CSS Code. Schritt 1 Zuerst gebt…

Wenn eure Sub-Menüpunkte in eurem Blocksy Theme* zu lang sind,…

WooCommerce Kategorie Beschreibung unter Produkte

Ich möchte die WooCommerce Kategoriebeschreibung vom Blocksy Theme* unter die Produktauflistung verschieben. Warum das Sinnvoll ist, könnt Ihr hier nachlesen:https://www.awantego.com/kategorietexte-fuer-shops-pflicht-oder-nice-to-have/ Das funktioniert mit folgenden Schnipsel: Zuerst die Kategorie Beschreibung in…

Ich möchte die WooCommerce Kategoriebeschreibung vom Blocksy Theme* unter die…

ACF Feld “Telefon” in Elementor verlinken

Um ein ACF Telefon Feld (Advanced Custom Field) richtig zu verlinken, benötigt es vor der Telefonnummer ein “tel:” Verweis. Dies kann man mit diesem Snippet bewerkstelligen: ACHTUNG: ###ACFFELD## wird mit…

Um ein ACF Telefon Feld (Advanced Custom Field) richtig zu…

Elementor “Smooth Scroll” deaktivieren für Blocksy

Wenn du das Blocksy Theme mit Elementor nutzt, und du im Menü “Anker” links verwendest, kommt es zu einem seltsamen Verhalten. Die Seite scrollt runter und springt (Firefox), oder das…

Wenn du das Blocksy Theme mit Elementor nutzt, und du…

WooCommerce Text vor Produkt Anzahl

Mit diesen Snippet könnt ihr vor eure Produkt Anzahl einen Text einbauen

Mit diesen Snippet könnt ihr vor eure Produkt Anzahl einen…

WooCommerce Text nach Preis

Da ich für einen Kunden Gutscheine Verkaufe, hab ich eine Möglichkeit gesucht, nach dem Preis individuell einen Text einzubauen. Das ist mit diesem Snippet möglich

Da ich für einen Kunden Gutscheine Verkaufe, hab ich eine…

Bilder-Box Element, Bild unter den Titel

Bei der “Bilder Box” ist es leider nicht direkt möglich, den Titel unter dem Bild anzuzeigen. Das wäre aber sehr praktisch, weil man sich damit wieder ein paar Spalten sparen…

Bei der “Bilder Box” ist es leider nicht direkt möglich,…

Elementor Snippets

Hier eine kleine Übersicht über Code Snippets die euch das Arbeiten mit Elementor erleichtern. Zum Einfügen der Codes am besten das Plugin “Code Snippets” benutzen: Google Fonts deaktivieren Font Awesome…

Hier eine kleine Übersicht über Code Snippets die euch das…

WooCommerce Archivseiten mit unterschiedliche Spaltenanzahl bei Unterkategorien

Ich habe in einem Shop Kategorie Archiv Seiten mit Unterkategorien. Wenn ich jetzt auswähle, das mir auf den Kategorie-Seiten auch die Unterkategorien angezeigt werden soll, ist es leider nicht möglich…

Ich habe in einem Shop Kategorie Archiv Seiten mit Unterkategorien.…

Elementor Flip Box Gechwindigkeit ändern

Mit der Elementor “Flip-Box” lassen sich einige interessante Effekte erstellen. Leider ist die Effekt-Geschwindigkeit nicht einstellbar. Zum Glück gibt es die Custom-CSS Funktion in Elementor.

Mit der Elementor “Flip-Box” lassen sich einige interessante Effekte erstellen.…

Elementor: Daten an ein Formular übergeben

Da ein Kunde von mir sehr viele Artikel hat, und diese nur per Anfrage verschickt, wollte er wissen, wie man in Elementor einen “Anfrage” Button erstellt, der den Titel der…

Da ein Kunde von mir sehr viele Artikel hat, und…

Elementor – Google Fonts lokal einbinden

Wer den Elementor Page Builder nutzt, kann die Google Fonts relativ einfach selber lokal einbinden. Wie das funktioniert erfährt ihr hier:

Wer den Elementor Page Builder nutzt, kann die Google Fonts…

Elementor “Hamburger-Menü-Icon” tauschen

Wenn ihr euer “Hambuger-Menü-Icon” in Elementor tauschen möchtet, geht das ziemlich einfach mit ein paar Zeilen CSS Code.

Wenn ihr euer “Hambuger-Menü-Icon” in Elementor tauschen möchtet, geht das…

Advanced Custom Fields – Komma für Tausendernummer einfügen

Um bei ACF Feldern das “Tausender” Zeichen auszugeben, benötigt man nur einen Code in der functions.php.

Um bei ACF Feldern das “Tausender” Zeichen auszugeben, benötigt man…

Gutenberg Editor deaktivieren mit 1 Zeile Code

Viele nutzen das Plugin um den Gutenberg Editor zu deaktivieren. Das geht aber auch einfacher mit nur einer Zeile Code:

Viele nutzen das Plugin um den Gutenberg Editor zu deaktivieren.…

Herr Gutenberg

8 Geniale Snippets für eure wp-config.php

Wer WordPress installiert, vergisst oft, dass es da noch die wp-config.php gibt. Eine kleine, fast schon unscheinbare Datei, die zum einen ein paar grundlegende Einstellungen vornimmt, zum anderen aber auch…

Wer WordPress installiert, vergisst oft, dass es da noch die…

config