Build

Build

Create a site that is easy to navigate and read.

This page will guide you through how to build a website with WordPress, including how to structure your site and how to publish content.

We recommend that you visit the “Design” Path and complete it before you start this “Build” Path, as then you’ll have a good idea of what you want to get out of your website, and will make building it much easier.

With a clear vision in mind, this path will walk you through how to build a small, basic and functional website, which can house any kind of content, be it a blog, portfolio, forum, research repository, teaching aid or anything else. By the end of this path you will be able to build:

  • A homepage
  • A menu system
  • Appropriate content for you site
  • A categorised post system
  • A customised style for your site

Ways of thinking about your online space... (part II)

On a single domain with web hosting you can create multiple websites. A way of imagining this is to think of a house with multiple extensions and rooms which all share the same main address (domain).

These website “rooms” act like subsections of the main domain, and are known as directories and subdomains.

Directories are additional websites built on your domain and can be recognised by the address: domain.com/directory

Subdomains are additional websites built on your domain and can be recognised by the address: sub.domain.com

Think of your main domain site as the main space in your house and these directories and subdomains as small extensions to your house, as they serve the same function, but are more easily seen as separate areas.

Each of the websites you build on your web hosting and domain can be as similar or distinct as you like. You could build one with the application WordPress and the next with MediaWiki or through HTML5. All of your websites might use the same theme and visual design, or they might look completely different. It’s up to you!

Building a basic site step-by-step

Inspiration from around the web

Evernote.com has a very simplistic homepage that links to every other page on the site somewhere, with a great sitemap at the bottom of the page. The top menu is also simple on the surface, but expands into a much larger system with a click.

The Mozilla.org website utilises a homepage with a number of cards that signify featured pages on their site, which is very easy to do with a visual builder like SiteOrigin or Elementor, but can be trickier with the standard WordPress builder.

Airbnb has a landing page that gets straight to the point, with a search bar front and centre, and scrolling down you can find featured sections and paths to explore the site.

Printed Matter books uses a graphically simple, bright homepage that has a lot of information on. It used a variety of scrolling menus and other arrays of graphics and tabs to display information.

The University of Mary Washington (UMW) has their own Domains initiative, and their page for it is beautifully simple, with only what is actually necessary on the site. This means both users can easily navigate the site and also it will be extremely easy to build, ensuring the theme looks good and the header image sits properly is most of the work.

For ideas around why and how to add open-licence content onto your website, visit opened.coventry.domains.

Logo_White on Transparent

Frederick Lanchester Library, Coventry University
Gosford Street, Coventry CV1 5DD
dmll@coventry.ac.uk | 02477 659495
@disrupt_learn

1000px-Cc-by-nc_icon
Scroll to Top