Divi-Theme
Das Divi-Theme ist das Flaggschiff des Herstellers Elegant Themes. Das kostenpflichtige Theme bietet eine unglaubliche Menge an Gestaltungsmöglichkeiten und ist im Netz sehr gut dokumentiert. Der Hersteller hält Divi sehr regelmässig mit Updates à jour.
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».
Das filterbare Portfolio-Modul des Divi-Themes beitet – neben allen anderen Filterbuttons – zusätzlich einen Button mit der Aufschrift «Alle», unter welchem sämtliche Posts angezeigt werden. Dieser «Alle»-Button lässt sich mit ein wenig CSS auch ausblenden.
Die Beitragsbilder, welche im Blog-Modul des Divi-Themes gezeigt werden, sind normalerweise mit dem Beitrag verlinkt. Ein Klick – und der Beitrag wird geöffnet. Falls Sie dies stört, können Sie den Link ganz einfach deaktivieren. Sie benötigen lediglich ein kurzes Stück CSS-Code.
Die Standard-Fusszeile des Divi-Themes bietet die Möglichkeit, SocialMedia-Icons zu platzieren. Schön und gut; doch die Gestaltungsmöglichkeiten dieser Icons sind eher dürftig. Mit ein wenig CSS-Code lassen sich die einschlägigen Symbole aber einfach aufpeppen – etwa aus der Footerzeile herausragen.
Weitere Informationen auf Ihren Seiten und in Ihren Beiträgen zu verlinken, ist bestimmt eine gute Idee. Richtig auffällig wird der Link aber erst dann, wenn Sie ihn als Button darstellen. Geht ganz einfach.
In unserer kleinen «Call-To-Action»-Reihe haben wir eine weitere Gestaltungsidee: Den diagonal abgeschrägten Button, der beim Hovern gerade Kanten erhält. Ist ganz einfach zu machen.
Teil 3 unseres «Call-To-Action»-Specials: Der Link, der zu einem Hover-Button mitsamt Icon wird. Augenfällig und gefällig.
Animierte Farbverläufe sind ein echter Eyecatcher - genau das soll der Handlungsaufruf ja auch sein. Wie Sie beim Hovern einen hübschen Farbeffekt hinzaubern, erfahren Sie heute.
Mit Filtern lässt sich im Webdesign so einiges anstellen. Nach der Anwendung des heutigen CSS-Effekts werden die Miniaturansichten Ihres Blogs, Portfolios oder Shops beim Hovern zu Schwarz-Weiss-Bildern.
Ein Hack, der vor allem bei hochformatigen Logos interessant sein kann und der einen Trick aus der Praxis von Dr. Code ergänzt: Das überlappende Logo, welches beim Scrollen automatisch schrumpft. Ganz einfach zu machen, mit ein wenig CSS-Code.
Das Menü-Modul des Divi-Themes lässt sich links oder zentriert ausrichten – jedoch nicht rechtsbündig darstellen. Wenigstens nicht mit den Layout-Einstellungen, welche innerhalb des Moduls möglich sind. Mit ein wenig CSS klappt's dann aber gleichwohl.
Kennen Sie das? Sie bearbeiten einen bestehenden Beitrag im Visual-Builder des Divi-Themes. Und jedes mal, wenn Sie den Cursor an eine neue Stelle setzen, poppt ein Styling-Menu auf. Das kann nerven. Aber man kann's auch deaktivieren.
Moderne Internet-Browser können viele verschiedene Dateiformate darstellen. Beispielsweise ist es möglich, PDFs oder Bilder im Browser zu öffnen – ohne vorherigen Download. Doch ebendieser Download lässt sich erzwingen und in vielen Fällen ist dies auch sinnvoll. Wir tun dies mit einem kleinen Script, das Sie bei Bedarf aktivieren können.
Keine Inhalte gefunden.
Werbung
