Programmieren in WordPress: Gestalte eine Webseite
Ein Kurs von Carlos E. Molina TovarKreativer Webentwickler
Ein Kurs von Carlos E. Molina Tovar, Kreativer Webentwickler
Lerne grundlegende Design- und Progammierkonzepte, um in WordPress integrierte Webseiten von Grund auf zu erstellen
Für Carlos Molina ist Code Poesie und Programmieren eine Kunst, die Hand in Hand mit Design geht. Spezialisiert auf die Erstellung von digitalen Produkten, die das Funktionale und das Visuelle vereinen, wird er Ihnen in diesem Online Kurs beibringen, wie Sie diese beiden Welten mit der Wordpress-Plattform vereinen können. In den Einheiten werden Sie feststellen, dass das Hosten von Blogs nur einen kleinen Teil ausmacht, und Sie werden verstehen, warum Wordpress das ideale Werkzeug ist, um Schritt für Schritt eine Website zu erstellen . Sie lernen die vielfältigen Funktionalitäten, die unbegrenzten Anpassungen mit HTML, CSS und Javascript kennen und Sie werden die Freiheit der Inhaltsverwaltung überprüfen, die es bietet, ohne von Dritten abhängig zu sein.
Was lernst du in diesem Onlinekurs?
25 Lektionen & 29 Downloads
Was werden wir in diesem Kurs tun?
5 Minuten, 48 Sekunden
Design und Konzeption
6 Minuten, 8 Sekunden
Wireframe, Mock-up und Webdesign in Figma 1
20 Minuten, 1 Sekunde
Wireframe, Mock-up und Webdesign in Figma 2
20 Minuten, 1 Sekunde
Vorbereitung der Arbeitsumgebung und Programmierung
6 Minuten, 52 Sekunden
HTML-Layout 1
19 Minuten, 59 Sekunden
Was ist in diesem Kurs enthalten?
Zunächst lernen Sie Carlos Molina besser kennen, der Ihnen etwas mehr über seine Reise und einige seiner Arbeiten erzählen wird. Er wird Ihnen auch einige der Künstler zeigen, die ihn wegen ihrer frischen und anderen Sichtweise auf Kunst beeinflusst haben. Dann sehen Sie die wichtigsten Arten von Webseiten, die es im Internet gibt und die Tools, die Sie für die Entwicklung Ihres Projekts benötigen. Sie werden die Unterschiede zwischen WordPress.org und WordPress.com verstehen und entdecken, was die Plugins sind, die Sie während des Kurses verwenden werden, und wie sie funktionieren. Carlos wird mit Ihnen über die Architektur, das Konzept und Design einer Webseite sowie die am häufigsten verwendeten Trends sprechen. Sie werden also an der Idee hinter Ihrem Projekt arbeiten und dann das Wireframe und das Mockup erstellen. Von dort aus gestalten Sie Ihre Website in Figma. An dieser Stelle erfahren Sie, wie Sie Ihr Webprojekt in HTML gestalten . Ihr Lehrer führt Sie durch das Hinzufügen des gesamten CSS-Stils mit SASS zu Ihrem HTML-Modell, um Ihre Idee zum Leben zu erwecken, und fügt unten JavaScript-Interaktion hinzu. In der letzten Einheit bilden Sie die Grundlage für Ihr eigenes WordPress Template , um die notwendigen Dateien zu organisieren und zu erstellen. Carlos hilft Ihnen bei der Konfiguration aller benutzerdefinierten Optionen und zeigt Ihnen, wie Sie Ihre Website im Internet veröffentlichen , indem Sie einen Hosting Anbieter und eine Domain auswählen.
Empfohlene Software und Tools für diesen Kurs
Was ist das Kursprojekt?
Sie entwickeln auf Wordpress.org von Grund auf eine Website für ein persönliches Portfolio.
Projekte von Kursteilnehmenden
An wen richtet sich dieser Onlinekurs?
An alle Personen, die sich für die Programmierung interessieren, um originelle Websites zu erstellen, die in WordPress integriert sind.
Anforderungen und benötigte Materialien
Um in die Fußstapfen Ihres Lehrers zu treten, benötigen Sie Microsoft Visual Studio Code, Mamp und Figma sowie Grundkenntnisse in HTML, CSS, JavaScript und PHP.
Bewertungen
- vor 3 Monaten
Explica bien, me gustaría que dejara mas material adicional, de lo contrario me guió mucho
- vor 3 Monaten
Excellent Course
- vor 5 Monaten
Um curso muito bom.
- vor 6 Monaten
Excelente curso, aprendi muchísimo y me ayudo mucho a mejorar en mi carrera
- cc_claudiacampusPLUSvor 8 Monaten
Non lo consiglio, per niente, continua a saltare passaggi non si capisce niente
Inhalt
- E1
Einführung
- Über mich
- Inspirationen
- E2
Vorbereitung
- Was werden wir in diesem Kurs tun?
- Werkzeug
- Struktur von WordPress.com und WordPress.org
- WordPress-Plugins
- E3
Entwurf
- Webarchitektur
- Design und Konzeption
- Wireframe, Mock-up und Webdesign in Figma 1
- Wireframe, Mock-up und Webdesign in Figma 2
- E4
Layout
- Vorbereitung der Arbeitsumgebung und Programmierung
- HTML-Layout 1
- HTML Layout 2
- CSS-Stile hinzufügen 1
- Hinzufügen von CSS Stilen 2
- Hinzufügen von CSS Stilen 3
- Hinzufügen von CSS Stilen 4
- Interaktion mit JavaScript hinzufügen
- E5
WordPress-Integration
- Installation von WordPress und Plugins
- Erstellen Sie die Basis der benutzerdefinierten WordPress-Vorlage
- Konfigurieren Sie Seiten und Plugins
- Integrieren Sie HTML-Mockup und WordPress-Backoffice 1
- Integrieren Sie HTML-Mockup und WordPress 2-Backoffice
- Integrieren Sie HTML-Mockup und WordPress 3-Backoffice
- Veröffentlichen Sie unsere Website im Internet und Webhosting-Optionen
- AP
Abschlussprojekt
- Programmieren in WordPress: Gestalte eine Webseite
Was erwartet dich in einem Domestika-Kurs?
Lerne in deinem Tempo
Lerne bequem von zuhause aus, in deinem eigenen Tempo und ohne festen Zeitplan. Du entscheidest, wann und wo.
Lerne mit den Profis
Lerne die nützlichsten Techniken und Methoden mit den Profis der Kreativbranche.
Tritt mit den erfahrendsten Experten in Kontakt
Jede Lehrperson übermittelt dir in jeder Lektion leidenschaftlich sein/ ihr Wissen mittels ausführlichen Erklärungen aus professioneller Sicht.
Zertifikate
PLUSErhalte als Plus-Mitglied für jeden Kurs ein von deiner Lehrperson personalisiertes und unterzeichnetes Zertifikat. Teile es in deinem Portfolio, in sozialen Netzwerken oder wo immer du möchtest.
Sei ganz vorne mit dabei
Dank hochwertig produzierter und gestochen scharfer Videos entgeht dir kein einziges Detail. Du hast uneingeschränkten Zugriff auf deinen Kurs und kannst dir so alle Videolektionen so oft ansehen, wie du möchtest.
Teile Wissen und Ideen
Stelle deine Fragen, bitte um Meinungen und biete Lösungsansätze. Teile deine Lernerfahrung mit anderen Schüler*innen in der Community, die genauso kreativ sind wie du.
Sei Teil einer globalen kreativen Community
Die Community umfasst Millionen wissbegierige Menschen weltweit, die Freude an kreativem Ausdruck finden.
Arbeite mit von Profis produzierten Kursen
Um eine einzigartige Online-Lernerfahrung zu garantieren, zählt Domestika auf eine sorgfältige Auswahl der Lehrpersonen und produziert jeden Kurs intern.
FAQ
Du lernst, kreative Websites zu gestalten und zu entwickeln – von der visuellen Konzeptentwicklung und Nutzererfahrung bis hin zur Integration und individuellen Anpassung von WordPress. Dabei nutzt du Tools wie Figma, HTML, CSS, JavaScript, PHP und wichtige Plugins.
Ja, der Kurs richtet sich an Personen mit Grund- oder Mittelkenntnissen im Design oder in der Webentwicklung, die ihre Fähigkeiten ausbauen und fortgeschrittene WordPress-Integration sowie moderne Tools erlernen möchten.
Grundkenntnisse in HTML, CSS und Grafikdesign sind empfehlenswert. Es hilft, einen Code-Editor zu bedienen und Grundwissen zu WordPress zu haben, ist aber keine Voraussetzung. Der Kurs begleitet dich bei der Installation der nötigen Tools.
Du brauchst einen Code-Editor (z. B. VS Code), Figma für Interface-Design, einen lokalen Server (MAMP, XAMPP o. Ä.), einen Webbrowser und eine lokal installierte WordPress-Version. Die Installation und Einrichtung wird im Kurs erklärt.
Ja, der Kurs führt dich Schritt für Schritt durch die Erstellung und Anpassung von WordPress-Templates – inklusive Dateistruktur, style.css, PHP-Funktionen sowie der Anpassung von Header, Seiten und 404-Fehlerseiten.
Du lernst, deine Figma-Designs in funktionale Mockups und Wireframes umzuwandeln und diese dann in deine WordPress-Seite einzubauen. Dabei strukturierst du HTML und CSS und passt das Template an, um ein stimmiges visuelles Ergebnis zu erzielen.
Ja, der Kurs zeigt dir, wie du digitale Portfolios und Onlineshops mit WordPress und Plugins wie WooCommerce erstellst. Außerdem lernst du, Seiten mit Elementor zu gestalten und Produkte oder kreative Projekte zu verwalten.