Site Tutorials

Tutorials »Build a Photography Website Tutorial

Are you a photographer/artist and are looking to show your work on a website? The following steps will guide you from selecting themes, getting acquainted with the best blocks for you, adding the first pages/portfolios in your site, and general settings that you might need to get your art out there.

Before you get started, it can be helpful to think about how you’d like to structure your site. What information and images do you want visitors to find? How would you like to organize them? This will help you decide what pages to add, what categories you could need to sort your work into topics, what menu items you could need to navigate your site, and also give you an idea of how you want the site to look.

Table of Contents

Choosing a Theme

Since the block editor includes several blocks for adding images, galleries, and sliders, you can use any theme for a photography site. However, the following can be good suggestions to start with:

MaylandLive Demo

BalasanaLive Demo

Rockfield Live Demo

CoutoireLive Demo


↑ Table of Contents ↑

Adding your First Page

Your site is made up of Pages, along with Blog posts (optional), and Portfolio projects (also optional but definitely more helpful in a photography site).

Although pages are for content that doesn’t change often, like contact information or your About page, you can definitely use pages to add your image galleries for example. As an alternative, you can also use Portfolio Projects – a special type of Post designed specifically for displaying art or photographs.

You can use the block editor inside your pages or portfolio projects.

Let’s try making a new page now.

Go to My site(s)→ Site → Pages → Add New

add new page

On some themes, you will see the option to select a Layout. On these themes, you can take advantage of preset (already designed) layouts that display when you create a new page. You can select one of the Portfolio layouts, for example, to start with a design and modify only the content (replacing the images and text with your own).

Page layouts, Portfolio examples

If you decide to go with a blank layout, you can add your own content with blocks.


↑ Table of Contents ↑

Working with Blocks Inside your Pages

The following blocks are very useful for displaying visual content.

Image block – Lets you add a single image

Photo by Reagan on Pexels.com

Gallery block – Lets you add a gallery of images. You can customize how many images to show, the number of columns, etc.

Cover block – Lets you added a hero type image (large web banner image) where you can add text and other content over the image.

Your text here

Columns block – Lets you add content next to each other, depending on the number of columns that you specify. Different from the Gallery block, inside each column, you can add not only images but also text and other blocks as well.

Photo by Jonathan Goerke on Pexels.com

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Photo by Dylan on Pexels.com

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Media & Text – Lets you add an image next to text. You can customize the background colors in the text or swap places (image to the right or to the left).

Lorem ipsum dolor sit amet, consectetur adipiscing

Masonry Gallery – A CoBlocks block that lets you add a gallery of images with the option to link each individual image to a specific URL.


↑ Table of Contents ↑

Other Useful Blocks

Other amazing blocks that can help you adding visual content are:


↑ Table of Contents ↑

Using Block Patterns

If your theme doesn’t include page layouts, don’t fret about it, the block editor also includes block patterns that can also help you start on an already preset design. You can insert these patterns in any page, post, or portfolio project, and start editing directly in them (changing text and images). The following is an example of an existing block pattern in the block editor. If this is the exact design you had in mind for a specific section of your site, you can use this pattern and not worry about creating column blocks, inserting blocks for images, text, etc; this pattern already includes this design and is ready to be modified.

Natsuho Kishi

Design Director at EJ Solutions focusing on raising the standard of communication online. She has been leading several award-winning branding projects. including Strn.

Chris Russell

Senior Product Designer at Vaxx and is responsible for transforming UX across the company’s products. Previously, he held leadership roles at TypeTester.

Miguel Ángel

UX Manager at Clockwork. He formerly pioneered the Design System at Blue Sun, and led the Moonlight at Wonders and Co.. Previously Mason was at Sigma and led the product evolution.

Elise Pratt

Senior Product Designer at Idea. Previously Senior Design Director at Minova, UX Design Manager at Ryman. Elise’s work has been featured as pioneer in CX as best practice.


↑ Table of Contents ↑

Using Portfolios

Portfolio Projects are a special type of Post designed specifically for displaying art or photographs.

To enable portfolios on your content, please go to My Sites → Manage → Settings → Writing → Content Types and turning on the “Portfolio Projects” option.

You can use the blocks suggested above to add content to your portfolio projects.

The following themes work very well with portfolio projects:

To add Portfolio projects’ content inside specific pages in your site, you can check the portfolio shortcode.


Conclusion

That’s it! You’ve successfully created and set up your photography website. Congratulations!

In the future, if you’d like to add to or grow your site, you can do that with WordPress.com too. Try searching our support site for the thing you’d like to do!

Was this guide helpful?

Not quite what you're looking for?

Get Help