Cómo crear una página de inicio personalizada en WordPress

A menudo, los usuarios nos preguntan si es posible crear una página de inicio personalizada en WordPress.


Por defecto, WordPress muestra las publicaciones de tu blog en la página de inicio. Sin embargo, como sitio web de negocios, es posible que desee crear una página de inicio más atractiva que ayude a los usuarios a encontrar lo que necesitan y aumentar su conversión de ventas.

En este artículo, le mostraremos cómo crear fácilmente una página de inicio personalizada en WordPress. Mostraremos varios métodos, y usted 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??

Una página de inicio es una página de presentación predeterminada o la página de inicio de un sitio web. Es la página que aparece cuando alguien ingresa el nombre de dominio de su sitio web en la barra de direcciones de su navegador.

Ejemplo de página de inicio

El objetivo principal de la página de inicio es presentar a los usuarios su sitio web o negocio. Idealmente, debería proporcionar a los usuarios información esencial sobre su negocio, para que puedan continuar explorando otras páginas en su sitio.

De forma predeterminada, WordPress muestra sus publicaciones de blog recientes en la página de inicio. Esto no es bueno, ya que 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 a los usuarios una forma de contactarlo.

La buena noticia es que WordPress ya viene con una funcionalidad incorporada para crear una página de inicio personalizada.

Selección de una página personalizada para usar como 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áginas »Agregar nuevo página dentro del área de administración de WordPress para crear una nueva página.

Démosle a esta página el título de “Inicio” y publíquelo. Usarás esta página como tu página de inicio personalizada.

No se preocupe por el diseño o el diseño en este momento. 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, debe crear una página de blog separada para mostrar sus publicaciones.

Una vez más, ve a Páginas »Agregar nuevo página y cree una página titulada “Blog”. Sigue adelante y publica la página en blanco.

Después de crear las páginas, debe visitar Configuración »Lectura página en su administrador de WordPress. Desde aquí, seleccione la opción “Una página estática” en la sección “Se muestra su página de inicio”.

Seleccione páginas de inicio y blog

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

No olvides hacer clic en el botón “Guardar cambios” para guardar tu configuración.

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

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

WordPress introdujo un nuevo editor basado en bloques llamado Gutenberg en diciembre de 2018. 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 que le permite organizar bloques de contenido para crear una estructura de página que le guste.

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.

Edición de su diseño de página de inicio personalizado con Gutenberg

Cada bloque viene con su propia configuración, que le permite personalizar su apariencia para cumplir con sus requisitos de diseño.

Puede ampliar los bloques disponibles con los complementos de bloques de Gutenberg para 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.

Uso de complementos de biblioteca de bloques avanzados para hacer el diseño de la página de inicio

También puede usar temas de WordPress listos para Gutenberg que le brindan más flexibilidad para trabajar con bloques.

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

Una vez que importe una plantilla, puede editarla utilizando el editor predeterminado de WordPress y crear una página de inicio de aspecto altamente profesional para su sitio web.

Método 2. Crear una página de inicio personalizada en WordPress usando Page Builders

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

Un complemento de generador de páginas le permite crear fácilmente diseños de página personalizados mediante una sencilla interfaz de arrastrar y soltar.

Recomendamos usar Beaver Builder porque es el complemento de creación de páginas más amigable para principiantes en el mercado. Viene con docenas de plantillas de página de inicio personalizadas que puede instalar con un solo clic.

Una vez instalado, puede editar la plantilla usando las herramientas de apuntar y hacer clic. Puede reemplazar el contenido y las imágenes con su propio contenido, e incluso extender la plantilla agregando más módulos, widgets y secciones.

Crear una página de inicio personalizada con Beaver Builder

Beaver Builder también le da acceso a Beaver Themer, que le permite crear su propio tema personalizado de WordPress sin escribir ningún código.

Para obtener más detalles, consulte nuestra guía sobre cómo crear fácilmente diseños personalizados de WordPress con Beaver Builder.

Como alternativa, también puedes probar Elementor. También es un complemento de generador de páginas de WordPress inmensamente popular. También viene con plantillas de arrastrar y soltar y una interfaz fácil de usar.

Crear un diseño de página de inicio usando Elementor

Para obtener detalles, consulte nuestro tutorial sobre cómo crear diseños de página personalizados con Elementor.

Método 3. Crear manualmente una página de inicio personalizada en WordPress (se 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 está compuesto de diferentes archivos. Algunos de estos archivos se denominan plantillas y controlan la visualización de ciertas áreas de su sitio web. Vea nuestra hoja de trucos de jerarquía de plantillas de WordPress para 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 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 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.

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

Aquí hay un código de muestra donde eliminamos el contenido y las barras laterales al tiempo que conservamos el encabezado y las plantillas de navegación del tema.

<?php / *
Esta página se usa para mostrar la portada estática.
* /

// Obtener plantilla de encabezado de tema
get_header (); ?>
>

Tu código de página de inicio personalizado va aquí


// Obtener la plantilla de pie de página del tema
<?php get_footer (); ?>

Consejos para crear 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 miran 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 nuestros propios sitios web, hemos aprendido que nuestros usuarios encuentran diseños más simples más útiles.

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

Escriba los objetivos que desea lograr antes de crear una página de inicio personalizada para su sitio web. Este ejercicio lo ayudará a lograr un objetivo de diseño claro.

Para la mayoría de las empresas y los blogs, el objetivo número uno es convertir a los visitantes del sitio web en clientes. Para lograr esto, necesitarás OptinMonster.

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

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

También querrá facilitar que sus usuarios se comuniquen con usted. Para esto, necesitará el complemento WPForms, que es el mejor complemento de formularios 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 llamar fácilmente a su teléfono comercial.

Por último, le recomendamos que mire a sus competidores y otros sitios populares en su industria / nicho. No le pedimos que copie su diseño, sino que aprenda de sus mejores prácticas y luego lo aplique en el diseño de su propia página de inicio.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me