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».
Ab und an ist ein Dateianhang einfach zu gross, um ihn per Mail zu versenden. Die meisten Provider machen bei höchstens 10 Megabyte Schluss; viele greifen dann auf einen Filetransfer-Dienst wie etwa WeTransfer zurück, laden die Dateien dort hoch und verschicken bloss den Downloadlink. Das ist praktisch – was aber mit den Dateien bei diesen Diensten geschieht, ist recht unklar. Darum bauen wir heute den eigenen, ganz privaten Filetransferdienst, der das besser kann.
Heute bauen wir einen Bild-Slider, der ideal geeignet ist, um einen Vorher-Nachher-Effekt darzustellen. Mit HTML, CSS und JavaScript können wir einen Schieberegler erstellen, der es den BenutzerInnen ermöglicht, zwei Bilder zu vergleichen. Ein cooles Goodie für Ihre Website.
Standardmässig erlaubt WordPress nur begrenzte Dateigrössen für Uploads. Einerseits ist das sinnvoll, um die Performance der Website nicht zu beeinträchtigen – zu frosse Bilder können die Ladezeit drastisch erhöhen. Doch es gibt Situationen, in denen Sie grössere Dateien hochladen müssen. Sei es ein hochauflösendes Video, ein umfangreiches PDF oder eine andere Datei. Die Lösung ist ein Speicherplatz ausserhalb von WordPress.
Das Divi-Theme hat eine nette Funktion, mit der Sie CSS-IDs als Ankerlinks verwenden können. Bei einem Klick auf einen solchen Link, wird der User direkt zu dem Teil der Seite mit dieser Komponente weitergeleitet. In manchen Fällen kann es vorkommen, dass Ihre Seite zum Ankerlink scrollt, dann aber wieder an den Anfang der Seite springt, bevor sie schliesslich doch zur gewünschten Position auf der Seite zurückscrollt. Heute erfahren Sie, was Sie dagegen tun können.
Sobald sich ein User (mit etwas höheren Rechten) ins WordPress-Backend einloggt, erscheint bei einem Blick auf die Live-Website immer ein schwarzer Balken am oberen Bildrand. Der ist eigentlich ganz praktisch und enthält einige Tools. Optisch stört er aber häufig. Mit unserem heutigen Trick zeigen wir Ihnen, wie sich der schwarze Balken ganz einfach aus- und wieder einblenden lässt.
Im Divi-Video-Modul lassen sich Videos ganz einfach in der Website einbinden und abspielen. Allerdings hält das Modul den Film nur vor, startet ihn aber nicht. Das ist ab und an nicht gewünscht - das Video soll beim Laden der Website gleich starten. Das geht mit einem kleinen Script ganz praktisch.
Der TinyMCE-Texteditor des Divi-Themes liefert standardmässig einige mögliche Farben. Jedoch passen die meist nur mehr schlecht als recht zumn Design der Website, was die Farbpalette weitgehend unbrauchbar macht.. Heute fügen wir der Farbpalette des Divi-Text-Editors weitere Farben hinzu.
Den «Back-Button» in Ihrem Browser werden Sie kennen und ihn bestimmt auch rege nutzen. In diesem Artikel zeigen wir Ihnen, wie Sie eine Browser-Verlaufsschaltfläche in das Divi-Thema einfügen. Wenn Sie auf diesen Button klicken, gelangen Sie zu jener Seite, auf der Sie waren, bevor Sie die aktuelle Seite besucht haben.
Das Galerie-Modul des Divi-Themes lässt sich recht einfach mit einem «Load More»-Button ergänzen. Wie das funktioniert, zeigen wir Ihnen im heutigen Trick.
WordPress liefert ein Widget mit, um Beiträge in der Seitenleiste anzuzeigen. Wer jedoch das Divi-Theme benutzt und stattdessen die Projects auflisten lassen möchte, sucht vergebens. Die Projects lassen sich jedoch fast ebenso einfach auflisten, wie die WordPress-Beiträge. Wir zeigen Ihnen wie.
Ein Pre-Loader ist in der Regel eine einfache Animation, die angezeigt wird, wenn Ihre Website geladen wird. Er kann äusserst hilfreich sein, wenn eine Website komplex ist und ihre Ladezeit einige Sekunden beträgt. Um das Interesse Ihrer Besucher aufrechtzuerhalten und zu verhindern, dass sie durch das Warten frustriert werden, sollten Sie einen Pre-Loader erwägen. Wie Sie Ihre Divi-Website mit einem Pre-Loader versehen, zeigen wir in diesem Tutorial.
Heute – zum Anlass des 500. Beitrags aus der Praxis von Dr. Code – stellen wir ein Tutorial zur Verfügung, mit welchem sich ganz einfach eine Lesefortschrittsanzeige auf der Divi-Website erstellen lässt. Sie besteht aus einem Balken, der auf 100 Prozent anwächst, je weiter in einem Beitrag gescrollt wird. Das hilft Ihren Leserinnen und Lesern abzuschätzen, wieviel Content sie schon bewältigt haben und soll sie motivieren, weiter auf der Seite zu bleiben.
Keine Inhalte gefunden.
Werbung
