Spectra is a free WordPress page builder plugin that enables you to quickly build beautiful, fast-loading WordPress websites — without touching a line of code. In this easy, 14-part course for beginners, you'll learn how to use Spectra to build your own professional WordPress site today.
Spectra is an intuitive page builder that works with the default WordPress editor you're already familiar with. Whether you're a beginner, marketer, or professional, Spectra can help you quickly build just about any type of site you can imagine. It includes the largest library of pre-built websites, wireframes, and patterns you can import with just one click, with more being added every week.
Spectra is completely compatible with any WordPress theme. And unlike other page builders, Spectra also works with the default WordPress block editor. That means you won't have to rebuild your entire site when you want to change your theme down the road.
Best of all, Spectra is built by the same company that created Astra — the most popular WordPress theme in the world. So you can rest assured that Spectra includes incredible support and a helpful community.
We partnered with Dave Foy, expert WordPress developer and educator, to create this 14-part introduction to Spectra.
By the end of this course, you'll learn:
- How to install and activate the Spectra page builder plugin.
- How to install and activate the free Astra theme.
- How to set global brand styles to save time and make future design updates a breeze.
- How to build a beautiful, modern home page in Spectra.
- How to use sections and containers to create complex layouts.
- How to recycle and reuse elements you've previously created.
- How to build an attention-getting hero header for your home page in Spectra.
- How to make your pages responsive so they look great on smaller screens like tablets and mobile devices.
- How to create a site-wide header and footer for your site in Spectra.
- Plus much more!
Includes a Free Spectra Sandbox Site!
You might find it helpful to experiment and follow along with the video tutorials in Spectra 101. But you shouldn't have to do that on your own live site. So, we've included a free and private Spectra “sandbox” site you can use for up to 30 days while you take this course.
Meet your Instructor, Dave Foy
Dave Foy is an expert WordPress educator and course creator. Dave is a qualified teacher who started out teaching 5-11 year-olds in the UK. After swapping classroom teaching for web design, he spent 15 years building websites for clients worldwide, before returning to his beloved teaching—this time, online. Dave is the creator of several well-known WordPress courses, including No Stress WordPress and No Fear Funnels.
Ready to get started?
Scroll down to view the course outline. Start by watching the FREE videos below, or click the button below to enroll in this course as a member!Enroll and Start Learning Now
Introduction to Spectra
How to Use Spectra
Global Brand Styles in Spectra
In this tutorial video, you’ll learn how to set global brand styles in Spectra, saving time and making future design updates a breeze.
Build a 2-Column Layout in Spectra
In this video, we’ll build the first section of the homepage, a simple 2-column layout using a variety of Spectra blocks.
Speed Up the Build in Spectra
In this lesson, we’ll build the second section of the homepage and show you several workflow tips to speed up your Spectra builds.
Section Containers in Spectra
In this lesson, we’ll improve the design of the homepage in Spectra immensely by styling our section containers in several ways.
Complex Layouts in Spectra
In this video tutorial, you’ll learn how to create more complex page layouts in Spectra using Flexbox.
Build a Hero Header in Spectra
In this video, we’ll build a visually-striking hero header for the homepage using the Call to Action block in Spectra.
Responsive Editing in Spectra
In this lesson, we’ll edit our homepage in Spectra so it’s responsive and readable on smaller screens like tablets and mobile devices.
Build Faster in Spectra
In this video, we’ll build a Classes page for our website, and we’ll use two more techniques to speed up our build time in Spectra.
Custom Layouts in Spectra
In this video, you’ll learn several methods for additional control and flexibility when building your own layouts with Spectra.
Bring it All Together in Spectra
In this lesson we’ll build a Booking page, the final page of our 3-page Spectra website, utilizing everything you’ve learned in this course.
Create a Header and Footer in Spectra
In this video tutorial, we’ll create a site-wide header and footer to complete our sample Spectra website.
What Others Have Said
Complete introduction to Spectra
By: Milan de Keijzer
This Spectra course is well laid out and speeds up your site development. The examples are very clear, even if you don't have the Astra theme as basis. I learned some Gutenberg tips & tricks along the way which will made me appreciate the new editor more. I'm curious what the Spectra Pro version will bring in the future. Milan de Keijzer - The Netherlands.
Thank you for this amazing course. Till now I hadn't heard about Spectra at all (I'm quite new to WordPress and WP101 as well), but I find it very effective and an easy way for building a great page. The instructor is great too, explaining things in great detail making it easy to understand even for absolute beginners. J.