Cursusinhoud
Build a Code Free Website with WordPress
Build a Code Free Website with WordPress
Importing a Starter Template
Importing a Starter Template and Customizing Astra
With the Astra theme installed, rather than designing the website from scratch, a Starter Template—a pre-built website layout—will be imported for customization. This approach significantly reduces setup time and provides a professional design foundation from the outset.
Why Use a Starter Template?
Astra's Starter Templates allow you to import a complete website design in a few clicks. Instead of manually adjusting settings, you start with a ready-made layout and only need to replace the demo content with your own.
Saves time: no need to build a site from scratch;
Pre-designed layouts: professionally designed sections and pages;
Easily customizable: modify colors, fonts, and images.
As this course uses the Gutenberg (Block Editor), a Starter Template fully compatible with blocks will be selected to ensure optimal performance and editing flexibility.
There are two ways to install the Starter Templates plugin:
Method 1: Using the Plugin Directory
- Go to Plugins → Add New in the WordPress dashboard;
- Search for Starter Templates;
- Click Install, then Activate.
Method 2: Using the Astra Settings (Recommended)
- Go to Astra → Starter Templates in the WordPress dashboard;
- Click Install Starter Templates Plugin.
Once the plugin is activated, you'll have access to Astra's library of pre-built website designs.
After installing the Starter Templates plugin:
- Go to Astra → Starter Templates;
- Select Gutenberg as the page builder;
- Browse through the available templates and choose one that fits your project;
- Click on the template, then select Import Complete Site; 5.Wait for the import to finish.
Important: when importing a template, you may be asked to:
- Upload a logo or skip this step;
- Choose a color scheme from preset options;
- Select typography preferences for the website.
These settings can be adjusted later if needed. Once the import is complete, your website will look exactly like the chosen template—ready for additional customization!
If you skipped the logo, color, or typography setup during the import process, you can edit them later:
- Go to Appearance → Customize;
- Open the Global Settings panel;
- Adjust the colors, typography, and spacing to match your brand.
Beyond changing colors and typography, the Customizer allows you to edit other parts of your website:
- Site Identity: modify your site title and tagline;
- Menus: manage and arrange your navigation menus;
- Widgets: add extra elements like social icons, recent posts, and search bars;
- Favicon (Site Icon): add a small image that appears in browser tabs.
Note
These options will not be covered in detail at this stage. However, they can be explored independently via Appearance → Customize to further personalize the website.
Bedankt voor je feedback!
