Elementor

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 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 eurem Feldnamen aus ACF ausgetauscht. In meinem Fall einfach Telefon

Jetzt lesen

Aktuelle Beiträge

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…

Blocksy, Blog/News, Code Snippets, Elementor

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…

Blog/News, Code Snippets, Elementor, Wordpress

Elementor – 3 Punkte (…) in Archive Layout nach Excerpt

Mich stört etwas, das bei dem Elementor Karten Layout der Text einfach so abgeschnitten wird nach der eingestellten Wort Anzahl. Zum Glück kann man dies relativ einfach mit CSS Lösen:

Blog/News, Elementor, Wordpress

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

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…

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 – 3 Punkte (…) in Archive Layout nach Excerpt

Mich stört etwas, das bei dem Elementor Karten Layout der Text einfach so abgeschnitten wird nach der eingestellten Wort Anzahl. Zum Glück kann man dies relativ einfach mit CSS Lösen:

Mich stört etwas, das bei dem Elementor Karten Layout der…

Elementor – Text vor Hamburger Menü Toggle

Ich möchte gerne vor dem Mobilen Hamburger-Menü Icon einen Text einbauen. Warum? Natürlich zwecks Usability. Das kann man mit relativ einfachen Code erstellen: Achtung! “right: 60px” muss eventuell angepasst werden,…

Ich möchte gerne vor dem Mobilen Hamburger-Menü Icon einen Text…

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…

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 Website beschleunigen Teil 2: Performance-Tipps die nicht jeder kennt

In Teil eins der Artikelserie habe ich euch bereits gezeigt, wie ihr euren WordPress Blog oder eure WordPress Website mit einfachen Mittel beschleunigen könnt. Dabei ging es vor allem um…

In Teil eins der Artikelserie habe ich euch bereits gezeigt,…

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 Website beschleunigen Teil 1: Grundlagen

WordPress ist mittlerweile ein sehr umfangreiches Content Management System geworden, manche meinen sogar, es wäre inzwischen ein wenig zu groß. Denn Größe und Umfang sind nicht immer nur von Vorteil,…

WordPress ist mittlerweile ein sehr umfangreiches Content Management System geworden,…

elementor

Elementor Pro: Aktuelles Datum anzeigen

Oftmals wird im Footer das Datum angezeigt, z. B.: © 2020 deineWebseite.com Um das nicht jedes neue Jahr per Hand zu ändern, gibt es in der Elementor Pro Version eine…

Oftmals wird im Footer das Datum angezeigt, z. B.: ©…

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…

Sticky Header mit Elementor

Einen Sticky Header Effekt mit Elementor zu erstellen ist relativ einfach. Dazu benötigt man kein extra Plugin. Mit etwas CSS oder copy&paste bekommen wir diesen Effekt.

Einen Sticky Header Effekt mit Elementor zu erstellen ist relativ…

Text mit Hintergrundbild in Elementor

Hier möchte ich euch zeigen, wie ihr mit ein wenig CSS in Elementor, einen schönen Hintergrundbild Effekt auf euren Text bekommt. Alles, was ihr dazu benötigt ist, ein Hintergrundbild und…

Hier möchte ich euch zeigen, wie ihr mit ein wenig…

Elementor Custom Shapes – Dreieck, Kreis, Rechteck

Hier einige Beispiele wie man mit Elementor Custom Shapes machen kann. Diese könnt ihr auch mit der Funktion “Individuelle Positionierung” auf Absolut setzen um eure Design aufzufrischen. Diese Spielerein werden…

Hier einige Beispiele wie man mit Elementor Custom Shapes machen…

In Elementor die Email Adresse verschlüsseln

Viele von euch nutzen sicher das klasse Plugin von Till Krüss. Damit ist es möglich mit einem klick alle E-Mail-Adressen auf seiner Webseite zu verschlüsseln/encoden. https://de.wordpress.org/plugins/email-address-encoder/ Damit wird aus “meinemail@gmx.at”…

Viele von euch nutzen sicher das klasse Plugin von Till…

Elementor Custom Archive Template

Ein Custom Archive Template in Elementor anlegen ist zur Zeit noch nicht möglich. Wenn man zb. die Meta Tags vor dem Titel Element haben möchte. Dafür gibt es aber eine…

Ein Custom Archive Template in Elementor anlegen ist zur Zeit…