Kursinhalt
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
Now that we've installed the Astra theme, instead of designing everything from scratch, we will import a Starter Template—a pre-built website layout that we can customize. This saves time and ensures that our website has a professional design right from the start.
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.
Since we're using Gutenberg (Block Editor) in this course, we'll choose a Starter Template that is fully compatible with blocks.
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
We won't cover these options in detail now, but feel free to explore them in Appearance → Customize to further personalize your website.
Danke für Ihr Feedback!
