No-Code Web Design with Elementor and Wordpress
A course by Isa MacíasWeb designer and developer
A course by Isa Macías, Web designer and developer
Learn to design creative websites and personalized portfolios without needing to code using Wordpress and the Elementor visual editor
Do you want to develop websites with style and personality without the need for code? Learn in a simple way with Isa Macías, designer and co-founder of Melon Blanc.
In this online course, he will teach you what his creative process is to design original and dynamic websites, without the need for code. You will use Figma to design your sections and then you will develop your website in a simple and fun way with Wordpress and the Elementor visual editor.
What will you learn in this online course?
20 lessons & 26 downloads
Influences
2 minutes, 56 seconds
Visual references: where to look for inspiration
6 minutes, 38 seconds
Site map and style guide
6 minutes, 32 seconds
Preparation of the design proposal 1
16 minutes, 8 seconds
Install Elementor
9 minutes, 33 seconds
Knowing Elementor 1
8 minutes, 35 seconds
What's included in this course?
You will start the course by meeting your teacher, Isa Macías, who will teach you where to look for inspiration and visual references. This will serve as a starting point to work on the art direction of the web that you are going to design.
You will create the style guide for your website, including the elements that you will use in your design. You will work on the map of your page and you will create its structure with the essential sections. Then, you will transfer everything to Figma, where you will design each of the sections that make up your website.
Next, you will enter Wordpress. You will configure the software, the base theme and the Elementor and Elementor Pro plugins; and you will know in depth the interface and operation of Elementor.
Next, within this software you will layout all the designs you prepared in Figma. You will start with the header and footer of the web, you will go to the homepage, index and projects; and finally, you will create the contact and about pages.
You will know some extra settings within Elementor such as error pages and maintenance mode. And finally, you are going to test, launch and learn how to keep your website updated.
What is this course's project?
You will design your own web page without the need for code and following the style that you have defined for your project. At the end of the course you will have a fully operational and functional website.
Projects by course students
Who is this online course for?
Design and creative professionals who want to expand their skills and knowledge, people who need a website for their personal brand, project or business without the need for a large investment, or simply anyone who is curious about web design.
Requirements and materials
To take this course, no prior knowledge of programming, design or Wordpress is necessary.
During the course you must have Figma to create your designs. You will work in a real environment, so you need to contract hosting and domain, in addition to the Elementor Pro plugin (it is paid).
Reviews
- 1 month ago
Excelente curso! clarisimo y practico, recomendable.
- 3 months ago
What a great course! Very helpful and explanative
- 4 months ago
Excelente curso. Super recomendado
- 5 months ago
Fue estupendo, gracias
- 5 months ago
Super bien explicado, gracias Isa!
Her appreciation for design and the smallest details is evident in her work. Isa creates delightf...
Content
- U1
Introduction
- About Me
- Influences
- U2
Design and preparation of the website
- Visual references: where to look for inspiration
- Site map and style guide
- Preparation of the design proposal 1
- Preparation of the design proposal 2
- First steps in WordPress
- Install Elementor
- Knowing Elementor 1
- Knowing Elementor 2
- U3
Website Construction
- Header and footer 1
- Header and footer 2
- Homepage
- Template for projects 1
- Template for projects 2
- Project archive
- "About" and "Contact"
- U4
Extras and launch of the site
- Secondary pages: privacy, 404 and maintenance
- Test and launch the website
- Site update
- FP
Final project
- No-Code Web Design with Elementor and Wordpress
What to expect from a Domestika course
Learn at your own pace
Enjoy learning from home without a set schedule and with an easy-to-follow method. You set your own pace.
Learn from the best professionals
Learn valuable methods and techniques explained by top experts in the creative sector.
Meet expert teachers
Each expert teaches what they do best, with clear guidelines, true passion, and professional insight in every lesson.
Certificates
PLUSIf you're a Plus member, get a custom certificate signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Get front-row seats
Videos of the highest quality, so you don't miss a single detail. With unlimited access, you can watch them as many times as you need to perfect your technique.
Share knowledge and ideas
Ask questions, request feedback, or offer solutions. Share your learning experience with other students in the community who are as passionate about creativity as you are.
Connect with a global creative community
The community is home to millions of people from around the world who are curious and passionate about exploring and expressing their creativity.
Watch professionally produced courses
Domestika curates its teacher roster and produces every course in-house to ensure a high-quality online learning experience.
FAQs
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.