How to create an architecture portfolio website in WordPress

Decide what visitors need to see before you choose a layout. A practical structure is Home, Projects, About, Services and Contact. Give every project the same basic information: project name, location, date, status, services provided, description and image gallery.

Prepare consistent images before uploading them. Use landscape images for grid thumbnails where possible, and keep the project title, image order and captions consistent across the site. Do not use work you do not have permission to publish.

For the manual route, start with a block theme or another responsive theme that gives you control over colours, typography, templates and navigation. Block themes let you edit site-wide parts such as the header, footer and navigation from the Site Editor.

Set a restrained visual system: one or two typefaces, a neutral background, a readable body size and a strong accent colour. Check the theme’s project grid on a phone before entering all your content. Some portfolio themes use fixed masonry or desktop-oriented layouts that do not adapt well to mobile screens.

Go to Pages > Add New and create Home, Projects, About, Services and Contact. Pages are suitable for non-chronological content such as biographies, services and contact information.

Build the Home page with a short positioning statement, one strong project image, a selected-projects section and a clear link to your full work. Add the pages to your navigation. With a block theme, use the Navigation block; otherwise use the menu controls supplied by your theme.

Create one page for each project, or use the portfolio content type supplied by your theme if it provides one. Add the project title, a short summary, project facts, your role, a description and a Gallery or Image block. WordPress lets you add captions, choose image resolutions, set featured images and enter alternative text for images.

Use a repeatable layout rather than designing every project differently. Put the strongest image first, follow with drawings or plans, then construction or detail photographs, and finish with the project facts and a contact prompt. Add useful alternative text to informative images and mark purely decorative images as decorative.

Link the Home page’s project cards to the full project pages, and add a Projects item to the main navigation. Use short, readable slugs such as /projects/library-renovation/. You can set the site’s permalink structure under Settings > Permalinks; the Post name option produces short URLs based on the page or post name.

If your theme creates projects as a custom post type, check how its archive and single-project templates work before publishing dozens of entries. WordPress falls back through a template hierarchy, so a theme change can leave the content present but displayed without the intended portfolio layout.

Open the site on a phone, tablet and desktop. Check that the menu opens, project cards are easy to tap, galleries do not crop important drawings, captions remain readable and contact forms deliver messages. Look at the page with images disabled or on a slow connection as well; large architectural images are a common cause of slow portfolio pages.

Review every image for permission, alt text, orientation and file size. Confirm that project pages have a title, description and featured image, then clear any caching layer and test the published URLs. If you want the fast route, choose Prague: it is built around architecture-focused layouts, portfolio displays and project demos rather than making you assemble those pieces in a general-purpose theme.