Schlagwort: CSS
-
WordPress Themes für Gutenberg vorbereiten – so funktioniert’s
Wie bestimmt viele von euch schon wissen, wird es bald einen neuen WordPress-Editor geben. Wir arbeiten momentan daran, unsere ersten WordPress Themes für diesen neuen Gutenberg-Editor vorzubereiten (Gutenberg ist der Projektname für die Entwicklung des Editors). In unseren WordPress Theme Pukeko haben wir das Gutenberg-Plugin bereits unterstützt. Alle aktuellen Gutenberg-Blocks…
-
Einstieg in CSS Grid Layouts
CSS Grid Layouts sind mit Sicherheit eine der spannendsten Entwicklung in CSS seit Jahren. Es ist im Endeffekt das, wovon alle Webdesigner und Frontend-Entwickler schon immer geträumt haben. Endlich können wir unsere Webseiten direkt in CSS und ohne Hilfe von Javascript-Tricks oder umständlichen CSS-Hacks so umsetzen, wie wir sie auch…
-
WordPress Theme Anpassung mit eigenem CSS
Seit WordPress 4.7 gibt es direkt im WordPress-Customizer die Option, zusätzliches CSS einzufügen (unter Design/Customizer/Zusätzliches CSS). Diese Funktion bietet eine leichte Möglichkeit, das CSS des Themes oder eines Plugins zu überschreiben oder zu ergänzen. Die passenden CSS-Styles zu finden, ist aber natürlich nicht immer ganz leicht. Daher möchte ich eine…
-
Eigenes CSS in ein WordPress-Theme integrieren – so funktioniert’s
Manchmal möchte man nur eine Kleinigkeit an einem WordPress-Theme ändern, zum Beispiel eine Schriftfarbe oder einen Schriftstil anpassen. Wenn diese Änderungen im Theme standardmäßig nicht möglich sind, gibt es alternativ die Option eigenes CSS zu integrieren und so CSS-Eigenschaften des Themes zu ersetzen oder sogar ganz neue CSS-Eigenschaften zu ergänzen.…
-
Buch-Tipp: Sass for Web Designers von Dan Cederholm bei A Book Apart
Auch CSS kann recht kompliziert werden und mit immer anspruchsvolleren Webdesigns werden auch die Stylesheets immer länger und aufwendiger. Sass (kurz für: Syntactically Awesome Stylesheets) bietet dafür eine Lösung, denn z.B. mit Hilfe von Variablen und verschachtelten Regeln (Nested Rules) in Sass kann das Schreiben von CSS sehr viel einfacher…
-
Link-Tipps: Hilfreiche, kostenlose Online-Tutorials zum Lernen von HTML & CSS
Jeder der mehr über HTML und CSS erfahren möchte, sollte diese zwei wunderschönen Online-Tutorials (nur in englischer Sprache) auf keinen Fall verpassen. Auf der Webseite „Learn CSS Layout“ kannst du dich Klick für Klick durch einen praktischen Guide mit vielen modernen CSS-Tipps (auch zur Entwicklung von mobile-ready Websites) durcharbeiten. Die…