Webentwicklung lernen, ohne Entwickler zu werden: WordPress für Anfänger und CSS Grid

Warum sich Webentwicklung lernen für Kreative lohnt

Die eigene Portfolio-Seite selbst zu bauen, ist für Kreative heute realistischer denn je, vorausgesetzt, man lernt die richtigen Grundlagen in der richtigen Reihenfolge. Dieses Kapitel ist genau dafür gedacht: Webentwicklung für Leute, die gestalten wollen, nicht für Leute, die Frameworks vergleichen. Wer auf diese Weise Webentwicklung lernen will, braucht weder ein Informatikstudium noch einen teuren Kurs, sondern vor allem eine konkrete Seite, an der er übt. Wer strukturiert Webentwicklung lernen möchte, findet die vier Texte dieses Kapitels genau in der Reihenfolge, in der die Fragen im alten Forum tatsächlich aufkamen.

WordPress für Anfänger: der schnellste Weg zur eigenen Seite

Wer schnell online sein will, landet meist bei WordPress. Als Einstieg in WordPress für Anfänger erklärt WordPress für Einsteiger, warum der Inhalt vor dem Theme kommt, wie der Block-Editor Beiträge tatsächlich speichert und welche Stolperfalle bei der Navigation fast jeden Anfänger erwischt.

Layout mit CSS Grid und Flexbox

Früher oder später will man das Layout selbst kontrollieren. CSS Grid vs. Flexbox beantwortet die häufigste Layout-Frage mit einer einfachen Faustregel und mit einem Live-Vergleich, in dem beide Systeme dieselben Elemente nebeneinander anordnen. Kein Screenshot, sondern echtes CSS, das in deinem Browser rechnet.

Wo sich WordPress und CSS begegnen

Die beiden Texte hängen enger zusammen, als ihre Titel vermuten lassen. Wer in einem Block-Theme Inhalte anordnet, stößt im Gruppen-Block auf die Varianten „Zeile“, „Stapel“ und „Raster“. Hinter diesen Namen stecken Flexbox und CSS Grid. Die Faustregel aus dem Layout-Artikel hilft deshalb schon im Editor, lange bevor man selbst eine Zeile CSS schreibt. Wirkt etwas wie eine Kette, etwa Buttons oder Tags, passt „Zeile“. Soll es ein Raster mit echten Spalten sein, etwa eine Bildergalerie, passt „Raster“.

Für die Reihenfolge gilt dasselbe wie beim Fotografieren: erst der Inhalt, dann die Form. Das ist vielleicht der wichtigste Rat zu WordPress für Anfänger überhaupt. Eine Seite mit drei bis fünf fertigen Unterseiten und einem schlichten Standard-Theme bringt mehr als Wochen der Theme-Suche. Das Layout selbst in die Hand zu nehmen lohnt sich, sobald eine konkrete Stelle stört, zum Beispiel Karten, deren Buttons auf unterschiedlicher Höhe sitzen. Genau für solche Fälle gibt es heute Werkzeuge wie Subgrid, die ohne Tricks auskommen.

Was danach kommt: JavaScript lernen und für SEO Grundlagen schaffen

Zwei Beiträge ergänzen das Kapitel. Ein Text zu den SEO-Grundlagen für Webentwickler erklärt den technischen Teil, der ohne Marketing-Team oft liegen bleibt. Eine eigene Seite braucht in Sachen SEO Grundlagen wie saubere URLs, Canonical-Tags und kurze Ladezeiten, damit Suchmaschinen sie überhaupt crawlen und indexieren. Um für SEO Grundlagen zu schaffen, braucht es kein Marketing-Team, wohl aber ein Verständnis dafür, was eine Suchmaschine auf der Seite sieht. Ein Einstieg in JavaScript beschreibt, was sitzen sollte, bevor ein Framework überhaupt zur Debatte steht, vom DOM bis zur Asynchronität. JavaScript lernen heißt dabei nicht, sofort React oder Vue zu lernen. Wer JavaScript lernen will, fängt besser mit kleinen Aufgaben auf der eigenen Seite an, etwa einem Menü, das sich auf- und zuklappen lässt. Sobald ein Text erschienen ist, steht er oben in der Liste.