Don't have WordPress yet?

If you haven't yet set up hosting and installed WordPress, you'll need to go back and do that now before proceeding with the rest of this guide.

Introduction to WordPress

This section of our guide on creating a site with WordPerss will walk you through learning the fundamentals of WordPress. If you decide to skip parts of this just remember to check here should you have questions in the future, as you will probably find answers here.

How to Login to WordPress

Here's two ways to log in to WordPress

Without a Password (Note: this only works if your WordPress site is hosted with Websavers)

  1. Log in to the Websavers Client Centre
  2. Under the list of active services, choose "Settings" beside your hosting plan and then wait for the panels to load.
  3. Look for the "Web Applications" panel and choose "Manage" beside your WordPress install, then click "Login" to be automatically logged in to the WordPress admin.

If you have a VPS with Hands-On Support, use these steps instead: Login to Plesk & choose 1-click web apps or Installatron. In the list of WordPress sites, find the one you wish to login to and click the WordPress Admin link. It will automatically log you in.

Tip: you can now go to Users in the WordPress admin and either reset your existing admin password or create a new Admin user so that you can login directly using the steps below.

With a Password

If you know your username and password, you can log in directly by typing this in your browser's address bar (and replacing [your_domain] with your actual domain): https://[your_domain]/wp-admin

WordPress Settings & Configuration

Sketch Your Menu Structure

Grab a notepad, whether digital or paper, and sketch out the menu/navigation structure you want. It's often simplest to base this on other sites that you like that have a similar purpose.

You don't have to include everything right away, but if you can at least get your top-level menu items down pat, then the sub-menu options can come with time.

I know you're going to want to actually build your menu in WordPress next, but you must first create a page or post before you can easily add it to a menu, so don't expect to build your navigation before you actually have pages and posts.

Because of this, I recommend first reading about Pages vs. Posts below, then we'll get into how to actually build your menu with WordPress below that.

Content Organization & Pages vs. Posts

Content Creation & Page Builders

The content editor that comes with WordPress is called the Block Editor or Gutenburg (originally its internal name). WordPress provides an excellent guide to using the block editor on their website here.

Rather than focusing on showing you how to use the block editor - and because WordPress provides that guidance already - here we're going to focus on how to choose between using the built-in WordPress block editor or a 3rd party editor often called a page builder.

Pros & Cons of Page Builders

Many Page Builders for WordPress have been around for longer than the Block Editor and as a result of this they frequently have more features, more flexibility, and are more purpose built for creating advanced page layouts. Meanwhile, the block editor is generally better suited to building blog posts, after all WordPress started as a purely blogging platform.

The biggest downside to using Page Builders is that to make use of more advanced functionality, you'll typically have to pay for their pro or premium version.

Block Editor vs. Page Builder

When we build sites, we choose which content editor to use based on the complexity of content. If you're building a page with advanced layouts, and in particular where there are colour or image block rows (where a section on the page looks almost like its own mini site), use a Page Builder.

On the flip side, if the page content is just some paragraphs of text with some images and/or videos here and there, stick with the Block Editor.

BeaverBuilder Page Builder

Our Page Builder of choice is BeaverBuilder. That links to the free version, called BeaverBuilder Lite, which we have pre-installed on all WordPress installations on our hosting.

With BeaverBuilder installed, if you go to create or edit a page, you will have the option to use the Block Editor or BeaverBuilder to create your layouts and content structure like multiple columns, adding photo sections, photo background rows, and more!

We've got an excellent guide describing exactly why we prefer BeaverBuilder over other page builders and how to use Beaver Builder to create page layouts and insert modules right here.

Are we missing an intro guide to a core part of WordPress? Please let us know that you'd like it added here!

Continue To The Next Stage Of The Guide

This page will always be here for your convenience. Feel free to come back to it as often as you need to figure everything out - you can always use this page as a reference throughout your website creation journey.