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».
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.
Wenn Sie in der Überschrift eines Divi-Moduls Fullwidth-Header lange Wörter verwenden, kann es vorkommen, dass der Text mitten im Wort umbrochen wird. Dies ist äusserst hässlich – aber leider ein Standardverhalten des Moduls. Das beheben wir heute mit ein wenig CSS-Code.
Wenn auf der WordPress-Website etwas schiefläuft, zeigt das System eine Fehlermeldung an. Diese ist aber ziemlich mager gestaltet. Das lässt sich ändern; heute zeigen wir Ihnen wie.
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.
Heute gestalten wir eine kleine Bildergalerie. Doch diese zeigt die einzelnen Bilder nicht im üblichen Zuschnitt an, sondern macht jedes Element zu einem Hexagon. Sieht ganz hübsch aus und ist gar nicht schwierig.
Wenn Sie auf Ihrer Divi-Website ein Such-Modul einfügen, wird normalerweise auf dem Suchbutton ein Text erscheinen. Wahlweise können Sie diesen Text aber ganz einfach mit einer Lupe ersetzen. Wir zeigen Ihnen wie das geht.
Das Such-Modul des Divi-Themes hat standardmässig Ecken und Kanten. Je nach Webdesign möchten Sie es vielleicht ein wenig runder. Geht ganz einfach. Wir zeigen wie.
Die Divi-Suche hat eine fixe Höhe, die Sie aber mit CSS leicht anpassen können. Je nach Webdesign kann dies empfehlenswert sein. Heute legen wir einen Innenabstand im Such-Modul des Divi-Themes fest.
Das Divi-Suchmodul zeigt üblicherweise ein Eingabefeld links und den Suchbutton rechts. Die beiden Elemente können Sie aber vertauschen – wie das geht, zeigen wir Ihnen heute.
Das Divi-Suchmodul zeigt üblicherweise ein Eingabefeld links und den Suchbutton rechts. Die beiden Elemente können Sie aber vertauschen – wie das geht, zeigen wir Ihnen heute.
Keine Inhalte gefunden.
Werbung
