WordPress und Divi Tricks
Anleitungen um die ausgefallensten Wünsche in WordPress und DIVI zu realisieren
WordPress Umzug von Lokal zum Server manuell
Hier gibt es eine Anleitung, um WordPress auf dem lokalen Server einzurichten, und später ohne Plugin auf den Server umzuziehen.
mehr lesen…
WordPress/DIVI Bilder nur in einer Größe uploaden ohne Plugin
Klicke hier, um eine php-Datei heunterzuladen. Nach dem Entzippen den Inhalt der Datei in die functions.php des Child-Themes einfügen.
Im Dashbord hat man dann unter „Einstellungen“ einen neuen Punkt „Divi Image Sizes“. Hier gibt es eine Checkbox. Wenn man hier einen Haken setzt, wird nur noch die original Bildgröße hochgeladen. Sehr übersichtlich.
WordPress/DIVI Bilder nur in einer Größe uploaden mit Plugin
WordPress daran hindern, Bildgrößen zu generieren.
Die verschiedenen Bildgrößen werden während des Hochladevorgangs erzeugt und gespeichert. Dies wird Ihre Besucher nicht beeinträchtigen oder Ihre WordPress-Website verlangsamen, aber es erfordert etwas mehr Speicherplatz, und reduziert die Übersichtlichkeit.
Wie man WordPress daran hindert, mit einem Plugin Bildgrößen zu generieren
Diese Methode ist für diejenigen gedacht, die lieber ein Plugin verwenden. Zuerst müssen Sie das ThumbPress Plugin installieren und aktivieren.
Manueller Serverumzug von WordPress-Sites
Ein manueller Umzug von einem Server zum anderen ist besonders bei großen Websites sinnvoll und geht ohne Plugin vonstatten.
mehr lesen…
Umzug Website mit Plugin
Der Umzug einer Website geht sehr einfach mit dem Plugin „All in one Migration“. Allerdings sind hier maximal 64MB möglich. Mit dem Erweiterungsplugin „all-in-one-wp-migration-file-extension“ lässt es sich auf 512MB erweitern. Wer noch mehr braucht muss in einer PHP Datei „constants.php“ Veränderungen vornehmen.
Auf keinen Fall updaten!!!!
Customizig WordPress Admin
Anleitung zum aufhübschen der WordPress-Einlogseite
mehr lesen…
Download Austauschdateien (Stand: Mai 2023), unbedingt überprüfen, da durch Updates etc. sich die Zeilen ändern können.
Revisionen
Obwohl diese Funktion sehr nützlich sein kann, wirkt sie sich leider negativ auf die Performance deiner Website aus. Stell dir vor du hast 200 Beiträge auf deiner Website und jeder dieser Beiträge hat 10 Revisionen, dann hast du 2000 (unnötige) Einträge dieser Revisionen in deiner Datenbank. Dies kann also deine Datenbank sehr aufblähen und dadurch verlangsamen. Daher sollte man, vor allem wenn die Website schon eine Weile besteht und es noch nie gemacht wurde, die Revisionen aufräumen bzw. löschen.
mehr lesen…
Reihenfolge von Modulen auf Mobilgeräten
Auf Mobilgeräten werden die Inhalte von Zeilen immer von links nach rechts untereinander angezeigt. Das ist nicht immer schön. Hier eine Anleitung wie man die Reihenfolge verändern kann.
mehr lesen…
Montezuma (Masonry) Galerie
Die Standard-Galerie von DIVI ist nicht besonders schön, besser sieht eine Masonry-Galerie aus. Eine Anleitung, wie man sie ohne Plugin gestaltet, findes Du hier.
mehr lesen…
Mobile Menu Spezial
Das Mobile Menu im Divi-Menu-Modul lässt sich nur wenig gestalten, hier wird es besser…
mehr lesen…
Full Width Slider
Hier ist ein kleines Script, das dafür sorgt, dass die Slide-Show nach einem Durchlauf stoppt. Darauf achten, dass der Slider mit der richtigen Klasse benannt wird. In diesem Beispiel „wpc-slider“.
Download…
Cursor (Mauszeiger) gestalten
Manchmal kann es ganz hübsch aussehen, wenn der Mauszeiger nicht einfach nur der Zeiger oder der Finger ist. Hier gibt es eine Anleitung.
Link…
Große Bilder
Seit WP 6.0 rechnet WP hochgeladene Bilder von alleine auf maximal 2560 Pixel Breit. Will man das abschalten,kann man etwas Code in die functions.php einfügen.
Rechnende HTML-Tabellen
Von Chat-GPT erstellte rechnende HTML-Tabellen, die man z.B. in ein Code-Modul einfügen kann.
Namen der Bilder bei Hover nicht anzeigen…
Hier gibt es ein kleines Script, welches verhindert, dass die Bildnamen beim Hovern angezeigt werden.
Relative Pfade
Es kann sinnvoll sein, um die Seite zu beschleunigen, relative Pfade zu benutzen. Um nicht jedes Bild einzeln einfügen zu müssen, kann man ein wenig Code in die fubktions.php des Child-Themes eingeben.
Divi Child Theme
Es ist sinnvoll bei Divi mit einem Child-Theme zu arbeiten
Hier gibt es ein Child-Theme zum Download und ein paar Tipps
Clamp-Code-Generator
Der Clou von clamp() sind dynamische Schriftgrößen, die sich zwischen der Schriftgröße für kleine Monitore bis zur Schriftgröße für einen großen Viewport dynamisch und ohne Breakpoints anpassen.
Hier findes Du einen interaktiven Code-Generator
Under Construction
Wenn einem die langweiligen „under Construction“ vogefertigten Seiten nicht gefallen, ver such mal dieses.
Alle Bilder und andere Dateien aus der Media Library exportieren
Dieses Plugin ermöglicht es alle Bilder und andere Medien mit einem Klick zu exportieren
Zweispaltigkeit erhalten
Bei kleineren Breakpoints z. B. auf dem Smartphone werden aus zweispaltigen Seiten einspaltige. Hier findet man eine Anleitung, um dieses zu vermeiden. Musterseite
You Tube Video dazu
Ankerpunkt festlegen
Oft verschwindet ein Modul, wenn man es mit einem Anker ansteuert unter dem Topmenu, oder stoppt an einer nicht gewünschten Position. Um das zu vermeiden, setzt man z.B. über einen Text im Textmodul einen „blinden“ Container.
Freie Spaltenbreite
Oft hat man den Wunsch die Spaltenbreite frei wählen zu können. Mit einer Zeile CSS im Modulbereich „Erweitert“ ist das ganz einfach möglich. Musterseite.
Hamburger Menu auf Desktop
Wenn man möchte, dass auf allen Seiten das Hamburger-Menu gezeigt wird. Auch mit dem Wort „Menu“ vor den drei Streifen.
Mehr lesen/weniger lesen
Ändert die Beschriftung im geöffneten Zustand des Umschalters. Anleitung bei Elegantthemes.
Objekt, Bild oder Link, bei „hover oder klick“ Ton abspielen.
Kleines Script, um beim Hovern oder Klicken einen Ton abzuspielen.
Ganzes Menu mit Soundeffekt
Mustermenus zum Download
Hier gibt es ein paar Mustermenus zum Ansehen und herunterladen.
Theme-Customizer optimieren
Ein paar Anregungen, um den Theme Customizer sinnvoll zu benutzen.css-Datei zum Runterladen, um im Theme-Customizer einzufügen, damit die Typo in allen Modulen einheitlich ist.
Download DIVI Plugins
auf dieser Seite sind verschiedene DIVI Plugins zum herunterladen.
DIVI Popups ohne Plugin
Es geht auch ganz ohne Plugin. Das hat durchaus viele Vorteile, unter andrem, dass die Seite schneller läuft, und man spart sich eben ein weiteres Plugin.
Einmalig öffnende Popups
z.B. um Ferienzeiten oder Sonderaktionen anzukündigen.
Das DIVI Popup-Plugin muss installiert sein.
Mehrsprachige Websites
mit dem Plugin Polylang
Module mit eigenen Presets
Eigene Presets z.B von einem Modul in ein neues Projekt übertragen.
Imageswap
Von Divi gibt es kein Image-Swap-Modul. Es gibt nur die Möglichkeit im Bildmodul das Bild durch hovern zu wechsel, aber nicht Bildwechsel in einem Modul wenn man über mehrere andere hovert.
Informationstext
Benutzt man das DIVI-Informationstextmodul mit Icon und Text, steht das Icon nicht richtig zentriert vor dem Text. Mit etwas CSS ist dieses Problem zu lösen.
Verschiedene Codesnippets, um die functions.php und die htacces zu frisieren
Es sollen keine Verknüpfungen zu Videohostern beim Öffnen der Seite geladen werden. Fonts werden erst nach dem Öffnen der Seite geladen. Über die htacces wird Gzip aktiviert.
Der perfekte Videoplayer
Der fv-flowplayer ist ein sehr gut zu stylender Videoplayer. Man kann den Shortcode problemlos in das DIVI-Codemodul einsetzen.
Die Problematik mit den Google-Fonts
Die Verwendung von Google Schriftarten kollidiert in der EU mit der DGSVO, deshalb sollte man diese bei Verwendung lokal hosten, also nicht über den Google-Server.
Google-Fonts lokal hochladen
Hier eine Anleitung, wie man Google-Fonts lokal über das DIVI-Text-Modul hochladen und über dieses auch verwenden kann ohne die @font-face funktion.
Tabelle mit Suchfunktion
Einzelne Buchstaben oder Wörter gestalten
Einfache Anleitung zum gestalten einzelner Buchstaben oder Wörter.
Animierte Schrift
Senkrechtes Menu im Footer ohne Plugin
svg-Dateien wie Bilder als Logo verwenden
Zipdateien erst auf dem Server entpacken
Du möchtest eine Zip-Datei mit Filezilla auf den Server hochladen und diese erst dort entpacken, weil das viel schneller geht?
Module vertikal ausrichten
Beliebige Module als Lightbox öffnen
Im Bildmodul ist die Lightbox standardmäßig enthalten. Wenn man aber einen Button oder auch ein Bild mit einer Lightbox verknüpfen oder öffnen möchte gibt es hier eine prime anleitung.
Menu, das beim Scrollen verschwindet
Ein sehr moderner, schöner Effekt. Wenn man auf der Seite nach unten scrollt verschwindet das Menu. Beim nach oben scrollen wird es dann wieder eingeblendet.
so geht´s ist hier etwas umständlich erklärt, geh auf die Musterseite dort ist eine einfache Anleitung
