How to edit wordpress home page

New Page

Páginas » Establishing the home page (main page)

A home page is the gateway to your site. By following the steps in this guide, you can change your home page to any page you’ve created.

Table of contents

  1. Step 1: Publish the homepage
  2. Step 2: Establish the homepage
    1. Establish Configuration Home Page
    2. Establish the home page of the pantalla of pages
    3. Establish the home page desde el personalizador
  3. ¡My home page has disappeared!

Step 1: Publish the homepage

If you have created a new page than desea, use the start page, omit this section and advance to step 2.

  1. Navigate to the Pages screen in your WordPress.com panneau de contrôle.
  2. Click Add New Page .
  3. Give the page a title like ‘Home’, or whatever you want to call it.
  4. Add as much content (like text and images) as you want on your page.
  5. Publish the new page.

The page sidebar menu in the page editor with an arrow pointing to the Publish button.Publishing a page in the editor.

💡

If you chose a theme because you liked how the homepage is already designed in the demo, you can choose the Replace my homepage content with the theme’s homepage option while activating the theme.

↑ Index ↑

Step 2: Establish the homepage

You can set the new page you created in step 1 as your site’s home page using one of the methods described below.

📌

To set up the static home page, your site must have at least one published page. Go back to step 1 if no love.

Establish Configuration Home Page
  1. Go to Configuration → Reading on the left sidebar of your site dashboard.
  2. Next to the label Your homepage displays, select the radio button A static page.
  3. From the drop-down menu next to Homepage, choose your new page as the front page for your site.
  4. Click Save Changes at the bottom of the page.

Screenshot of home page display settings in Configuration → Reading. 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.

Captura de pantalla del menú de puntos suspensivos en la pantalla Páginas, con Establecer como página de inicio resaltado. Setting the Homepage from Pages.

Set the Homepage from the Customizer

To set your home page from the Customizer:

  1. Go to Appearance → Customize.
  2. Select Homepage Settings.
  3. Sélectionnez Une page statique .
  4. Dans le menu déroulant sous Page d’ accueil , choisissez votre nouvelle page comme première page de votre site.
  5. Cliquez sur Enregistrer les modifications .

Captura de pantalla de la configuración de la página de inicio en el Personalizador.Paramétrage de la page d’accueil à partir du Customizer.

↑ Indice ↑

Ma page d’accueil a disparu !

Si votre page d’accueil a disparu, il est probable que vous venez de changer de thème et d’ajouter le contenu de démonstration du nouveau thème à votre site. Ne t’en fais pas! Votre ancienne page d’accueil sera toujours disponible dans Pages → Brouillons. Vous pouvez republier la page, puis la rétablir sur votre page d’accueil, en suivant les instructions ci-dessus.

Avions et prix polyvalents

  • Libre

    plan-free-circle

    Lo mejor para los estudiantes

  • Personnel

    plan-personal-circle

    The best for fans

  • Top quality

    plan-premium-circle

    The best for freelancers

  • Business

    plan-business-circle

    The best for small businesses

choose a plan

Am I still confused?

Contact support.

Help us improve:

We’re always looking to improve our documentation. If this page didn’t answer your question or left you wanting more, let us know! We love hearing your feedback. For support, please use the forums or contact support form. Thanks!

Name

Email

Website

D

How to Edit a WordPress Homepage (Easily & Effectively)

Last updated on June 21st, 2022 by Editorial Staff | Reader DisclosureDisclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

Comparte 382 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico

Do you want to create a custom homepage for your WordPress site?

By default, the WordPress homepage displays your blog posts, but you can edit it to show something different. For example, your homepage could be a landing page that highlights your products and services.

In this article, we’ll show you how to easily edit and customize your WordPress homepage.

Cómo editar una página de inicio de WordPress (fácil y eficaz) How to Edit a WordPress Homepage (Easily & Effectively)

What Is the WordPress Homepage?

Your homepage is the ‘front page’ of your WordPress website. It’s the first page that shows up when a user visits your domain name.

For instance, if you type in www.wpbeginner.com into your browser, the page you land on is our website’s homepage, where you can see our latest blog posts:

La página de inicio de WPBeginner The WPBeginner Homepage

Why Edit the WordPress Homepage?

If you’ve decided to create a blog, then it makes perfect sense to just show your blog posts on the homepage.

But what if you’re using WordPress to build a small business website or even to run an online store? In those cases, you may prefer to highlight your products or promotions on your homepage.

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.

The OptinMonster Homepage The OptinMonster Homepage

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.

Using WordPress's Theme Customizer Using WordPress's Theme Customizer

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.

Editing the Top Section of the Homepage in Hestia Editing the Top Section of the Homepage in Hestia

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.

Remove a Section of the Default Hestia Homepage Remove a Section of the Default Hestia Homepage

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.

Click the Publish Button to Make Your Homepage Live Click the Publish Button to Make Your Homepage Live

Here’s how our homepage looks, live on the website:

The Finished Homepage Live on the Website The Finished Homepage 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.

Editing the 'Home' Page With the Block Editor Editing the 'Home' Page With the Block Editor

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.

Adding Text in the Block Editor Adding Text in the Block Editor

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.

Changing the Text Size in the Block Editor Changing the Text Size in the Block Editor

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.

Adding an Image Block to Your Homepage Adding an Image Block to Your Homepage

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.

Adding a List of Your Latest Posts to the Homepage Adding a List of Your Latest Posts to the Homepage

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.

Removing the Sidebar From the Homepage Removing the Sidebar From the Homepage

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:

Homepage Created With the Block Editor Live on the Site Homepage Created With the Block Editor Live on the Site

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.

SeedProd license key SeedProd license key

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.

Create your custom theme Create your custom theme

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.

Select a Theme That Matches Your Needs Select a Theme That Matches Your Needs

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.

Click the 'Edit Design' Link Under the Homepage Template Click the 'Edit Design' Link Under the Homepage Template

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.

The SeedProd Visual Editor The SeedProd Visual Editor

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.

SeedProd Settings for the 'Headline' Block SeedProd Settings for the 'Headline' Block

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’.

When You Edit a Block's Text, It Is Immediately Updated in the Preview When You Edit a Block's Text, It Is Immediately Updated in the Preview

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’.

Change the Button Text Change the Button Text

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.

Edit List of Benefits Edit List of Benefits

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.

Add a Row by Clicking the + Icon at the Bottom Add a Row by Clicking the + 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.

Delete a Block or Section by Clicking the Trash Icon Delete a Block or Section by Clicking the Trash Icon

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.

Editing the FAQ Section Editing the FAQ Section

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.

SeedProd's Post Block Settings SeedProd's Post Block Settings

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.

Enable the SeedProd Theme Enable the SeedProd Theme

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.

SeedProd Home Page Preview SeedProd Home Page Preview

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.

Selecting the Blank Page Template in the Divi Theme Selecting the Blank Page Template in the Divi Theme

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.

Click the Use Divi Builder Button in the Center of the Screen Click the Use 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.

Divi Welcome Screen Divi Welcome Screen

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.

Choose the Browse Layouts Option in Divi Choose the Browse Layouts Option in Divi

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.

Just a Few of the Layout Packs Available in Divi Just a Few of the Layout Packs Available in Divi

We’re going to use the ‘Travel Blog’ layout pack to create our homepage.

First, click on the pack that you want to use:

The Travel Blog Layout Pack in Divi The Travel Blog Layout Pack in Divi

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.

Choose the layout you want to use in Divi Choose the layout you want to use in Divi

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:

Edit header text with Divi Edit header text with Divi

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:

Change the configuration of a module in the Divi Builder Modify the parameters of a module in the Divi Builder

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 full-width header module, so you’ll need to change it under Content » Background for that module:

Editing the background image of the full width header module Changing the background image of the fullwidth header module

Once you’re happy with the changes you’ve made to your page, you can click “Save” at the bottom of the screen.

Click the Save button in Divi Click on the Save button in Divi

Sometimes the bottom row of buttons will be hidden.

If you can’t see them, you’ll need to click the purple “…” button to open them.

Click the icon with three dots to display the Save button Click on the icon with three dots to display the Save button

This is what our live page looks like on the website:

The Divi home page completed Divi home page completed

WordPress homepage setup

By default, WordPress displays your blog posts on the home page.

That means that after you create and customize your home page, 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 up a separate home page and blog page in WordPress.

Pro Tip: Already have visitors to your site? Then you may want to put your site into maintenance mode while you set up your home page. Alternativement, you can set up a test site where you can create your home page before going live.

First, simply go to Pages » Add New and number your new Blog page. After that, you can go ahead and publish the blank page.

Creating a blog page Creating a blog page

Once your home page and blog page are ready, you need to tell WordPress to start using these pages.

You can do this by going to the Configuration » Reading page in your WordPress admin area. You must select the ‘A static page’ option in the ‘Your home page displays’ section. After that, continue and select the pages of the archive and the blog.

Select homepage and blog page Select your homepage and blog page

Don’t forget to click the ‘Save Changes’ button to store your settings.

WordPress automatically displays its latest posts on the blog page. For more details, see this guide how to create a separate blog page in WordPress.

¡Eso that’s it! Created a gran apariencia homepage in WordPress and configured it correctly.

We hope that this didacticiel allows you to learn to edit a page d’accueil of WordPress. You can also take a look at our guide on the must-have WordPress plugins and our tips on how to improve WordPress SEO.

If you like this article, submit to a new YouTube channel for WordPress video tutorials. Also puede encontrarnos on Twitter and Facebook .

Share 382 Share Tweet Share Facebook Messenger WhatsApp Email

Google Google translator

Google Google Translate


Video How to edit wordpress home page

Related Posts

How to add seo keywords in wordpress

Contents1 Cómo agregar palabras clave de SEO en WordPress (aumentar el CTR y las clasificaciones)1.1 Post Title1.2 Headline1.3 Header Tags1.4 Introduction and Conclusion1.5 Body Copy1.6 URL1.7 Meta…

How to embed google calendar into wordpress

Contents1 How to Add a Google Calendar in WordPress (Step by Step)2 Add a Google calendar to your website3 calendario de Google3.1 Versatile plans and pricing4 Video…

How to change the logo in wordpress

Contents1 How to Add a Custom Logo to Your Site Header2 Site Logo2.1 Planes y precios versátiles3 Add, remove or edit a custom logo4 Video How to…

How to add a popup on wordpress

Contents1 Easily create a WordPress emergent form (2 forms)1.1 ¿Por qué usar un formulario emergente de WordPress?1.2 Método #1: Crear un formulario emergente con OptinMonster + WPForms1.3…

How to roll back wordpress version

Contents1 How to Revert WordPress: Undo WordPress Updates (Easy Way)2 How to Downgrade WordPress & Roll Back to a Previous Version2.1 1. A WordPress update included significant changes…

How to rollback wordpress version

Contents1 How to Downgrade WordPress and Revert to an Older Version1.1 1. A WordPress update included significant changes that are not compatible with your theme or plugins1.2…