WordPress Layouts | Customizing Key Pages on Your Website

Before Kathryn Presner became a WordPress.com Happiness Engineer (our name for customer support specialists), she spent several years as a freelance website designer, charging clients to build sites with customized WordPress themes. 

Though she had the chops — “my job took a lot of technical skill,” she says — she realized the inherent inefficiencies in her line of work. “To build a site designed from scratch that matches the brand and has custom features, the cost can add up,” she says. “And some business owners I worked with never became comfortable with managing their own website.”

“The whole point of building a WordPress website is having the ability to update it, and it’s a shame when people are so wary of touching their own content,” she adds.

These days, Kathryn helps people overcome obstacles and gain the confidence to create their own websites on WordPress.com.

Building blocks for a better website

Since joining our team, Kathryn has also seen the launch of an innovation that improves the website editing experience: the WordPress Block editor.

Kathryn Presner, Happiness Engineer

As a web designer who’d worked with many small businesses, Kathryn could see that editing a website with blocks would be “a game-changer for WordPress.” 

Blocks are specific components you can use to build pages on your website. There are basic blocks for paragraphs of text, headlines, and images. There are also blocks that provide added functionality such as contact forms, clickable buttons, maps, and slideshows. There are even blocks that integrate with services like Mailchimp and Calendly.

Before the Block editor, you needed at least a little web development experience to customize your site beyond the basics. Now, the Block editor is giving all website owners the power to do more with WordPress.

“It was challenging to create the look of your site as it existed in your head.” But with the Block editor, says Kathryn, “You don’t need to know code or install anything. You have so much more flexibility to put things where you want them and make layouts look the way you want.”

This addresses a roadblock that Kathryn knows all too well — she recalls clients who would contact their developers to make changes to parts of their site (such as updating the hours of operation) that they could have easily done themselves. “The Block editor makes things friendlier for a lot of people,” she says. For example, the business hours block is now an intuitive way to update your hours.

Simplifying the website building experience

WordPress themes drive the look and feel of a website, contributing to its personality, and helping to define the user experience. Yet, even with dozens of free and premium themes to choose from on WordPress.com, people sometimes felt limited or overwhelmed by the design and customization they wanted to do.

As a Happiness Engineer, Kathryn regularly speaks with frustrated customers who want to match the look of a new website to their theme’s demo. Those demos, after all, are often what convince people to start building their site with WordPress.com. 

That’s one reason why WordPress.com introduced the Page Layouts feature, which applies a pre-designed template with placeholder content to common pages. This takes some burden off the shoulders of DIY website owners and serves as a guide for customizing those pages with unique text, images, and more.

Types of pages with pre-designed layout options include:

  • About Pages
  • Blog Pages
  • Contact Pages
  • Menu Pages
  • Portfolio Pages
  • Services Pages
  • Team Pages
  • Homepages

You can now add premade layouts that replicate the look of a demo site much more quickly. Themes are more flexible, too. For example, what if you choose one theme but want your homepage layout to mirror another?

“The cool thing is that all the themes are available to everyone!” Kathryn exclaims. “Maybe they want a color scheme from Balasana, but also want a Brompton homepage layout. That’s now available with all our newest themes.”

How WordPress.com customers explore Page Layouts

Kathryn honed in on two sections of a website that are crucial for anyone operating on WordPress — the About and Contact pages — and clarified how each is enhanced through Page Layouts and the Block editor. These are crucial pages for any website, serving a very specific purpose (no matter if the site is personal or professional).

On the About page, you can edit each aspect of the page to your liking. Take, for example, a headshot — if you like a photo, but don’t want it to be circular, you can customize that. This is because the Block editor lets you make these predefined layouts your own as you move and change existing blocks or add new ones to the mix. Maybe you want to add an email form or a photo gallery to your About page. It’s up to you!

Every business needs a Contact page, but most of them are fairly forgettable. A predefined layout from WordPress.com guides you toward creating something that’s engaging and easy on the eyes. Replace the placeholder text and images with your own versions to personalize and customize it until you’re satisfied. 

Establishing and updating a clear contact page is rudimentary for a business to succeed. “I used to drill this into clients when I was freelancing,” says Kathryn. The star of the Contact page is the form that connects you with your customers. So why are they all so similar — and boring? 

You can edit the form’s call-to-action from the standard “Send us a message” to something more personal like “Say hi!” or “Drop us a line.” 

Exploring your options with layouts and the Block editor

Page Layouts from WordPress.com will jumpstart your creativity. These web page templates don’t even have to be used for their intended purpose! A photographer may want to use a Portfolio page layout for an About page, or a restaurant could use a Menu page layout for its homepage. 

It’s your website, and WordPress.com puts the power to build it in your hands. The Block editor and Page Layouts are the perfect tools for getting the job done.

For those accustomed to what’s now known as the “Classic” WordPress editor, this new website editing experience may take some getting used to. Even Kathryn took a while to switch to using blocks on her own website, but now she’s embraced the new editor.

“It was embarrassing as a Happiness Engineer to retain the status quo, and not try the new thing,” she admits. “I was inspired to switch themes, and I love it.” Kathryn is using the Twenty Twenty theme, which is part of a collection of recommended WordPress themes designed to work well with the blocks.

If you’re feeling inspired to try something new on your website, consider switching themes or experimenting with Page Layouts. If you’re just embarking on a website building adventure, WordPress.com will be there to support you. That’s because people like Kathryn Presner, and other Happiness Engineers, are waiting to help you get the site that’s in your head out into the real world.

Start creating your new website today and see how WordPress.com is empowering businesses, bloggers, artists, and freelancers to build something better — block by block.

Watch a video explaining how to use blocks to edit layouts:

Thousands of small businesses and online stores call WordPress.com home.

Whether you’re looking to promote your business or share your story, we have a plan that’s right for you.

Create your own website

ABOUT THE AUTHOR