Building a WordPress website feels harder than it is when I start from a blank screen. Once I put the right pieces in place, hosting, WordPress, a theme, and a page builder, the process gets much easier.
In this setup, I use WordPress with SiteGround, the Astra theme, and Elementor. That gives me a clear path from an empty dashboard to a live site with pages, a menu, and a contact form.
If I want to watch the full walkthrough first, the video is right below.
I start with hosting, a domain, and WordPress
The first thing I need is hosting, because my website has to live somewhere online. Hosting is the cloud server that stores my site files and makes the site available to visitors.
For this build, I use SiteGround because the setup is easy to follow and the support is helpful for beginners. When I land on the hosting site, I choose the WordPress option instead of the AI site builder. The goal here is to build with WordPress, so I go straight to hosting and then install WordPress from there.
One reason I like WordPress is that it gives me a clean, search-friendly structure. When I set up pages, headings, and content the right way, search engines can crawl the site well. That’s a big reason WordPress remains such a common choice for business sites, blogs, and portfolios.
I pick the plan based on how much room I want later
This is the plan layout shown in the walkthrough:
| Plan | What I see in the setup | When I would pick it |
|---|---|---|
| Startup | Entry option, shown at a low intro price | Good for a first website |
| GrowBig | The plan chosen in the walkthrough | Better if I may build more sites later |
| GoGeek | Another higher plan on the page | An option if I want more room over time |
For a first site, Startup is fine. In the walkthrough, I choose GrowBig because I may want to keep building after the first site goes live.
The annual term is also shown as the better deal. Month-to-month pricing is much higher, so I pay attention before I check out. The walkthrough also shows domain registration, domain privacy, and backups. I like domain privacy because it helps keep my contact details off public listings, which means fewer random sales calls and spam messages.
I register a domain and finish the account setup
After I pick the plan, I either connect a domain I already own or register a new one. In the walkthrough, a test domain is entered to check availability, and the system suggests other endings if the first choice isn’t open. A simple, memorable name is easier to work with later, so I don’t overcomplicate it.
From there, I enter my email address, create a password, and fill in the basic account details. That includes my name, country, address, and payment information. I also choose the data center closest to me. In the US, picking a US data center is the easy choice because it helps with speed for local visitors.
If I ever want another beginner-friendly reference for the early setup steps, I can compare my process with GoDaddy’s first-time WordPress guide. The overall flow is similar, even if the screens look different.
I install Astra and import a starter site
Once WordPress is installed, I head into the dashboard and start shaping the design. A fresh WordPress install is plain, so the next move is adding a theme.
Inside the theme area, I click “Add New” and search for Astra. After that, I install it and activate it. Astra controls the look of the site, and it also gives me a guided setup that gets me moving fast. When the welcome screen appears, I click “Start Building” and follow the onboarding steps.
The setup asks a few simple questions, such as my name, whether this is my first WordPress website, and what I care about most. Astra also shows Pro features, but the free version is enough to get started. I choose the standard build path instead of using AI generation because this walkthrough focuses on starter templates.
I choose Elementor because editing is easier
Astra gives me a choice between the block editor and Elementor. For this build, I go with Elementor because it makes page editing much easier. The visual approach is better for quick changes, especially if I want to swap text, images, buttons, and layout sections without digging around in WordPress settings.
After that, I browse the starter templates. In the walkthrough, I choose “Visual Artist Portfolio” because it looks clean and simple. The template imports a full design, which means I don’t have to build every section from scratch.
Before I import it, I can change the fonts and color palette. That’s one of the fastest ways to make the site feel like mine. In the demo, I test different colors, including purple, and I can see the whole look change right away. I can also upload my logo, pull it in from the Media Library, and add alt text so the image has a proper description.
During the import, Astra installs the plugins needed for the template. If I want a more AI-assisted WordPress route later, I can compare that approach in this 10Web AI WordPress builder review. For this walkthrough, though, Astra plus Elementor gives me enough control without making the process hard.
I edit the pages in Elementor and replace the template content
After the starter site is live, I open a page and click “Edit with Elementor.” That’s where the real cleanup starts, because template content is only a starting point.
Elementor puts the page on the right and the settings panel on the left. When I click a heading, a block of text, an image, or a button, I can edit the details in the side panel. If I want to change the main heading, I type my own text there. If I want a smaller font, I open the typography settings and reduce the size. When I want a different color, I either use the theme colors or pick a custom one.
I treat the H1 as the main topic of the page, so I make that heading clear before I change the smaller details.
That matters because the H1 tells search engines and visitors what the page is about. A vague heading wastes that space. A clear heading gives the page a stronger structure from the start.
I replace the images, logo, and icons
The same editing flow works for images. I click the pencil icon on an image, open the Media Library, and either choose a file that came with the template or upload my own. Since the template imports demo images, I make it a point to replace them with my real photos and brand assets.
Elementor also lets me style the image box. Border type, border width, and border radius all change the look. A larger border radius can turn a square photo into a rounded shape, a circle, or an oval, depending on the image proportions.
Buttons and icons are easy to update too. If I click an icon, I can open the icon library and swap it for something that fits the page better. If I click a button, I can change the text and the link. A link that uses a “#” stays on the same page, but I can replace it with a real page URL or a custom destination when I’m ready.
For another take on the same page-building workflow, Elementor has a solid WordPress website guide. I still like the Astra starter flow here because it gets me to the editing stage faster.
I check the plugins and the mobile layout before I publish
Plugins are what make a WordPress site useful. Without them, the site is functional at a basic level, but it doesn’t do much.
When Astra imports a starter template, it also installs helper plugins that power the layout and forms. Elementor is one of those plugins. WPForms is another. I think of them as the apps on a phone. A phone with no apps isn’t very useful, and WordPress is the same way.
That extra setup is part of the tradeoff. Compared with the simpler flow in this Jimdo website builder review, WordPress asks me to assemble a few more pieces. In return, I get more control over how the site looks and works.
I always switch to mobile view before I call the page done
This part matters because a page that looks great on desktop can feel cramped on a phone. Inside Elementor, I can switch from desktop view to mobile view and adjust elements there.
The helpful part is that mobile changes usually stay on mobile. In the walkthrough, the image border radius is changed in mobile view, and the desktop version stays the same. That means I can tweak sizes, spacing, and shapes for smaller screens without ruining the desktop layout.
Before I move on, I preview the changes and then publish. That quick check saves me from finding obvious layout problems after the page is already live.
I build the menu, contact form, and footer so the site works
A good-looking homepage isn’t enough. People still need a way to contact me and move around the site.
The imported template already includes a contact form, but I can still edit it. If I want an email button that opens directly in a mail app, I can use a mailto: link and replace the demo address with my own. The social icons work the same way. I click each one and add the right URL for my profile.
If I don’t want the existing form, I remove it and drag in the WPForms widget instead. Since the form plugin is already installed, Elementor detects it. Then I choose the form I want, such as a simple contact form, and it drops right into the page.
I use the Customize panel to fix the navigation
Menus are controlled in the WordPress customizer. When I open “Customize” and go to “Menus,” I can edit the primary menu that shows across the top of the site.
In the walkthrough, the starting menu includes Home, About, Work, and Contact. If I want to add another page, I choose it from the list of available pages and insert it into the menu. Dragging a page slightly under another item turns it into a sub-item, which is useful when I want dropdown navigation.
I also scroll down and check the footer. That’s where I can update social links, add extra navigation, and clean up any demo content the template imported. The footer is easy to forget, but visitors use it more than many site owners expect.
Once the form works, the menu makes sense, and the footer is cleaned up, the site feels real. It’s no longer a template. It’s my website.
My first version only needs to work
I don’t need a perfect website on day one. Once I have hosting, a domain, WordPress, Astra, and Elementor in place, I can publish a clean site that people can visit and use.
After that, I can improve the copy, replace more images, refine the layout, and add pages over time. The blank screen is usually the hardest part, and WordPress gets much easier when I build it in the right order.