Creating a homepage in wordpress

New Page

The Definitive How-to Guide to WordPress Homepage Setup (2022)

Editorial Team Posted on March 11, 2022 Posted in Featured 12 Comments

The Definitive How-to Guide to WordPress Homepage Setup (2022) The Ultimate How-to Guide to Setting Your WordPress Homepage (2022)

A home page can serve as a landing page for potential general customers or information about the services you provide. It all depends on the type of website that tengas. If you are in the process of initiating a web site of electronic commerce, you will find the beginning page of the products that sell. In the town hall of los casos, antes de iniciar un site web, revisa par de temas y finally elige un tema de WordPress gratuito que se adecuado para su nuevo site web.

Excited, he installs this WP theme and fires up his website in the browser. And then you realize there is no image slider, no images, no text. Their website looks nothing like the theme demo. Yes, that is why experts recommend going for a premium theme at the initial stage, especially for eCommerce sites.

Regardless of which theme you install, free or paid, it may not look anything like the screenshot. Oui feel disappointed naturel. But before you let that feeling turn into frustration, let’s understand why this happens. There are two reasons why your website doesn’t look like the theme demo.

  1. There is still very little or no content on your website.
  2. Not configured your home page.

You will add more content to your website over time. So that will take care of the first reason.

Most of the WordPress themes come with a personalized page. Even if your theme doesn’t, you can easily create a custom home page for your WordPress website. Setting up your home page the right way will take care of reason two.

Recommended Reading

The Definitive Collection of the Best Free WordPress Themes

Dans cet article, we will see several options WordPress offers to configure your home page.

Table of contents

  • See video tutorial on how to edit or cambiar on WordPress homepage
  • How to set a page as a homepage
    • Display a list of blog posts on the homepage
  • Establish a static WordPress page as your homepage
    • Step 1. Create a static homepage
    • Step 2. Create a Placeholder Blog Page
    • Step 3. Set a static page as your homepage
  • Add home link to menu
  • Blog Page Options
    • Number of post entries to display on blog page
    • Post-entry content display mode
  • Conclusion

See video tutorial on how to edit or cambiar on WordPress homepage

In case of video preference, we have a slightly outdated version of these steps as a video tutorial. The interface used is prior to WordPress 5.0. But the instructions remain the same.

How to set a page as a homepage

Avant de voir comment définir la page d’accueil ou modifier la page d’accueil, vous devez décider du type de page d’accueil dont vous avez besoin. La page d’accueil doit-elle être une page avec un contenu statique ou une liste de vos articles de blog ?

Display a list of blog posts on your homepage

By default, WordPress will show your most recent blog posts on the homepage. Most often, if you are running a simple WordPress blog or a magazine website, a list of the most recent blog posts is what you will want to show on your home page.

That way your readers will see the most recent articles (or news) when they come to the homepage.

But this won’t do if you’re planning to build any other type of website. Particularly an eCommerce or a business website.

On a business website’s homepage, you want to:

  • Introduce your business to the visitors
  • Give them a glimpse of the products (or services) you offer
  • Showcase customers testimonials or awards
  • And provide information about how interested visitors can get in touch with you

As mentioned earlier in the article, for an eCommerce store, you’ll want to showcase your products, recent product reviews, and any offers you may have running.

Either way, the very first step is to set a static WordPress page as your homepage.

Out of the box, WordPress gives you two ways to create content:

  1. Blog posts
  2. Pages

Which one do you use?

Blog posts are chronological entries in your blog. Each blog post has a publish date. For example, chronological content such as company news will be published as a blog post.

Pages, on the other hand, have no chronological order. They are meant for more static, evergreen content. So, timeless content such as your ‘About’ and ‘Contact’ information should be published as pages. As an example, for a non-blog website, your home page will have static content. And should be published as a static WordPress page.

Recommended Reading

Top 25 WordPress Themes With Sliders

Set a WordPress Static Page as the Homepage

Now that you know what a WordPress page is, let’s look at the three steps you’ll need to set a static page as your homepage.

Step 1. Create a Static Homepage

In this step, we’ll create a WordPress page, that we’ll later set as the home page. To create a page in WordPress login to your WordPress dashboard admin area, then:

  1. Click on the Pages >> Add New menu.
  2. Add a page’s title and content.
  3. Then click on the Publish… button to publish your page.

wordpress-create-static-homepage wordpress-create-static-homepage

Step 2. Create a placeholder Blog Page

Since our homepage will now be set to the page we created in step 1, we’ll need another page to display our blog posts. This page will serve as a placeholder to display our blog posts.

To create this placeholder blog page:

  1. Click on the Pages >> Add New menu.
  2. Set the page title. For now, let’s set it to ‘Blog’. Don’t worry about the content.
  3. Then click on the Publish… button to publish your page.

wordpress-create-static-homepage wordpress-create-static-homepage

This is an optional step. You can skip this step if you don’t plan to publish any blog posts on your website. You can create a WordPress website using just static pages.

If you decide to publish blog content in the future, you can always come back to this step.

Step 3. Set a Static Page as your Front Page

In this final step, we’ll configure WordPress to display our static page as the homepage. We’ll also tell WordPress to display our blog posts on the placeholder Blog page we created in step 2.

To set the home page (and the blog page where WordPress will display a list of your blog posts):

  1. Click on Settings >> Reading in your admin dashboard.
  2. Set Your homepage displays to A static page.
  3. Select the static page we created in step 1 as the Homepage.
  4. Select the placeholder blog page we created in step 2 as the Posts page.
  5. Click Save.

wordpress-establecer-homepage wordpress-set-homepage Set your home page in WordPress

You can also do this from the Appearance >> Customizer >> Homepage Settings option.

  1. Click on Settings >> Reading in your admin dashboard.
  2. Set Your homepage displays to ‘A static page’
  3. Select the page you want to set as the Homepage from the dropdown.
  4. Click the Save button to save your changes
  5. (Refer to the screenshot above)
  1. Go to Appearance >> Menus in your WordPress admin dashboard.
  2. In the Pages box, select the View All tab.
  3. Check the “Home” checkbox.
  4. Then click Add to Menu.
  5. Finally Click Save Menu.

Add the Home Link to the Menu

Typically a navigation menu will contain a ‘Home’ link that points to the homepage of your website. What happens when you change the homepage? Do you have to go back to the navigation menu and change the link as well?

Fortunately, no.

WordPress makes it easy to add a custom ‘Home’ link to your site. This link will always point to the homepage of your website, no matter which page you set as the homepage.

To add this ‘Home’ link to the navigation menu, read on.

WordPress-custom home link wordpress-custom-home-link

Blog Page Options

WordPress also gives you a couple of options for the blog page. With these options, you can control how blog post entries appear.

Number of post entries to display on the blog page

This option controls the number of blog post entries that appear on the homepage. In case you have more blog post entries, they’ll be displayed on pages 2, 3, and so on.

Visitors can navigate to the next page using paging links. Your theme decides how these paging links appear.

To set the number of post entries to display on the homepage:

  1. Click on Settings >> Reading in your admin dashboard.
  2. Set the “Blog pages show at most” option to the number you desire.

wordpress-blog-page-number-of-posts wordpress-blog-page-number-of-posts

Keep in mind that sticky posts simply ignore this number. For example, if you set this number to 10 and have a single sticky post, 11 blog post entries will be shown on the blog page.

Post entry content display mode

You can also control how the content of your blog post entry appears on the blog page. You can either choose to show the entire content of the blog post or just the summary.

To set this option:

  1. Click on Settings >> Reading in your admin dashboard.
  2. Set the “For each article in a feed, show” option to the option you desire.

wordpress-blog-page-contenu-résumé wordpress-blog-page-contenu-résumé

Note that this option may not work with all themes.

Recommended Reading

How to Change the Logo & Site Title in WordPress

Conclusion

Unless you’re using a simple blog, you’ll probably need to set a custom WordPress homepage. In this article, we saw how to create and set a static WordPress page as your homepage.

We looked at how to add a custom homepage link to the menu. So no matter what page you set as your homepage, that link will always point to the site’s homepage.

In addition, we also looked at how to set up a custom blog page and decide how blog post entries appear on it.

Your turn.

Like this article ? Consider sharing it with your friends.

WordPress tutorials for beginners

Menu

Create your new blog or website for free Let’s Go!

Skip to content

Look for

  • Tirez le meilleur parti de WordPress.com
  • Aller vite : une liste de contrôle
  • Lancez votre site : le film
  • CommencerEnregistrer et configurer les paramètres de base
  • Obtenez ComfyApprenez à naviguer sur WordPress.com
  • Get PersonalityPick a theme
  • Get ConfiguredCustomize your site
  • Get PublishedCreate posts, pages, and menus
  • Get FlashyEnhance your site with widgets
  • Get ConnectedExplore the community and get noticed
  • Get MobileBlog on the Go
  • Get Lingo
  • Get a Homepage

Want to step up your blogging game?  

The Intro to Blogging Course from WordPress.com was built to help you learn about blogging while working through lessons focused on creating great content.  

wpcourses-logo

Sign Up Now

Get a Homepage

You can easily turn your blog into a website, with a static homepage that people will land on every time they arrive. Combine a homepage with other static pages and some custom menus to help visitors navigate, and before you can say “Told you so!” you’ve got a website.

Create your homepage

Start off by creating the page you’d like to use as your homepage. Go to My Sites → Pages → Add. Call it “Home.” Don’t worry about writing it yet — we’re just getting your website set up here. Stick in a bit of placeholder text if you’d like.

Now, create a second, blank page by going once again to My Sites → Pages → Add and call it something like “News,” or “Blog,” or “Posts” — a name that will help you remember that this is the page on which your posts will appear.

To designate your static homepage, go to My Sites → Appearance → Customize → Homepage Settings:

paramètres de la page d'accueil

Then, under Front page displays, choose A static page. Next, click on the Homepage dropdown list and select the “Home” page you created as your static homepage:

page d'accueil-paramètres-page d'accueil

Next, on the Posts page dropdown, select the “Posts” page you created. (This is where your new blog posts will appear, should you choose to write posts for your site.)

page d'accueil-paramètres-messages-page

Last, click on Publish for these changes to take effect.

Now, when you go to your web address, you’ll see your new homepage rather than blog posts. Granted, you’re looking at either a blank page or some placeholder text, but still! You’ve built a website. Kudos.

Make your homepage beautiful

Now that you’ve laid the technical foundations for a static homepage, it’s really just a matter of deciding how to present it in a compelling way. Here are a few ideas:

  • Create a gallery, single full-width image, or slideshow to show off some of your best work. We cover this in Get Flashy.
  • Create a welcome message and linked list of your favorite posts.
  • Go wild with images, text, galleries, and media that set the tone for your site.

Making your homepage work for you

If you want your homepage to really serve your interests, make sure that you think about including:

  • A clear, custom menu pointing to your best content, pages, and blog categories. You’ll learn all about that in Get Published.
  • An arresting visual look, from header to custom colors and fonts. You’ll learn how to put those into action in Get Configured.
  • Some useful widgets in the sidebar of your blog, to help people find their way around or get an at-a-glance picture of what your site or blog is all about. You can learn about setting up and getting the best out of widgets in Get Flashy.

That’s it — you should now have a static homepage that transforms your site from simple blog to beautiful website.

Share this:

  • Click to email a link to a friend (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on Twitter (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to print (Opens in new window)
  • More
  • Click to share on Reddit (Opens in new window)

Like this:

Like Loading…

Want to step up your blogging game?  

The Intro to Blogging Course from WordPress.com was built to help you learn about blogging while working through lessons focused on creating great content.  

wpcourses-logo

Sign Up Now

  • Questions? Get answers from Support
  • Print this Guide
  • Glossary
  • Create a free website or blog at WordPress.com.
  • WordPress.com Support
  • WordPress.tv

An Automatique Creation

How to Create a Custom Home Page in WordPress

Last updated on August 26th, 2021 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.

Shares 149 Share Tweet Share Facebook Messenger WhatsApp Email

Often users ask us if it’s possible to create a custom homepage in WordPress.

By default, WordPress shows your blog posts on the homepage. However, as a business website, you may want to create a more engaging homepage that helps users find what they need and boost your sales conversion.

In this article, we will show you how to easily create a custom homepage in WordPress. We will show multiple methods, and you can choose the one that’s easier for you.

Créer une page d'accueil personnalisée dans WordPress Créer une page d'accueil personnalisée dans WordPress

What is a Homepage?

A homepage is a default introductory page or the frontpage of a website. It is the page that appears when someone enters your website’s domain name in their browser’s address bar.

Exemple de page d'accueil Exemple de page d'accueil

The main purpose of the homepage is to introduce users to your website or business. Ideally, it should provide users essential information about your business, so they can continue exploring other pages on your site.

By default, WordPress displays your recent blog posts on the homepage. This is not good as it only shows a few of your current articles.

If you run a business website, then the default homepage does not tell users about your business, products, or services. It also doesn’t provide users a way to contact you.

The good news is that WordPress already comes with built-in functionality to create custom home page.

Selecting a Custom Page to be Used as Homepage in WordPress

WordPress allows you to easily use any page on your website as your homepage. You can simply go to Pages » Add New page inside WordPress admin area to create a new page.

Let’s give this page a title ‘Home’ and publish it. You will use this page as your custom homepage.

Don’t worry about layout or design at the moment. We will show you how to design your homepage later in this article.

Now, if you want to run a blog on your site, then you need to create a separate blog page to display your posts.

Once again, go to Pages » Add New page and create a page titled ‘Blog’. Go ahead and publish the blank page.

After creating the pages, you need to visit Settings » Reading page in your WordPress admin. From here select ‘A static page’ option under ‘Your homepage displays’ section.

Sélectionnez les pages d'accueil et de blog Sélectionnez les pages d'accueil et de blog

Next, you need to select the homepage and the blog pages you created earlier.

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

Now that you have set up a page to be used as your custom homepage, let’s start designing the custom home page for your WordPress site.

Method 1. Create a Custom Homepage in WordPress using Gutenberg

WordPress introduced a new block-based editor called Gutenberg in December 2018. This new editor allows users to not just write content but create beautiful layouts as well.

It uses blocks for each content element which enables you to organize content blocks to create a page structure that you like.

WordPress includes blocks that can be used for design purposes like cover images, columns, tables, text and media, galleries, and more.

Modification de la mise en page de votre page d'accueil personnalisée à l'aide de Gutenberg Modification de la mise en page de votre page d'accueil personnalisée à l'aide de Gutenberg

Each block comes with its own settings, which allows you to customize its appearance to meet your design requirements.

You can extend available blocks with Gutenberg block plugins to add more blocks to your arsenal. These plugins allow you to use advanced elements like testimonials, sliders, services, and other common design features.

Utilisation de plugins de bibliothèque de blocs avancés pour créer la mise en page de la page d'accueil Utilisation de plugins de bibliothèque de blocs avancés pour créer la mise en page de la page d'accueil

You can also use Gutenberg ready WordPress themes which give you more flexibility to work with blocks.

We recommend using Astra, it comes with Gutenberg website templates that you can install using their Astra Starter Sites plugin.

Once you import a template, you can edit it using the default WordPress editor and create a highly professional looking homepage for your website.

Method 2. Create a Custom Homepage in WordPress using Page Builders

This method is very easy and does not require any coding or design skills. For this method, you will be using a WordPress page builder plugin.

A page builder plugin allows you to easily create custom page layouts using a simple drag and drop interface.

We recommend using SeedProd because it is the most beginner-friendly page builder plugin on the market. It comes with a lot of templates and offers multiple customization options.

For this tutorial, we will be using the SeedProd Pro version and show you it wide range of premium templates and customization options. There is also a free version available but it has limited selection of templates and features.

First, you’ll have to install and activate SeedProd Pro on your website. You can follow our step by step guide on how to install a WordPress plugin.

Once the plugin is active, you’ll be taken to the SeedProd page in the WordPress admin panel, where you’ll need to enter the license key. You can find the key in your SeedProd account area.

Entrez votre clé de licence Entrez votre clé de licence

After entering the key, go ahead and click the ‘Verify Key’ button.

Next, you can navigate to SeedProd » Pages to create a homepage. Simply click on the ‘Add New Landing Page’ button to start.

Créer une nouvelle landing page dans SeedProd Créer une nouvelle landing page dans SeedProd

On the next screen, you can choose from a template for your homepage. SeedProd offers many professionally designed templates that you can customize according to your business needs.

To select a template, simply hover over the template and click the orange tick button.

Choisissez un modèle de page d'accueil Choisissez un modèle de page d'accueil

A popup window will now appear where you’ll need to enter a name for your landing page template and edit its URL. Once that’s done, go ahead and click the ‘Save and Start Editing the Page’ button.

Entrez un nom pour votre page d'accueil Entrez un nom pour votre page d'accueil

Next, you’ll be taken to the SeedProd drag and drop page builder, where you can customize your homepage the way you want.

The plugin offers different blocks which can be added to the existing template. For example, you can drag and drop standard blocks like buttons and images or use advanced blocks such as countdown, contact form, and more.

Ajouter des blocs à l'aide du générateur de glisser-déposer Ajouter des blocs à l'aide du générateur de glisser-déposer

Besides that, you can also click on existing blocks in the template and edit them. You can change their color, font, text, alignment, size, and more.

Modifier les blocs sur le modèle Modifier les blocs sur le modèle

Once you’re done customizing your homepage, don’t forget to click the ‘Save’ button to store your changes.

After that, you can head over to the ‘Connect’ tab and integrate different email marketing services. SeedProd supports popular platforms like Drip, Constant Contact, AWeber, and more.

Connectez les services de marketing par e-mail Connectez les services de marketing par e-mail

Next, you can go to the ‘Page Settings’ tab to publish your custom homepage. Simply click on the Page Status toggle to change it from Draft to Publish.

Publiez votre page d'accueil Publiez votre page d'accueil

There are more options under the Page Settings tab. For instance, you can change the SEO settings, edit the page title, add scripts, and connect a custom domain.

After changing the page settings, go ahead and close the landing page builder.

Next, you’ll need to navigate to Settings » Reading and tell WordPress to use the newly created landing page as your site’s homepage.

Under the ‘Your homepage settings’ section, go ahead and select the ‘A static page’ option. Then choose your custom homepage from the dropdown menu for ‘Homepage’.

Choose static page settings and select your custom homepage Choose static page settings and select your custom homepage

Once that’s done, save your changes and visit your website to see the new custom homepage in action.

Example of a personalized homepage Example of a personalized homepage

Method 3. Manually Create a Custom Homepage in WordPress (Coding Required)

This method is not recommended for beginners as it requires coding. You need to be familiar with the WordPress coding practices, PHP, HTML, and CSS to use this method.

Let’s see how this works.

Your WordPress theme is made up of different files. Some of these files are called templates and control the display of certain areas of your website. See our WordPress template hierarchy cheat sheet for more details.

Una de estas plantillas se llama front-page.php. Si su tema tiene esta plantilla, WordPress la usará automáticamente para mostrar su página de inicio personalizada.

plantilla front-page.php front-page.php template

Sin embargo, si su tema no lo tiene, puede crear uno para usted/

Simplemente cree un archivo en blanco y guárdelo como front-page.php. Después de eso, debe cargarlo en la carpeta de su tema actual en su cuenta de alojamiento de WordPress usando FTP.

As soon as you upload this file, WordPress will start using it to display your home page. However, since this file is completely empty, you will see a blank page.

To solve this problem, you can add your HTML code to mostrar the content of your personalized start page. An easier way is to use existing code and plants in the WordPress theme.

For example, you can use the same header and footer. WordPress makes it very easy to include those templates.

Here is some sample code where we remove the content and sidebars while keeping the header and navigation templates from the theme.

1

2

3

4

5

6

sept

8

9

dix

11

12

13

14

15

sixteen

17

<?php /*

This page is used to display the static home page.

*/

 

// Get theme header template

get_header(); ?>

     <div id= “primary” <?php astra_primary_class(); ?>>

 

     <div class = “custom-home-page-container” >

 

     Your custom homepage code goes here

 

     </div>

 

     </div><!– #primaire –>

//Get the theme’s footer template

<?php get_footer(); ?>

Tips for Making an Effective Custom WordPress Landing Page

The page d’accueil of your website is the most important page of your website. Users look to you to learn more about your business, products, and services.

We recommend keeping your home page layout as simple as possible. On our own websites, we’ve learned that our users find simpler designs more useful.

Try to avoid clutter, but don’t hide important information that your users would like to see on the home page. You also need to prioritize which content appears first in your layout.

Write down the goals you want to achieve before creating a custom home page for your website. This exercise will help you arrive at a clear design goal.

For the majority of businesses and blogs, the number one goal is to convert website visitors into customers. Pour cela, faut OptinMonster.

It is the best emerging WordPress add-on and lead generation software. The helps convert website visitors into page subscribers and customers.

Next, you’d like to track the performance of your custom home page. Pour cela, vous devez installer Google Analytics sur votre site Web. It helps you see where your users are coming from and what they are doing on your website.

You would also like to make it easier for your users to contact you. Pour cela, il faut compléter WPForms, c’est le meilleur complément de formula de WordPress sur le departed.

You can also add a click-to-call button to your website, so people can easily call your business phone.

Finally, we recommend that you look at your competitors and other popular sites in your industry/niche. We’re not asking you to copy their design, but to learn their best practices and then apply them to your own home page design.

Hope this article has been designed to easily create a custom homepage on WordPress. It is also possible that you will see more advice to improve the traffic of your blog.

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

Shares 149 Share Tweet Share Facebook Messenger WhatsApp Email

Google Google translator

Google Google Translate


Video Creating a homepage in wordpress

Related Posts

Free chat room code for my website

Contents1 How to set up a free chat room on the website.2 3 comentarios2.1 Trackbacks/Pingbacks2.2 Submit a Comment Cancel reply3 How to Create a Chat Room Website…

Background image full screen css

Contents1 Cómo – Full Page Image1.1 Example1.2 Example2 CSS background image tamaño tutorial: how to codify a complete page background image3 Perfect Full Page Background Image3.1 Méthode CSS géniale,…

WordPress leverage browser caching

Contents1 Aproveche el almacenamiento in hidden del navegador1.1 Will it works for my website?1.2 Where are plugin options1.3 Some JavaScript files still display under Leverage Browser Caching1.4…

WordPress post to facebook page

Contents1 How to Automatically Post to Facebook from WordPress1.1 Download Now: How to Launch a WordPress Website [Free Guide + Checklist]1.2 1. Create an IFTTT account.1.3 2….

Download images from wordpress media library

Contents1 How to export your WordPress media library1.1 Download maintenant : How to launch a WordPress website [Free Guide + Checklist]1.2 How to export your WordPress media…

WordPress single post template

Contents1 How to Create Custom Unique Post Templates in WordPress2 Post Template Files2.1 author.php2.2 Fecha.php3 Handbook navigation4 How to Create Custom Single Post Templates in WordPress5 Video…