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
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 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…