How to make a homepage on wordpress

New Page

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

Una página de inicio es la puerta de entrada a su sitio. Siguiendo los pasos de esta guía, puede cambiar su página de inicio a cualquier página que haya creado.

Table of contents

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

Step 1: Publish the homepage

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

  1. Vaya has the pantalla Páginas in its WordPress.com control panel.
  2. Haga clic en Agregar nueva página .
  3. Dale a la página un título como ‘Inicio’, o como quieras llamarlo.
  4. Add todo el contenido (como texto e images) que dessee en su página.
  5. Publish the new page.

El menú de la barra lateral de la página en el editor de páginas con una flecha que apunta al botón Publicar.Publishing a page in the editor.

💡

If you choose a topic for the taste as the beginning page has been displayed in the demonstration, you can choose the option Replace the content of my beginning page with the beginning page of the topic to activate the topic.

↑ Table of Contents ↑

Step 2: Establish the homepage

You can configure the new page that was created in step 1 as the beginning page of the mediante su sitio one of the methods that are described in continuation.

📌

Para configure la página de inicio estática, su sitio debe tener al menos una página publicada . Vuelva al paso 1 if no love.

Establish Configuration Homepage
  1. Vaya a Configuration → Lectura en la barra lateral izquierda del tablero de su sitio .
  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.

Captura de pantalla de la configuration de visualization de la página de inicio en Configuration → Lectura. 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 of the configuration of the home page in el Personalizador.Réglage de la page d’accueil à partir du Customizer.

↑ Table des matières ↑

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 redéfinir sur votre page d’accueil, en suivant les instructions ci-dessus.

Forfaits et tarifs polyvalents

  • Libre

    plan-free-circle

    Idéal pour les étudiants

  • Personnel

    plan-personal-circle

    Ideal for hobbyists

  • Prime

    plan-premium-circle

    Ideal for freelancers

  • Company

    plan-business-circle

    Ideal for small businesses

Choose a plan

Still confused?

Contact support.

Help us improve:

We are always looking to improve our documentation. If this page didn’t answer your question or made you want to know more, let us know! We love to hear your comments. For help, please use the forums or contact the support form. Thanks!

Last name

E-mail

Website

Δ

WordPress tutorials for beginners

Menu

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

Skip to content

Look for

  • Get the most out of WordPress.com
  • Go Fast: A Checklist
  • Launch your site: the movie
  • Get startedSave and configure basic settings
  • Obtenez ComfyApprenez à naviguer sur WordPress.com
  • Obtenez de la personnalitéChoisissez un thème
  • Soyez configuréPersonnalisez votre site
  • Être publiéCréer des publications, des pages et des menus
  • Get FlashyAméliorez votre site avec des widgets
  • Connectez-vousExplorez la communauté et faites-vous remarquer
  • Obtenez MobileBlog en déplacement
  • Obtenez le jargon
  • Obtenir une page d’accueil

Vous voulez intensifier votre jeu de blog ?  

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:

home page settings

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:

homepage-settings-homepage

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

homepage-settings-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
  • 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.

Create a custom homepage in WordPress Create a custom homepage in 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.

Sample Home Page Sample Home Page

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.

Connecter les services de marketing par correo electrónico 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.

Publica tu página de inicio 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’.

Elija la configuration de la page estática y seleccione su página de inicio personalizada Choisissez les paramètres de la page statique et sélectionnez votre page d'accueil personnalisée

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.

Su tema de WordPress se compone de diferentes archivos. Algunos de estos archivos se llaman plantillas y controlan la visualización de ciertas áreas de su sitio web. Consulte nuestra hoja de trucos de la jerarquía de plantillas de WordPress para obtener más detalles.

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.

Tan pronto como cargue este archivo, WordPress comenzará a usarlo para mostrar su página de inicio. Sin embargo, dado que este archivo está completamente vacío, verá una página en blanco.

Para solucionar esto, puede comenzar a agregar su código HTML para mostrar el contenido de su página de inicio personalizada. Un enfoque más fácil es usar el código y las plantillas existentes en su tema de WordPress.

Par exemple, puede utilizar el mismo encabezado y pie de página. WordPress hace que sea muy facil incluir esas plantillas.

Aquí hay un código de muestra donde eliminamos el contenido y las side bars mientras conservamos las plantillas de encabezado y navegación del tema.

1

2

3

4

5

6

seven

8

9

ten

11

12

13

14

15

dieciseis

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><!– #primary –>

//Get the theme’s footer template

<?php get_footer(); ?>

Tips for hacer una page de inicio personalizada efectiva en WordPress

The website homepage is the most important page of the website. Los usuarios lo miran para aprender más sobre su negocio, products y servicios.

Recomendamos mantener el diseño de su página de inicio lo más simple possible. In our own web sites, hemos learned that our usuarios encuentran más útiles los diseños más simples.

Trate de evitar el disorder, pero no occulte important information que sus usuarios quisieran ver en la página de inicio. También debe priorizar qué contenido aparece primero en su diseño.

Write the objects that desea lograr antes de crear una página de inicio personalizedizada para su sitio web. Este ejercicio le ayudará a llegar a un objetivo de diseño claro.

For the town hall of the businesses and blogs, this object number is converted to the visitors of the web site in clients. To register this, you need OptinMonster .

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

Next, the gustaría will realize a seguimiento del rendimiento de su página de inicio personalizedizada. For this, you need to install Google Analytics on your website. Le ayuda a ver de dónde vienen sus usuarios y qué hacen en su sitio web.

También le gustaría que se más fácil para sus usuarios ponerse en contacto con usted. For this, you have to complement WPForms, it is the best WordPress formula complement on the market.

Also can add a click button to call on your web site, so that your personas can call easily on your company’s phone.

For último, the recommendations that observe has sus competidores y otros sites populares in su industry/niche. No le pedimos que copie su designer, sino qu’aprenda de sus best pácticas y luego las appli en el diseño de su propia página de inicio.

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


Video How to make a homepage on wordpress

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…