How to edit a WordPress home page (easy and effective)
Dernière update on June 21, 2022by Editorial Team | Reader Disclosure Disclosure : Our content is endorsed by the reader. This means that if you click on some of our links, we may earn a commission. See how WPBeginner is funded, why it’s important, and how you can support us.
Share 382 Share Tweet Share Facebook Messenger WhatsApp Email
Do you want to create a custom homepage for your WordPress site?
By default, the WordPress home page contains blog posts, but you can edit it to display something different. For example, your home page could be a landing page that highlights your products and services.
In this article, the easiest way is to easily edit and customize the WordPress homepage.
What is the WordPress homepage?
This home page is the “main page” of your WordPress website. Is the first page that aparece cuando a usuario visited on a number of dominios.
For example, if you type www.wpbeginner.com into your browser, the page you land on is the home page of our website, where you can see our latest blog posts:
Why edit the WordPress home page?
If you have decided to create a blog, entonces tiene mucho sentido mostrar the publications of this blog on the homepage.
Pero, ¿qué sucede si está utilizando WordPress para crear un sitio web para una pequeña empresa o incluso para administrar una tienda en línea ? En esos casos, es posible que prefiera resaltar sus productos o promociones en su página de inicio.
Here’s a business website homepage example from OptinMonster, the best WordPress popup plugin out there. Their site has a great blog, but that isn’t the focus of their homepage. Instead, they’ve got a really clear call to action.
Perhaps you’ve already tried to set a custom page as the homepage in WordPress, but you’re struggling to make it look right.
If that’s the case, then you’re in the right place.
We’re going to take you step by step through setting up a homepage and customizing it to match your needs. That way, you can make a great first impression and encourage your visitors to take the actions that are most important to your site’s mission.
That might mean buying a digital product from you, signing up to join your membership site, or donating to your fundraising campaign.
We’re going to cover a few different methods that you can use to create your custom WordPress homepage.
You can use these quick links to jump straight to the different parts of the tutorial:
- Editing Your Homepage With the Theme Customizer
- Editing Your Homepage With the Block Editor
- Editing Your Homepage With a Theme Builder Plugin
- Editing Your Homepage With a Page Builder Plugin
- Setting Your Homepage in WordPress
Editing Your Homepage With the Theme Customizer
Some of the best WordPress themes will create a homepage design for you, and provide options so you can easily edit it.
You can find these options by visiting Appearance » Customize on the admin sidebar. This will launch the WordPress theme customizer with a live preview of your theme.
The Theme Customizer will have different options for different themes. Your preview and the available options may look different depending on the theme you are using. We’re using the free Hestia theme in this example.
To edit any part of the homepage, simply click the blue pencil icon next to it. Here, we’re editing the image, text, and button at the top of the homepage.
Note: As soon as you make edits, they’ll be shown in the preview of your site. Those changes won’t be live on your site until you publish them.
If you want to remove a section from the homepage, then you just need to click the blue eye icon in the top left corner of that section.
You can also remove sections and add them back in using the ‘Frontpage Sections’ tab.
Once you’re happy with your homepage, you need to click the ‘Publish’ button to make it live.
Here’s how our homepage looks, live on the website:
Using your theme’s built-in options is the quickest way to set up your homepage. However, some themes may not have many options, or you may not be satisfied with how your homepage looks.
Don’t worry, there are plenty of other ways for you to edit your homepage and give it the look you want.
Editing Your Homepage With the Block Editor
The WordPress block editor is a simple way to create a custom homepage, although it’s limited by your theme’s design.
To use the block editor, simply go to the Pages » All Pages screen and edit the ‘Home’ page that you created earlier.
Now you can start creating the content for your page.
In this part of the tutorial, we’ll be using a few simple blocks to create a basic homepage.
First, we’ll add a welcome message to the page. You can do this by simply clicking on the page to start typing. WordPress will automatically create a paragraph block for you.
If you want to make the text larger, then it’s easy to do that in the block settings on the right hand side. Just click on one of the preset sizes, or you can click on the ‘Set custom size’ icon and type any size you like.
You can also change the color of your text, using the ‘Color’ options for the text or background.
Next, we’ll add an image to the page. You can do this by clicking the (+) symbol and then selecting the Image block.
You’ll find it in the Media section, or you can search for it using the search bar.
You can pick an image from your media library or upload a new one.
Next, we’ve added another paragraph block, with the text ‘Check out our latest posts here’.
We’ve then added a ‘Latest Posts’ block, which we’ve set to show the post excerpt and featured images, as well as the post titles. You can find out more about the Latest Posts block in our tutorial on displaying recent posts in WordPress.
You can add as many blocks as you want to your homepage. You may also want to use a ‘full width’ or ‘no sidebars’ template for your page if your theme has one.
For example, when using the Astra theme, you can customize the layout of the page from the Astra Settings pane. Other themes may provide a section in the Document settings pane.
Once you’re happy with your homepage, you should click the ‘Update’ or ‘Publish’ button on the top right of the screen to push your changes live.
Here’s how our finished homepage looks:
What if you want to go further with your homepage? One option is to try some of these best block plugins for WordPress to add new functionality, such as a contact form, testimonials, reviews, and more.
Another great option is to use a more powerful theme builder or page builder for WordPress to create something that looks gorgeous and professional.
In the next parts of this tutorial, we’ll cover SeedProd, a theme builder, and Divi by Elegant Themes, a page builder.
Editing Your Homepage With a Theme Builder Plugin
The easiest way to edit your homepage is by using SeedProd. It’s the best WordPress theme builder plugin and can create beautiful website layouts and custom templates without writing any code.
You can use SeedProd to create a fully custom WordPress theme, including a custom homepage template.
Note: There is a free version of SeedProd, but you will need the Pro version to access the theme builder and edit the homepage template.
First, you need to install and activate the SeedProd plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Upon activation, you need to enter your license key. You can find this information under your account on the SeedProd website.
After that, you can use SeedProd to easily create a WordPress theme, including a completely custom homepage from scratch.
Creating a Custom WordPress Theme
You can create a new theme in SeedProd by navigating to the SeedProd » Theme Builder page. Here, you’ll use one of SeedProd’s ready-made themes as a starting point. This will replace your existing WordPress theme with a new, custom design.
You can do that by clicking the ‘Themes’ button.
You will be shown a list of professionally designed themes that are designed for different types of websites. For example, there are templates called ‘Modern Business’, ‘Marketing Agency’, and ‘Mortgage Broker Theme’.
Take a look through the options and select one that best matches your needs by clicking the checkmark icon. For this tutorial, we’ll choose the ‘Digital Strategy’ theme.
Once you have chosen a theme, SeedProd will generate all the theme templates you need. It will include a template for your static homepage, as well as one for your blog’s index page.
Editing the Homepage Template
SeedProd makes it easy to edit any of these templates using a drag and drop page builder.
Simply click the ‘Edit Design’ link found under the ‘Homepage’ template. This will open the template in SeedProd’s visual editor.
This simple drag and drop builder will show a live preview of your page to the right and a toolbar on the left. You can add new blocks by dragging them onto the page, rearrange them by dragging them up and down with your mouse, and customize any block by clicking on it.
Notice that the template has already provided an attractive layout and added plenty of relevant content on the page. Now you just have to edit it to suit the purpose of your website.
When you hover your mouse over a block, a toolbar will appear.
If you click on the block, then you can adjust its settings in the left pane.
For example, when you click on the headline, you can edit the text, change the alignment, alter the font size, and more.
When you change a setting, you can immediately see it in the preview on the right.
For example, we’ll change the text to ‘All About WordPress’.
Once you’ve done this, you can click the ‘Blocks’ icon near the top of the settings page. This will return you to the Blocks view.
Next, we’ll edit the button text. You can click on the button labeled ‘What we do’ and edit the text to say ‘See the courses’.
Now we’ll scroll down our homepage until we come to the list of bullet points about the products and services you offer.
You can edit these in the same way, by clicking on a block and editing the text.
Your homepage should now look something like the screenshot below.
If you need to add more detail, then you can add another row of bullet points by clicking the blue ‘+’ icon at the bottom.
The SeedProd template may have included more sections than you can use. You can easily delete any blocks or sections you don’t need by simply clicking the trash icon.
For example, you can hover your mouse over the ‘Trusted By’ section of the homepage. Once the toolbar appears, you can click on the Trash icon to delete that section.
Near the bottom of the homepage there is a FAQ section. This was created using an Accordion block, which makes it simple to customize the questions and answers you want to include on your homepage.
When you click on the block, you are able to edit the text for each question and answer.
Once you have finished customizing your homepage, make sure you click the ‘Save’ button at the top of the screen. Then you can return to the list of templates by clicking the ‘X’ icon.
As you can see, SeedProd’s templates, drag and drop interface, and useful blocks make it ideal for editing your website’s homepage. For even more ideas, take a look at our guide on how to create a landing page with WordPress.
Editing the Blog Index Template
You can edit your blog index template in a similar way. You can learn how to do this by visiting our guide on how to create a separate page for blog posts in WordPress.
Using Method 2, you should scroll down to the section on customizing your blog page. Here you’ll learn how to add new blocks using drag and drop, and how to change the settings for each block on the page.
We’ll show you how to edit the Posts block to list your posts in multiple columns and display or hide the featured image for your posts.
There are settings for how many posts to display, and whether to show a post excerpt. You can also filter the index by post type, category, tag, or author, and change the sort order.
Enabling the SeedProd Theme
Once you have finished customizing the theme templates, you will need to publish the new custom theme. Simply toggle the ‘Enable SeedProd Theme’ setting to the ‘YES’ position.
If you haven’t already changed your WordPress Home and Blog page settings, then you’ll see a notification message. When you click the ‘OK’ button these settings will be changed for you.
You can now visit your website to view your new home page.
Editing Your Homepage With a Page Builder Plugin
Divi is a popular WordPress page builder plugin. It comes with a WordPress theme and a page builder plugin with dozens of gorgeous templates.
You can use the Divi page builder with any theme. For this tutorial, we’re going to use it with the Divi theme.
First, you’ll need to download, install, and activate the Divi theme from Elegant Themes. This includes the Divi builder, so you don’t need to install it separately. You will need to enter your username and API key under Divi » Theme Options » Updates in order to access the layout packs.
If you need help installing the theme, then take a look at our step by step guide on how to install a WordPress theme.
Once you’ve got the Divi theme and page builder up and running, you can set up your homepage. First, go to the Pages menu in your WordPress dashboard and then edit the homepage we created earlier.
Before you start editing your homepage, it’s a good idea to switch to the ‘Blank Page’ template under the ‘Template’ panel on the right. That way, your homepage won’t have a sidebar, title, menu, or any other default elements.
Next, you can click the ‘Use The Divi Builder’ button at the top of the screen.
Now, you’ll need to click the ‘Edit With The Divi Builder’ button in the center of the screen.
You should now see the Divi Welcome Screen. It includes a video tutorial on how to use Divi, a brief description of how to get started, and buttons to either start building your page or take a tour of Divi’s features.
We’ll click the ‘Start Building’ button at the bottom of the page.
Next, you’ll see a range of options you can use to create your page. We suggest using a premade layout as the basis for your homepage. This makes it really quick and easy to get your homepage set up.
Divi has an impressive range of different layouts to choose from. There are hundreds of different layout packs, and each of these has several different page layouts including homepages.
You can search through these by typing in a search term, or you can check the boxes to view only layouts that fit certain categories.
We’re going to use the ‘Travel Blog’ layout pack to create our homepage.
First, click on the pack that you want to use:
Next, you’ll see a description of the layout pack, plus the different page layouts that are available. You’ll probably want to use the ‘Home’ page or ‘Landing’ page for your homepage. We’re going to pick the ‘Home’ option.
Once you’ve chosen your layout, click the ‘Use This Layout’ button at the bottom of the page.
Divi will automatically import the layout for you. You’ll then see it live on your page, exactly as it’ll appear on your site. To edit any part of it, simply click on it.
Divi uses a system of rows (split into columns) and modules to create your page. With text modules, you can click on the text and type in whatever you want straight onto the screen.
Here, we’ve changed the header and the text below it:
With other modules, you can bring your mouse cursor over them and click the ‘Module Settings’ icon to edit them.
Here, we’re editing one of the number counters:
You can delete modules and rows in the same way, using the trash can icon.
You’ll likely want to use your own images on your homepage. You can change these by editing the module settings.
Note that the image at the top is set as the Background for a Fullwidth Header Module, so you’ll need to change it under Content » Background for that module:
Once you’re happy with the changes you’ve made to your page, you can click ‘Save’ at the bottom of the screen.
Sometimes the bottom row of buttons will be hidden.
If you can’t see them, then you’ll need to click the purple “…” button to open them up.
Here’s how our page looks live on the website:
Setting Your Homepage in WordPress
By default, WordPress displays your blog posts on the homepage.
That means that after creating and customizing your homepage, you’ll need to tell your WordPress site to display that page when someone visits your domain.
Let’s take a look at how to set a separate homepage and blog page in WordPress.
Pro Tip: Do you already have visitors to your site? Then you might want to put your site into maintenance mode while you’re setting up your homepage. Alternatively, you could set up a staging site where you can create your homepage before publishing it live.
First, simply go to Pages » Add New and name your new page Blog. After that, you can go ahead and publish the blank page.
Once your homepage and blog page are ready, you need to tell WordPress to start using these pages.
You can do this by going to Settings » Reading page in your WordPress admin area. You need to select ‘A static page’ option under the ‘Your homepage displays’ section. After that, go ahead and select your home and blog pages.
Don’t forget to click on the ‘Save Changes’ button to store your settings.
WordPress will automatically display your latest posts on the blog page. For more details, you can see our guide on how to create a separate blog page in WordPress.
That’s it! You’ve created a great looking homepage in WordPress and set it up successfully.
We hope this tutorial helped you learn how to edit a WordPress homepage. You might also want to take a look at our guide on the must have WordPress plugins and our tips on how to improve WordPress SEO.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Comparte 382 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico
Pages » Set the Homepage (Front Page)
A homepage is the front door to your site. Using the steps in this guide, you can change your homepage to any page you’ve created.
Table of Contents
- Step 1: Publish the Homepage
- Step 2: Set the Homepage
- Set the Homepage from Settings
- Set the Homepage from the Pages Screen
- Set the Homepage from the Customizer
- My Homepage Disappeared!
Step 1: Publish the Homepage
If you already have a new page created that you wish to use as your homepage, skip this section and move to Step 2.
- Go to Pages screen in your WordPress.com dashboard.
- Click on Add New Page.
- Give the page a title like ‘Home’, or whatever you would like to call it.
- Add all the content (like text and images) you want on your page.
- Publish the new page.
Publishing a page in the editor.
If you’ve chosen a theme because you liked how the home page is already laid out in the demo, you can choose the Replace my homepage content with the theme’s homepage option while activating the theme.
↑ Índice ↑
Step 2: Set the Homepage
You can set the new page you created in step 1 as your site’s homepage using one of the methods described below.
To set the static homepage, your site must have at least one published page. Go back to Step 1 if you don’t see it.
Set the Homepage from Settings
- Go to Settings → Reading in the left sidebar of your site dashboard.
- Next to the label Your homepage displays, select the radio button A static page.
- From the drop-down menu next to Homepage, choose your new page as the front page for your site.
- Click Save Changes at the bottom of the page.
Setting the Homepage from Settings → Reading.
Set the Homepage from the Pages Screen
If your theme has already been set to use a static page as the home page, you can open your list of pages and click on the three dots next to a page, then select Set as Homepage.
Setting the Homepage from Pages.
Set the Homepage from the Customizer
To set your home page from the Customizer:
- Go to Appearance → Customize.
- Select Homepage Settings.
- Select A static page.
- From the drop-down menu under Homepage, choose your new page as the front page for your site.
- Click Save Changes.
Setting the Homepage from the Customizer.
↑ Index ↑
My homepage is gone!
If your homepage is gone, chances are you just changed themes and added the new theme’s demo content to your site. Do not worry! Your old homepage will still be available in Pages → Drafts. You can republish the page and then set it back to your homepage, following the instructions above.
Versatile planes and prices
the best for the students
The best for fans
The best for freelancers
The best for small businesses
choose a plan
Am I still confused?
Help us improve:
Nous cherchons toujours à améliorer notre documentation. Si cette page n’a pas répondu à votre question ou vous a donné envie d’en savoir plus, faites-le nous savoir ! Nous aimons entendre vos commentaires. Pour obtenir de l’aide, veuillez utiliser les forums ou contacter le formulaire d’assistance. Merci!
Use the Site Editor » Edit Your Homepage Using the Site Editor
Your site, or blog, has two options for what to display on the homepage. The homepage is the first page your visitors will see when they visit your site. You can show your latest posts or set up a static home page.
In this guide, you will learn how to use the Site Editor to customize the design of your homepage.
Table of Contents
- Choose Homepage Option
- Edit Homepage Template
- Latest Posts
- Static Homepage Template
Choose Homepage Option
The first step is to decide whether you want to display your latest posts or a static homepage.
Setting your homepage to display your latest posts means that every time you publish a new blog post, that post will be displayed on your home page, along with previous posts.
A static page is a page that you create to display specific content when people first visit your site. You can add images, text about your site, buttons to other pages, and additional helpful information. Think of a static page as the front door of your website.
You can also add a block that will display a few blog posts as well.
To set your homepage, go to Settings → Reading in your WordPress.com dashboard and choose either “Your latest posts” or “A static page.”
If you select “A static page,” you’ll have the option to choose your homepage from the drop-down list of published pages and an optional Posts page for your blog.
Click Save Changes at the bottom of the Reading Settings page to apply your changes to your homepage settings.
How to Create a Static Homepage
How to Create a Separate Blog Page
↑ Índice ↑
Edit Homepage Template
Once you’ve decided which setting you want for your homepage, you may want to edit how that page looks. Editing a template allows you to change spacing, padding, headers, and other elements of the page’s layout.
In the video below, we will show you how to identify that you are using the latest posts as your home page and where to go to edit that page’s Template.
- Go to Settings → Reading to confirm that your homepage displays “Your latest posts”.
- Then, go to Appearance → Editor.
- In the Editor, click on the Toggle Navigation option in the top left (it will either be the WordPress icon, or your own site icon) and click Templates.
In most cases, by default, the home page template loads in the Site Editor. However, you can verify which template you are editing using step 3 above.
In Templates, you will have one of these three templates:
- Front Page
If you don’t see one of these templates, click Add New to add the Front Page, Home, or Index template.
Click on the Template name to open the Template in the Editor.
The video below will show you how to edit your homepage when using it to display your latest posts.
For more detailed instructions on editing your homepage template, check out the link below.
Static Homepage Template
If you choose to create a static homepage and want to customize the page’s Template to have a custom design, this video will show you how to set a different template.
You add content to your homepage through Pages and you add design elements (like menus, headers, footers, etc) through the Editor.
- Go to Settings → Reading to confirm that your homepage displays “A static page” and select the published page you want to be your site’s home page.
- Después de diseñar la Plantilla que desea usar, vaya a Páginas para editar su página de inicio.
- En la barra lateral de Configuración a la derecha, busque la sección Plantilla:.
If you don’t see the Settings sidebar, click the settings icon at the top of your page.
- Select the template you want to apply to the home page from the dropdown list.
You can create a new template using the “New” link below the dropdown menu and then visit Appearance → Editor → Toggle Navigation → Templates to edit the new template.
You can click Preview to see how the page will appear with the template applied, or click Refresh to apply the changes to your site live.
Versatile planes and prices
the best for the students
The best for fans
The best for freelancers
The best for small businesses
choose a plan