CSS-Flexbox in GenerateBlocks für WordPress-Webdesign
Meistere die Grundlagen für zeitgemäße responsive Layouts mit Flexbox - Ein Videokurs für Einsteiger
Description
So nutzt du in deinem WordPress-Projekt die CSS-Flexbox-Technik, um einfach responsive Elemente und Layouts zu erzeugen!
Seit Version 1.7 bietet der WordPress-Pagebuilder GenerateBlocks eine Flexbox-Bedienleiste, mit der responsive Layouts sich völlig ohne Programmierkenntnisse gestalten lassen.
In diesem Kurs erlernt ihr umfassend die Handhabung dieser Bedienleiste - und lernt die Vorteile kennen, die die CSS-Layout-Technologie Flexbox mit sich bringt.
In elf Lektionen arbeiten wir uns durch die Möglichkeiten von Flexbox in GenerateBlocks:
Warum gibt es Flexbox und was sind die Vorteile davon?
Wie kann ich in GenerateBlocks ein Element flexfähig machen?
Wie kann ich Elemente waagerecht oder senkrecht anordnen?
Wie kann ich Elemente zentrieren oder mit Abstand ausrichten?
Was ist eigentlich der Unterschied zwischen Haupt- und Querachse, und warum ist das wichtig?
Wie kann ich Elemente umbrechen lassen, wenn der Bildschirm zu schmal wird?
Und überhaupt, was hat das mit responsivem Design zu tun?
Wie kann ich die Abstände zwischen Elementen einstellen?
Wie kann ich die Größen von Elementen voreinstellen?
Wie bekomme ich es hin, dass Elemente schrumpfen oder wachsen, wenn die Seite breiter oder schmaler wird?
Wie kann ich die Reihenfolge von Elementen abändern?
Abschließend könnt ihr in einem kleinen Do-It-Yourself-Praxisprojekt mit Hilfe der Flexbox-Leiste in eurem eigenen WordPress-Projekt einen Header gestalten und dabei das Gelernte anwenden.
What You Will Learn!
- In GenerateBlocks 1.7+ die Flexbox-Leiste bedienen und verstehen
- Verstehen, was die Flexbox-Technologie in CSS ermöglicht
- HTML-Elemente mit Hilfe von Flexbox vielfältig anordnen
- In WordPress Elemente mit Hilfe von Flexbox responsiv layouten
Who Should Attend!
- Webentwickler mit Anfängerkenntnissen, die WordPress-Projekte haben und als Builder GenerateBlocks nutzen