Essential Steps to Create Your Website
Website Design covers the visual and structural choices that shape how a site looks and feels to use — layout planning, colour and font choices, hero section design, call-to-action placement, whitespace, readability, featured image handling, sidebar decisions, and the smaller details that make a site feel deliberate rather than thrown together.
None of this needs a design background. Most of it really comes down to clarity and structure: what goes where, how much room separates each element, and what a visitor notices first. The articles cover principles that apply broadly, alongside the specific steps for putting them into practice in WordPress, whether the site’s built with a page builder or directly in the block editor.
This category also covers the more hands-on design tasks — building a style guide, sketching a wireframe before committing to a layout, developing a consistent look without a big budget, and designing for mobile screens from the start rather than patching it in afterwards.
A footer isn’t an afterthought — it’s where visitors go when they’re deciding whether to trust your site or looking for contact details before buying. Here’s how to design one that actually works.
A clear, practical guide to choosing one icon set, keeping visual weight consistent, sizing icons correctly, and handling accessibility for icon-only buttons in WordPress.
Learn how to create a mobile-friendly WordPress website — from choosing a responsive theme and setting font sizes to optimising images and testing on real devices.
A style guide documents your colour palette, fonts, and button styles so every page on your WordPress site looks consistent. Here’s how to create one in an afternoon.
Learn how to plan a website wireframe before you build in WordPress. Covers page listing, defining goals, sketching layouts, and tool selection — step by step.
A featured image controls how your posts appear in blog archives, social shares, and search results. Here’s how to add one in WordPress correctly and avoid the most common mistakes.
Learn how to make a WordPress website accessible with practical steps covering heading structure, colour contrast, image alt text, form labels, keyboard navigation, and mobile testing.
A missing logo and blank browser tab icon make any WordPress site look unfinished. This guide shows you how to create a simple logo and favicon using Canva, what sizes you need, and exactly where to upload them in WordPress.
Learn how to design clear website calls to action in WordPress. Improve clicks with better button text, placement, colour contrast, and page flow.
Learn how to choose website images and visuals for a new WordPress site. Covers visual style, image sources, compression, alt text, and common mistakes to avoid.