Effectively creating an About Us page with WordPress

An appealingly designed "About us" page can significantly shape the first impression of your website. Here, you give potential customers and partners insights into your company, your team, and your mission. In this guide, I will show you how to create your own "About us" page effectively with the Gutenberg editor of WordPress and present it structured with columns and headings.

Key insights

• The creation of an "About us" page is done by using columns and headings in the Gutenberg editor.
• You can use predefined color palettes and design details to make the page appealing.
• Images and texts are essential for the visual and informative layout.

Step-by-Step Guide

First, you start by accessing your WordPress dashboard. Click on "Pages" and then on "Add New" to create a new page. Here, you will create your first "About us" page without a pre-made template.

In the Gutenberg editor, choose a layout option that gives you the freedom to create a clear structure. You can start with a large section that serves as a heading. Make sure to create distinct subheadings to separate different thematic sections.

Insert a new column and style it with full width. Then select a heading and an engaging text that describes who you and your team are. Ensure that the text appears informative and inviting.

To give your page more visual depth, add the "Who we are" section with extra spacing and a background. Choose a predefined color or a custom hue to personalize the design.

In the next section, name the services you offer. You can duplicate and adjust the columns to present multiple services at once. Each service should be showcased in its own box to clearly distinguish between the offerings.

It is important that the columns be 50% wide and have a small margin with rounded corners. Choose the same color for the border as for the header to achieve a unified color design.

Add a fitting image to each service to provide visual support for the text. Ensure that the images are consistent in size and aspect ratio so that they create a harmonious overall appearance.

To center the images and set a maximum size, go to the settings and select a maximum value of 200 pixels. This ensures that the images appear proportional in the view.

In the next step, add additional services or update existing ones to convey a more comprehensive picture of your offerings. Text content can also contribute to enriching the design.

Duplicate the block with the heading "Our Team" to integrate the team member element. Drag this element into the new section and add your team members. The layout remains simple and professional.

For more clarity, manage your team members in list view. Duplicate and edit the names and images of your team members to ensure the information is up to date.

Once you are satisfied with the presentation of your team, it’s time to publish your "About us" page. Click the "Publish" button in the upper right corner.

Check the visibility options to ensure your page is visible to everyone. You can switch it to a private view if you do not want to publish it yet.

After setting the visibility, click "Publish." Your page is now live and accessible to all users.

Summary – Creating Your First "About Us" Page

Creating your "About us" page with WordPress and the Gutenberg editor allows you to clearly present information about your company and your team. By using columns, headings, and images, you achieve an engaging and professionally designed page. With this guide, you are now able to create a structured and informative presentation.