CSS-Stylesheet
Hier finden Sie zahlreiche Tricks, um Ihr Webprojekt mit CSS-Code auf Vordermann zu bringen.
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».
Immer wieder trifft man auf die Empfehlung, ein Child-Theme für die WordPress-Website anzulegen. Aus gutem Grund, freilich: Die Vorteile sind beachtlich. Wir erklären sie hier und zeigen, wie Sie ein Child-Theme erstellen.
Die «Call To Action»-Module (in der deutschen Version «Handlungsaufrufe» genannt) des Divi-Themes sind eine feine Sache, haben aber den Nachteil, dass deren Höhe von der eingegebenen Textlänge abhängig ist. Bisweilen sieht das nicht sehr hübsch aus; die Darstellung lässt sich aber verbessern.
Wie oft haben Sie beim Responsive-Webdesign schon dieselben Media-Queries neu geschrieben? Wie oft haben Sie dabei einen Tippfehler fabriziert? Ich für meinen Teil kann es kaum noch zählen. Irgendwann hab ich mir einen Bausatz zum copy/pasten angelegt.
Besonders auf Seiten - ab und an auch in Beiträgen - möchte man den Titel nicht auf der Website zeigen. Dazu gibt es mehrere Möglichkeiten. Solche die global wirken, aber auch solche die punktuell aktiv werden. Wir zeigen Ihnen die elegantesten Lösungen und erklären deren Vor- und Nachteile.
Je länger Sie am CSS-Stylesheet arbeiten, je besser und individueller Ihre Website ausschaut - eines Tages wird möglicherweise alles wieder auf die Standardwerte des Divi-Themes gesetzt sein. Und Sie werden nicht begreifen, was geschehen ist. In diesem Trick verraten wir Ihnen den Hintergrund. Und wir sagen Ihnen, was Sie tun müssen, um das Problem zu beheben. Denn Sie haben vier Asse zur Hand - ein glatter Poker.
Die Grösse der Schriftarten Ihrer Website sind vielleicht untereinander stimmig; Ihnen scheint aber alles ein wenig zu klein - oder zu gross. Nun graust Ihnen, jede einzelne Schriftarteinstellung zu suchen und anzupassen? Ist oft auch gar nicht nötig. Das geht mit einem Mini-Code im CSS global. Und was der Font-Trick für Responsive Designer bedeuten kann, sagen wir auch gleich.
Das Suchsymbol im Divi-Theme ist nett - aber besonders auf den kleinen Anzeigen der mobilen Geräte oft eine Platzverschwendung. Die Lupe lässt sich aber ganz einfach ausblenden. Wir zeigen wie.
Vor kurzem haben wir Ihnen gezeigt, wie Sie Font-Awesome-Icons auf Ihrer Website verwenden. Es gibt aber noch eine Alternative, welche direkt in WordPress sitzt. Die so genannten Dash-Icons auf der Website einzusetzen ist ebenfalls nicht schwierig und durchaus eine Alternative.
Die Rows (Zeilen) im Divi-Theme und dessen Sections (Sektionen) lassen immer einen Abstand zum nächsten gleichen Element frei. Das ist manchmal OK - auf vielen Websites aber auch störend. Via CSS lassen sich die Abstände anpassen oder gleich ganz eliminieren.
Die Sidebars auf Websites, welche mit dem Divi-Theme erstellt wurden können mit einem Ein- und Ausklapp-Button nachgerüstet werden. Egal, ob die Sidebar links oder rechts steht: bei Bedarf lässt sie sich aus- und wieder einblenden. Wir zeigen Ihnen, wie das geht.
Hin und wieder trifft Divi das Ankerziel nur so halbwegs und scrollt nicht ganz an die richtige Stelle der Webseite. Falls dies bei Ihrer WordPress-Site auch der Fall ist, empfehlen wir Ihnen diesen kleinen CSS-Hack.
Das Divi-Theme bietet ein Box-Layout an, mit welchem sich die Website gestalten lässt. Standardmässig ist die «Box» aber mit einem Schatten versehen, den viele nicht wünschen. Ein kurzer CSS-Code und das Problem ist gelöst.
Keine Inhalte gefunden.
Werbung
