If you are trying to change your WordPress Homepage layout using free tools and plugins, check out our step-by-step approach.
The tone of your website depends on its homepage. If your homepage does not showcase the appropriate content or does not appear how you imagined it, you may need to make some modifications. But this can be a daunting task if you do not hold enough experience in building websites.
The good news to note is that WordPress offers you lots of possibilities for modifying your homepage. This task is not at all problematic. Specific ways are available to implement this so that your homepage conveys your message appropriately.
The following guide discusses the WordPress homepage. It also discusses the reason to change it. The later section highlights several ways to adjust and personalize your homepage. Take a look below:
What Is WordPress Homepage (And Reason to Change Your WordPress Homepage Layout)?
Your homepage is like the welcome mat of your website. Any visitor will first observe this page whenever they type in your website’s URL. Hence, it is vital to lay a powerful first impression.
The homepage must serve the visitors with a basic idea of the idea of your website and what service it can provide them. Generally, slack’s homepage performs an outstanding job of showcasing the product and obtaining the people’s attention.
As default, with several WordPress themes, your homepage showcases your recent blog posts.
However, there is a change if you wish to feature something different. This holds true if you do not have a blog or not the focus of your website.
You may wish to modify your homepage all through the years. If you intend to showcase an event or holiday sale, you can update the page to broadcast that promotion. Alternatively, it suggests that there are ample reasons to modify your WordPress homepage.
Since your homepage fixes the tone for your whole website, as a site owner, you must know how to modify it. Continue reading this detailed guide:
How to Set a Static Homepage:
If you do not wish to represent your blog posts on your website’s front page, you can set a static homepage. This kind of page showcases content that does not change often. On a WordPress site, there can be a homepage and a separate blog page.
For the creation of your homepage, log in to your admin dashboard. So, follow the below path:
Pages > Add New
Give a name to your WordPress homepage, and then click on the ‘Publish’ button. Now repeat these steps another time to make your blog page.
By now, your pages are ready, so you can inform WordPress for what purpose they are to be used.
Follow the below path:
Settings > Reading page
Now in the ‘Your Homepage Displays‘ options, choose ‘A static page.’ After that, from the dropdown menus, select your homepage and posts page.
When you are carrying out such steps, you might need to place your website in maintenance mode. Doing this shows visitors a message you set instead of a general error page or a nonfunctioning website. If you already receive some amount of traffic to your website, it is essential to consider this before modifying your homepage.
For the setup of this feature, you can use the WP Maintenance Mode plugin.
This plugin allows you to convey a custom message to the visitors of your site. Also, it enables you to make a custom message which helps the visitors to know that your site will resume working quickly.
3 Methods to Change Your WordPress Homepage:
Your homepage is already set up, so it is now time to design it and include some content.
Look at the 3 various tools to accomplish this task:
1. With the use of the Theme Customizer to Edit Your Homepage:
Several WordPress themes will offer you a fundamental homepage design along with a few options for modifying it. It is easy to access such options through the Theme Customizer.
Beginning from your admin area, you need to click on the Appearance > Customize to open the tool. It is found that the corresponding customizer presents you with a live preview when you are editing your homepage. Henceforth, you can observe how your modifications influence the look of your website.
But such modifications will not take effect unless you click on the ‘Publish’ button. Hence, you can give it a try.
Based on your theme, there may be varied options for the modifications you can implement. You can navigate through the menu tabs, or you can also click on any area through a blue pencil icon for making edits:
If your theme contains numerous templates for different pages of your website, you can start by exploring each template.
Specific themes provide you options for the position to include your sidebar. Alternatively, you can entirely discard that element to see a full-width page:
There may be some parts of the homepage that you would not use. You can discard them using the theme customizer.
This is easy to implement by searching for the element within the menu, and then you need to click on the eye icon beside the name of the section:
It is possible to bring back any parts you have removed previously by again clicking on the same icon. Also, you can drag the items inside the column if you want to modify their order.
2. Editing Your WordPress Homepage Using the Block Editor:
Though you made some modifications with the theme customizer, you may want some more changes via the Block Editor. The Block Editor provides you more options for modifying the layout and design of your homepage.
Firstly, look for your homepage in the admin dashboard. You need to click on ‘Pages’ and then choose whatever page you set as homepage. Using the Block Editor, you can add various kinds of content to your homepage. It is possible to start with some text that introduces visitors to your website and the purpose.
For getting started, click on the page, and begin typing. You will see that a suitable paragraph block will be automatically prepared.
You can even choose the block on your own after clicking on the plus symbol. This can be done from the top left corner of the screen or whenever it shows up inside the editor window. Next, you can choose or find out the paragraph block.
After there is text in the place, it is possible to use the block settings menu to customize it. Within ‘Text settings,’ you can modify your text’s size by choosing a preset or custom size. Also, you can incorporate a drop cap for a few additional style points.
For the inclusion of some color into your paragraph, use the ‘Color settings.’ You will be presented with a collection of predefined colors to let you choose easily. Alternatively, you can use a custom brand color.
You will probably wish to incorporate some images within your homepage.
For that, click on the plus symbol and choose the ‘Image’ block.
It is possible to use the resultant block for uploading an image. You can choose the photo from your existing Media Library or include one through a URL. A toolbar is present above the block. You can use it to change the alignment of the image or move it vertically across the page.
If you want to include a caption, there is a space available beneath the image to incorporate.
Now you can continue to add the required number of blocks. For accessing more blocks, click on the plus symbol. Now either navigate or search the resultant menu.
To see all the blocks for which you have access, click on ‘Browse all.’
To understand this, for instance, if you want to incorporate a combination of text and media, use the distinct paragraph and image blocks. Instead, you may try a Media & Text block.
This block allows you to display media as well as written content in the particle block, in various configurations:
For removing a block, click the 3 vertical dots within the toolbar over it and select ‘Remove
Block’. Using these tools, it is easy to design any homepage you want.
3. Modifying Your WordPress Homepage Using the Classic Editor:
If you want to work with the Classic Editor, still, you can make an eye-catching homepage. For that, begin from the dashboard of WordPress admin.
Now click on ‘Pages’ and choose the page which you assign as homepage.
For the addition of text, start typing. By default, the text will be a paragraph. However, you can use the dropdown menu to make a heading or title.
The corresponding dropdown menu allows you to modify the text from a paragraph into various headings.
The toolbar besides this drop-down area allows you to perform more changes in your text. You can italicize or bold it, modify the alignment, and make numbered or bulleted lists. Also, you can include a blockquote on your page if you want.
In this toolbar, you can include links in your copy. A button is available to add a ‘read more’ tag. This feature can be beneficial if you add articles on your website but do not plan to show the full texts on the homepage.
The final button in the sequence will open another set of tools. So, you will get more options for changing the style of your text. For example, you can vary the size or add colors.
Additionally, you can add some media or images to your page through the Classic Editor. For that, click on the ‘Add Media button, and you will see a new window opened. To add new files to your media library, you can select the ‘Select Files’ button.
There is the flexibility to upload files from your device to include them in your Media Library.
From this window, it is possible to access the files uploaded previously by clicking on the ‘Media Library’ tab. Now choose the file you want to add, and then click on the ‘Insert into page button.
Now the image will show up on your page. The options for the file are easy to access by just clicking on them. For the image, you can alter the alignment, make editing, or remove it.
After insertion of the image, you can vary the alignment.
To observe how your homepage looks, click on the ‘Preview’ button. After you liked the page’s appearance, click on the ‘Publish’ button to save all the changes. Now, these changes will be reflected on your website.
Optional: Check Out the Twenty Twenty-One Theme:
If you prefer using the block editor, you can look at the Twenty-One theme, known as the latest default theme in WordPress 5.6.
The Twenty Twenty-One theme offers great flexibility and function well on various types of websites. It contains simple fonts and a low-key, pastel color pattern. Also, it makes exclusive use of the designs that are pre-defined block layouts that can be further edited to meet your needs.
Such dedicated layouts and the minimalism of Twenty Twenty-One make the theme a perfect choice for creating a highly customized homepage. No need to use any third-party page builder.
Steps to Build a Menu for Your Homepage:
When you are working on the homepage, you need to consider the navigation menu. This menu probably shows up on many of the pages of your website. Moreover, it can be beneficial for visitors who landed on your homepage for the first time.
From the admin dashboard, follow the below path:
Appearance > Menus
If there are no menus yet, you will be asked to make one. Alternatively, you can choose the ‘Create Menu’ button. Keep in mind that your menu needs a name to differentiate it from other menus you may create.
The subsequent step is to include pages in the menu. Either you can add them separately, or checkmark ‘Auto add pages’ boxes for automatic addition of all top-level pages.
If you like to choose the pages manually, choose the ‘View All’ tab in the left column. Now check to mark the boxes you want to include and then click on the ‘Add to Menu’ button:
It is easy to automatically add the top-level pages or choose the pages on your own.
After adding your pages to the menu, you can set the sequence in which they will show up. This is easy to accomplish by just dragging and dropping the menu items in the place.
Suppose you prefer to include some items inside others to make a dropdown type menu possible. This allows you to have more links in your navigation. When you do it, the appearance will be clutter-free.
You need to drag the child page below and somewhat to the right part of the parent page.
Lastly, based on your theme, there may be a few options on the position of the menu to be shown on your page.
Famous options highlight the footer, the top part of the page, and sidebars (right or left). If the default menu options are not sufficient for you, you can use some other plugins to expand your menu features.
An elegant homepage can let visitors accurately understand the actual purpose of your website. Once you set the WordPress homepage correctly, it can be an efficient tool for your blogs, e-commerce sites, etc.
In specific scenarios, you need to modify your homepage to reveal your brand message, a new service you want to offer, or a new theme. Fortunately, WordPress provides various ways to alter and edit your WordPress homepage. This can be done in 3 ways:
- With the Theme Customizer to edit your homepage
- Editing your homepage using the block editor
- Modifying your homepage using the classic editor