Los usuarios a menudo nos preguntan si podemos crear páginas de inicio personalizadas en WordPress.

De forma predeterminada, WordPress muestra las publicaciones de su blog en la página de inicio. Sin embargo, como sitio web comercial, es posible que desee crear una página de inicio más atractiva para ayudar a los usuarios a encontrar lo que necesitan y aumentar su tasa de conversión de ventas.

En este artículo, le mostraremos cómo crear fácilmente una página de inicio personalizada en WordPress. Le mostraremos una variedad de métodos, y puede elegir el que sea más fácil para usted.

Crear una página de inicio personalizada en WordPress

¿Qué es una página de inicio?

La página de inicio es la página de introducción predeterminada o la página de inicio del sitio web. Esta es la página que aparece cuando alguien escribe el nombre de dominio de su sitio web en la barra de direcciones del navegador.

Ejemplo de página de inicio

El objetivo principal de una página de inicio es presentar su sitio web o negocio a los usuarios. Idealmente, debería proporcionar a los usuarios información básica sobre su negocio para que puedan pasar a otras páginas de su sitio.

De forma predeterminada, WordPress muestra sus publicaciones de blog recientes en la página de inicio. Esto no es bueno porque solo muestra algunos de sus artículos actuales.

Si ejecuta un sitio web comercial, la página de inicio predeterminada no informa a los usuarios sobre su negocio, productos o servicios. Tampoco proporciona una forma para que los usuarios se comuniquen con usted.

La buena noticia es que WordPress ya tiene la capacidad de crear páginas de inicio personalizadas integradas.

Elija una página personalizada para usar como su página de inicio en WordPress

WordPress le permite usar fácilmente cualquier página de su sitio web como su página de inicio.simplemente puedes ir a página » agregar nuevo Páginas dentro del área de administración de WordPress para crear nuevas páginas.

Démosle a esta página el título “Inicio” y publíquela. Utilizará esta página como su página de inicio personalizada.

No se preocupe por el diseño o el diseño ahora. Le mostraremos cómo diseñar su página de inicio más adelante en este artículo.

Ahora, si desea ejecutar un blog en su sitio web, debe crear una página de blog separada para mostrar sus publicaciones.

de nuevo, ve página » agregar nuevo página y cree una página titulada “Blog”. Continúe y publique una página en blanco.

Después de crear la página, debe visitar Ajustes » Leer página en el administrador de WordPress. Desde aquí, seleccione la opción “Páginas estáticas” en la sección “Visualización de su página de inicio”.

Elija las páginas de inicio y de blog

A continuación, debe seleccionar la página de inicio y la página del blog que creó anteriormente.

No olvide hacer clic en el botón “Guardar cambios” para almacenar su configuración.

Ahora que ha configurado una página para usarla como su página de inicio personalizada, comencemos a diseñar una página de inicio personalizada para su sitio de WordPress.

Método 1. Crear una página de inicio personalizada en WordPress con Gutenberg

WordPress lanzó un nuevo editor basado en bloques en diciembre de 2018 llamado Gutenberg. Este nuevo editor permite a los usuarios no solo escribir contenido, sino también crear hermosos diseños.

Utiliza bloques para cada elemento de contenido, lo que le permite organizar bloques de contenido para crear su estructura de página preferida.

WordPress incluye bloques que se pueden usar con fines de diseño, como imágenes de portada, columnas, tablas, texto y medios, galerías y más.

Edite el diseño de su página de inicio personalizada con Gutenberg

Cada bloque tiene su propia configuración, lo que le permite personalizar su apariencia para que se adapte a sus requisitos de diseño.

Puede usar el complemento de bloques de Gutenberg para expandir los bloques disponibles y agregar más bloques a su arsenal. Estos complementos le permiten usar elementos avanzados como testimonios, controles deslizantes, servicios y otras características de diseño comunes.

Cree diseños de página de inicio con el complemento de biblioteca de bloques avanzada

También puede usar un tema de WordPress listo para Gutenberg que le brinda más flexibilidad con los bloques.

Recomendamos Astra, que viene con plantillas de sitio de Gutenberg que puede instalar usando su complemento Astra Starter Sites.

Después de importar la plantilla, puede editarla con el editor predeterminado de WordPress y crear una página de inicio de aspecto muy profesional para su sitio web.

Método 2. Cree una página de inicio personalizada en WordPress usando un creador de páginas

Este método es muy simple y no requiere ninguna habilidad de codificación o diseño. Para este método, utilizará el complemento de creación de páginas de WordPress.

El complemento del generador de páginas le permite crear fácilmente diseños de página personalizados utilizando una interfaz simple de arrastrar y soltar.

Recomendamos SeedProd ya que es el complemento de creación de páginas más amigable para principiantes en el mercado. Viene con muchas plantillas y ofrece múltiples opciones de personalización.

En este tutorial, usaremos la versión Pro de SeedProd y le mostraremos varias plantillas avanzadas y opciones de personalización. También hay una versión gratuita, pero con una selección limitada de plantillas y funciones.

Primero, debe instalar y activar SeedProd Pro en su sitio web. Puede seguir nuestra guía paso a paso sobre cómo instalar complementos de WordPress.

Una vez que se active el complemento, se lo dirigirá a la página de SeedProd en el panel de administración de WordPress, donde deberá ingresar su clave de licencia. Puede encontrar la clave en el área de su cuenta de SeedProd.

Introduce tu clave de licencia

Después de ingresar la clave, continúe y haga clic en el botón “Verificar clave”.

A continuación, puede navegar hasta SeedProd » Página Crea una página de inicio. Simplemente haga clic en el botón “Agregar nueva página de inicio de sesión” para comenzar.

Crear una nueva página de inicio de sesión en SeedProd

En la siguiente pantalla, puede elegir entre las plantillas de la página de inicio. SeedProd ofrece muchas plantillas diseñadas profesionalmente que puede personalizar para satisfacer las necesidades de su negocio.

Para elegir una plantilla, simplemente coloque el cursor sobre la plantilla y haga clic en el botón de marca naranja.

Elija una plantilla de página de inicio

Aparecerá una ventana emergente donde deberá ingresar el nombre de la plantilla de su página de destino y editar su URL. Cuando haya terminado, continúe y haga clic en el botón “Guardar y comenzar a editar la página”.

Introduce el nombre de la página de inicio

A continuación, accederá al generador de páginas de arrastrar y soltar de SeedProd, donde puede personalizar su página de inicio como desee.

El complemento proporciona diferentes bloques que se pueden agregar a las plantillas existentes. Por ejemplo, puede arrastrar y soltar bloques estándar como botones e imágenes, o usar bloques avanzados como cuentas regresivas, formularios de contacto y más.

Agregue bloques usando el generador de arrastrar y soltar

Además de eso, puede hacer clic en un bloque existente en la plantilla y editarlo. Puede cambiar su color, fuente, texto, alineación, tamaño y más.

Editar bloques en plantillas

Cuando haya terminado de personalizar su página de inicio, no olvide hacer clic en el botón “Guardar” para guardar los cambios.

Después de eso, puede ir a la pestaña “Conectar” e integrar diferentes servicios de marketing por correo electrónico. SeedProd es compatible con plataformas populares como Drip, Constant Contact, AWeber, etc.

Conéctese con los servicios de marketing por correo electrónico

A continuación, puede ir a la pestaña “Configuración de página” para publicar su página de inicio personalizada. Simplemente haga clic en el botón de cambio de estado de la página para cambiarla de borrador a publicada.

Publica tu página de inicio

Hay más opciones en la pestaña Configurar página. Por ejemplo, puede cambiar la configuración de SEO, editar títulos de página, agregar secuencias de comandos y conectar dominios personalizados.

Después de cambiar la configuración de la página, continúe y cierre el generador de páginas de inicio de sesión.

A continuación, debe navegar hasta Ajustes » Leer Y dígale a WordPress que use la página de inicio de sesión recién creada como página de inicio de su sitio.

En la sección “Configuración de su página de inicio”, continúe y seleccione la opción “Página estática”. A continuación, seleccione su página de inicio personalizada en el menú desplegable “Página de inicio”.

Elija Configuración de página estática y elija su página de inicio personalizada

Una vez hecho esto, guarde los cambios y visite su sitio web para ver la nueva página de inicio personalizada.

Ejemplo de página de inicio personalizada

Método 3. Cree manualmente una página de inicio personalizada en WordPress (requiere codificación)

Este método no se recomienda para principiantes, ya que requiere codificación. Debe estar familiarizado con las prácticas de codificación de WordPress, PHP, HTML y CSS para usar este método.

Veamos cómo funciona esto.

Su tema de WordPress consta de diferentes archivos. Algunos de estos archivos se llaman plantillas y controlan la visualización de ciertas áreas del 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

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 del tema actual en su cuenta de alojamiento de WordPress mediante FTP.

Después de cargar 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 código HTML para mostrar el contenido de su página de inicio personalizada. Una forma más fácil es usar el código y las plantillas existentes en su tema de WordPress.

Por ejemplo, puede utilizar el mismo encabezado y pie de página. WordPress hace que incluir estas plantillas sea muy fácil.

Aquí hay un código de muestra en el que eliminamos el contenido y la barra lateral mientras mantenemos el encabezado y las plantillas de navegación en el tema.

<?php /* 
This page is used to display the static frontpage. 
*/ 

// Fetch theme header template
get_header(); ?>
	<div  <?php astra_primary_class(); ?>>

	<div > 

	You custom homepage code goes here

	</div> 

	</div><!-- #primary -->
//Fetch the theme footer template 
<?php get_footer(); ?>

Consejos para hacer una página de inicio personalizada efectiva en WordPress

La página de inicio de su sitio web es la página más importante de su sitio web. Los usuarios lo ven para obtener más información sobre su negocio, productos y servicios.

Recomendamos que el diseño de su página de inicio sea lo más simple posible. En nuestro propio sitio web, hemos aprendido que nuestros usuarios encuentran más útiles los diseños más simples.

Trate de evitar el desorden, pero no oculte información importante que los usuarios quieren ver en la página de inicio. También debe priorizar qué contenido aparece primero en su diseño.

Antes de crear una página de inicio personalizada para su sitio web, escriba lo que desea lograr. Este ejercicio le ayudará a llegar a objetivos de diseño claros.

Para la mayoría de las empresas y los bloggers, el objetivo número uno es convertir a los visitantes del sitio web en clientes. Para ello necesitas OptinMonster.

Es el mejor complemento emergente de WordPress y software de generación de prospectos. Le ayuda a convertir a los visitantes del sitio web en suscriptores y clientes de pago.

A continuación, debe realizar un seguimiento del rendimiento de su página de inicio personalizada. Para hacer esto, necesita instalar Google Analytics en su sitio web. Le ayuda a comprender de dónde provienen sus usuarios y qué están haciendo en su sitio web.

También desea que sea más fácil para sus usuarios ponerse en contacto con usted. Para esto, necesitará el complemento WPForms, que es el mejor complemento de formulario de WordPress en el mercado.

También puede agregar un botón de clic para llamar a su sitio web para que las personas puedan hacer fácilmente sus llamadas comerciales.

Finalmente, le recomendamos que mire a su competencia y otros sitios populares en su industria/nicho. No le pedimos que copie sus diseños, sino que aprenda de sus mejores prácticas y las aplique a su propio diseño de página de inicio.

Esperamos que este artículo le haya ayudado a crear fácilmente una página de inicio personalizada en WordPress. También puede consultar nuestros consejos probados para aumentar el tráfico de su blog.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.