WordPress mit HTML und CSS

Kursüberblick

In diesem Kurs lernst du, Websites mit WordPress zu erstellen und dabei den Quelltext hinter der Oberfläche zu beherrschen. HTML liefert die Struktur, CSS das Erscheinungsbild, WordPress die Plattform, auf der beides zusammenkommt. Ziel ist eine Website, deren Gestaltung du über eigenes Markup und eigene Stylesheets bestimmst, statt dich auf die Grundeinstellung eines Themes zu verlassen. Schritte zur eigenen WordPress-Website WordPress installieren, die Startseite festlegen und eine Menüstruktur anlegen ein Theme auswählen, im Customizer anpassen und über ein Child-Theme erweitern Seiten und Beiträge im Gutenberg-Editor anlegen und ihr HTML-Markup im Editor prüfen Plugins auswählen und ihre Wirkung auf Layout und Darstellung beurteilen Fehler im HTML-Code aufspüren und Inhalte sauber auszeichnen mit CSS-Selektoren eigene Regeln auf vorhandene Theme-Elemente anwenden Darstellungsprobleme mit den Entwicklerwerkzeugen im Browser nachverfolgen Von der Auszeichnung zum fertigen Layout Ausgangspunkt ist der HTML-Code: Überschriften, Absätze, Listen, Tabellen, Links und eingebundene Medien erhalten ihre Auszeichnung, bevor Stylesheets ihnen Farben, Abstände und Schriften zuweisen. In WordPress landet dieser Code in einem Theme, dessen Vorlagen die fertige Seite erzeugen. Mit HTML- und CSS-Kenntnissen greifst du gezielt in diese Ausgabe ein: Du vergibst eigene Klassen, korrigierst Abstände, tauschst Schriften aus und passt Layouts an kleinere Bildschirme an, ohne das Theme zu beschädigen. Über das Child-Theme bleiben eigene Anpassungen vom ursprünglichen Theme getrennt. Auf diese Weise lernst du, Webseiten vom ersten Markup bis zum fertigen Layout selbst zu erstellen, ob Blog, Unternehmensauftritt oder Landingpage. WordPress lernst du dabei nicht nur als Oberfläche kennen: Gutenberg-Editor, Child-Theme und die Entwicklerwerkzeuge des Browsers bilden die Werkzeugkette, mit der du WordPress, HTML und CSS zusammenführst. Berufliche Einsatzfelder im Webdesign Einsatzfelder liegen in Rollen wie WordPress-Webdesigner:in, Webdesigner:in, Mediengestalter:in Digital oder Junior-Frontend-Entwickler:in mit Codekenntnissen. Typische Aufgaben: Unternehmenswebsites, Blogs und Landingpages aufbauen, Themes und Stylesheets weiterentwickeln und Darstellungsfehler im Quelltext beheben.

Nächste Termine

• 2026-11-08T23:00:00.000Z · 2027-02-28T23:00:00.000Z · Recklinghausen, Westfalen · Blended Learning
• 2026-11-08T23:00:00.000Z · 2027-06-20T22:00:00.000Z · München · Blended Learning
• 2026-11-08T23:00:00.000Z · 2027-06-20T22:00:00.000Z · Recklinghausen, Westfalen · Blended Learning
• 2026-11-08T23:00:00.000Z · 2027-02-28T23:00:00.000Z · München · Blended Learning
• 2026-11-08T23:00:00.000Z · 2027-06-20T22:00:00.000Z · Eberswalde · Blended Learning

Weitere Kurse in diesem Fachbereich

• Mediengestalter mit KI

  Nest Academy GmbH

• UX Leadership Essentials

  formful education GmbH

• Produktmanagement Weiterbildung, Change Management, UX/UI Design

  Karriere Tutor GmbH

• Webdesign und Scrum Master (PSM I)

  alfatraining Bildungszentrum GmbH