No-Code-Webdesign mit Elementor und Wordpress
A course by Isa MacíasWebdesigner und Entwickler
A course by Isa Macías, Webdesigner und Entwickler
Lerne, wie du mit Wordpress und dem visuellen Editor Elementor kreative Webseiten und personalisierte Portfolios ohne Programmieren gestalten kannst
Möchten Sie Websites mit Stil und Persönlichkeit entwickeln, ohne dass Code erforderlich ist? Lernen Sie auf einfache Weise mit Isa Macías, Designerin und Mitbegründerin von Melon Blanc.
In diesem Online-Kurs wird er Ihnen beibringen, was sein kreativer Prozess ist, um originelle und dynamische Websites zu entwerfen, ohne dass Code erforderlich ist. Sie verwenden Figma, um Ihre Abschnitte zu entwerfen, und entwickeln dann Ihre Website auf einfache und unterhaltsame Weise mit Wordpress und dem visuellen Editor von Elementor.
Was lernst du in diesem Onlinekurs?
20 Lektionen & 26 Downloads
Inspirationen
2 Minuten, 56 Sekunden
Visuelle Referenzen: Wo Sie nach Inspiration suchen können
6 Minuten, 38 Sekunden
Sitemap und Styleguide
6 Minuten, 32 Sekunden
Erstellung des Designvorschlags 1
16 Minuten, 8 Sekunden
Elementor installieren
9 Minuten, 33 Sekunden
Elementor 1 kennen
8 Minuten, 35 Sekunden
Was ist in diesem Kurs enthalten?
Sie beginnen den Kurs mit einem Treffen mit Ihrem Lehrer Isa Macías, der Ihnen beibringt, wo Sie nach Inspiration und visuellen Referenzen suchen können. Dies dient als Ausgangspunkt für die Arbeit an der künstlerischen Ausrichtung des Webs, das Sie entwerfen werden.
Sie erstellen den Styleguide für Ihre Website, einschließlich der Elemente, die Sie in Ihrem Design verwenden werden. Sie arbeiten an der Karte Ihrer Seite und erstellen ihre Struktur mit den wesentlichen Abschnitten. Dann übertragen Sie alles an Figma, wo Sie jeden der Abschnitte entwerfen, aus denen Ihre Website besteht.
Als nächstes betreten Sie Wordpress. Sie konfigurieren die Software, das Basisthema und die Elementor- und Elementor Pro-Plugins; und Sie werden die Benutzeroberfläche und den Betrieb von Elementor eingehend kennen.
Als Nächstes werden Sie in dieser Software alle Designs entwerfen, die Sie in Figma vorbereitet haben. Sie beginnen mit der Kopf- und Fußzeile des Webs, Sie gelangen zur Startseite, zum Index und zu den Projekten. und schließlich erstellen Sie die Kontakt- und About-Seiten.
Sie werden einige zusätzliche Einstellungen in Elementor kennen, wie z. B. Fehlerseiten und Wartungsmodus. Und schließlich werden Sie testen, starten und lernen, wie Sie Ihre Website auf dem neuesten Stand halten.
What is this course's project?
Sie entwerfen Ihre eigene Webseite ohne Code und folgen dem Stil, den Sie für Ihr Projekt definiert haben. Am Ende des Kurses verfügen Sie über eine voll funktionsfähige und funktionsfähige Website.
Projekte von Kursteilnehmenden
Who is this online course for?
Design- und Kreativprofis, die ihre Fähigkeiten und Kenntnisse erweitern möchten, Personen, die eine Website für ihre persönliche Marke, ihr Projekt oder ihr Unternehmen benötigen, ohne dass eine große Investition erforderlich ist, oder einfach alle, die sich für Webdesign interessieren.
Requirements and materials
Für diesen Kurs sind keine Vorkenntnisse in Programmierung, Design oder Wordpress erforderlich.
Während des Kurses müssen Sie Figma haben, um Ihre Designs zu erstellen. Sie werden in einer realen Umgebung arbeiten, daher müssen Sie zusätzlich zum Elementor Pro-Plugin (es ist kostenpflichtig) Hosting und Domain beauftragen.
Bewertungen
- vor 1 Monat
Excelente curso! clarisimo y practico, recomendable.
- vor 3 Monaten
What a great course! Very helpful and explanative
- vor 4 Monaten
Excelente curso. Super recomendado
- vor 5 Monaten
Fue estupendo, gracias
- vor 5 Monaten
Super bien explicado, gracias Isa!
Ihre Wertschätzung für Design und kleinste Details zeigt sich in ihrer Arbeit. Isa er...
Inhalt
- E1
Einführung
- Über mich
- Inspirationen
- E2
Design und Erstellung der Website
- Visuelle Referenzen: Wo Sie nach Inspiration suchen können
- Sitemap und Styleguide
- Erstellung des Designvorschlags 1
- Erstellung des Designvorschlags 2
- Erste Schritte in WordPress
- Elementor installieren
- Elementor 1 kennen
- Elementor 2 kennen
- E3
Website-Bau
- Kopf- und Fußzeile 1
- Kopf- und Fußzeile 2
- Startseite
- Vorlage für Projekte 1
- Vorlage für Projekte 2
- Projektarchiv
- „Über“ und „Kontakt“
- E4
Extras und Launch der Seite
- Sekundärseiten: Datenschutz, 404 und Wartung
- Testen und starten Sie die Website
- Website-Update
- AP
Abschlussprojekt
- No-Code-Webdesign mit Elementor und Wordpress
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.
Certificates
PLUSIf you're a Plus member, get a personalisiertes und unterzeichnetes Zertifikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
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
You’ll learn to build professional websites by combining graphic design, photography, and web development. You’ll master tools like WordPress, Elementor, Figma, and techniques for visual inspiration, composition, layout, and optimization to create original, functional, and responsive web designs.
This course is geared toward intermediate learners: you should have basic computer and design skills, but no prior programming or WordPress experience is required.
All you need is a computer with internet access, an up-to-date web browser, and access to WordPress. Having Figma and a hosting account with a domain is recommended for hands-on practice.
Yes, the course provides detailed tutorials on installing, configuring, and using Elementor and Elementor Pro, covering everything from page creation to advanced customization of sections and widgets.
You’ll be able to design and develop blogs, portfolios, online stores, and professional corporate websites using modern graphic design techniques, animations, and interactive effects.
Yes, you’ll learn how to build functional online stores by integrating WordPress, Elementor, and basic PHP concepts to customize the shopping experience.
The course guides you through searching, filtering, and organizing online visual inspiration, helping you create collections and style guides that support your web design projects.