Scripts
Hier sind Scripts (PHP, JavaScripts, jQuery usw.) erklärt. Viele der vorgestellten Snippets funktionieren auch ausserhalb von WordPress.
Wir empfehlen Ihnen den Einsatz eines Child-Themes – damit sind Sie sicher, dass Ihre Anpassungen bei einem Theme-Update nicht überschrieben werden. Wie Sie ein Child-Theme erstellen, erfahren Sie im Beitrag «Ein Child-Theme anlegen – ein Must im Webdesign».
Mit dem Menü-Modul des Divi-Themes können Sie auch ganz einfach einen Farbwechsel des Navigationshintergrunds auslösen. Etwa nach einer bestimmten Scrollhöhe. Wie simpel das ist, zwigen wir Ihnen hier.
Wenn Sie den Standard-Header verwenden, der mit dem Divi-Theme installiert wird, kann es Ihnen ein Bedürfnis sein, diesen nicht von Beginn weg anzuzeigen. Den Seitenkopf zunächst (und bis zum Scrollen) zu verbergen, geht mit ein wenig Code.
Das Blog-Modul des Divi-Themes kommt standardmässig im Masonry-Look daher. Das bedeutet, dass die Höhe des Blog-Gitters je nach Teaserlänge stark variieren kann. Diese Höhenunterschiede lassen sich jedoch mit JavaScript und ein wenig CSS-Code ausgleichen.
Das Galeriemodul des Divi-Themes hat einige Einschränkungen. Der Titeltext und der Text der Bildunterschrift befinden sich standardmässig unterhalb des Bildes. Was aber, wenn Sie das ändern und den Text über/auf dem Bild platzieren möchten? Dafür gibt es im Modul keine Einstellungen. Hier erfahren Sie, wie Sie den Titel- und Bildunterschriftentext über dem Bild im Divi Gallery-Modul platzieren können. Das Verfahren ist sehr einfach.
Mit dem Plugin «Contact Form 7» lassen sich vielfältige Formulare erstellen. Doch wenn beim Ausfüllen was schief läuft und der Versand trotzdem versucht wird, sind die Formulare dieses Plugins nicht eben hilfreich. Sie verharren einfach auf der Fehlermeldung und überlassen die Fehlersuche den Usern. Mit einem kleinen Script springt das Formular aber sofort zum fehlerhaften Feld.
Wohin gehen die BesucherInnen, nachdem sie ein Kontaktformular auf Ihrer Website ausgefüllt haben? Wahrscheinlich ist es ein wenig umständlich. Warum leiten Sie BenutzerInnen nicht auf eine andere Seite weiter? Dies ist Ihre Chance, die Aufmerksamkeit der User auf etwas anderes zu lenken, das Sie verkaufen oder über das Sie informieren möchten. Geht ganz einfach: Mit einem Button.
Der Divi-Button lässt sich auch verwenden, um Module auf der Divi-Website per Klick anzuzeigen oder zu verbergen. Dasselbe funktioniert auch mit Zeilen oder ganzen Sektionen. Wie Sie dies einrichten und umsetzen, zeigen wir Ihnen hier.
Wenn die Wiedergabe eines Videos im Divi-Videomodul beendet ist, schlägt YouTube standardmässig verwandte Videos an. Diese sind dazu gedacht, Ihre User zu anderen Kanälen zu führen. Das wollen Sie aber vermutlich nicht. Darum: Hier die Lösung wie Sie Youtube die Videovorschläge austreiben.
Auf den ersten Blick könnte eine Extra-Browser-Back-Taste ein wenig unnötig erscheinen, zumal alle modernen Browser über eine Art Zurück-Schaltfläche verfügen. Nun: es gibt dennoch ab und an Anwendungsmöglichkeiten für die eigene Browser-Back-Taste. Wir zeigen Ihnen hier, wie Sie sowas einrichten.
Geben Sie Ihren HörerInnen einen Bonus und bieten Sie die Möglichkeit, Audios von Ihrer Website herunterzuladen. Mit dem Audio-Modul des Divi-Themes geht das ganz simpel: Sie fügen dem Modul einfach einen Download-Button hinzu.
Wenn Sie eine Divi-Website auf dem Handy betrachten und das Menü öffnen, es dann aber schliessen möchten, neigen Sie vielleicht dazu, auf den Bereich ausserhalb des Dropdowns zu klicken (oder ihn zu berühren) – in der Annahme, dass dies wie bei anderen Apps funktioniert. Aber nein, im Divi-Theme ist das von Haus aus nicht der Fall. Dafür benötigen Sie ein jQuery-Snippet, das genau das tut.
Heute zeigen wir Ihnen, wie Sie jede beliebige Section auf Ihrer Divi-Website in ein verstecktes Popup verwandeln können. Dieses wird wahlweise beim Laden der entsprechenden Seite direkt angezeigt - oder nach einem Klick auf eine Schaltfläche aktiviert. Dazu benötigen Sie keine Plugins - nur ein paar Zeilen CSS und etwas jQuery.
Keine Inhalte gefunden.
Werbung
