Construir una página de inicio personalizada de WordPress

En muchas ocasiones varios de nuestros usuarios nos han preguntado si existe la posibilidad de construir una página de inicio personalizada de WordPress. Esta herramienta por defecto, muestra todas las publicaciones de nuestro blog en la página de inicio. Por otro lado, si cuentas con un sitio web de negocios, es posible que quieras generar una página de inicio mucho más atractiva que ayude a los usuarios a encontrar lo que están buscando en tu sitio web y así aumentar tus ventas.

También te puede interesar nuestra guía para mostrar el tiempo de lectura en posts de WordPress.

En este artículo que traemos hoy en Ayuda Hosting estaremos hablando de cómo construir una página de inicio personalizada de WordPress. Estaremos mostrando algunos métodos que te serán bastante útiles y así puedas seleccionar el que mejor se adapte a tus necesidades.

¿En qué consiste una página de inicio?

Una página de inicio, es una página presentación predeterminada que se coloca en el inicio de un sitio web. Esta página aparece cuando alguien coloca el nombre de dominio en nuestro sitio web directamente en la barra de dirección de un navegador.

El objetivo principal de la página de inicio es presentarles a los usuarios de que va nuestro negocio. Idealmente se debe colocar información que identifique a nuestro negocio para que los usuarios puedan continuar explorando las distintas páginas de nuestro sitio.

Por defecto, WordPress muestra todas las publicaciones de blog recientes en la página de inicio. Esto no es muy llamativo, ya que sólo estará mostrando algunos de los artículos más actuales.

Si estas ejecutando un sitio web comercial, la página de inicio predeterminada no estará informando a los usuarios sobre tu negocio, servicios o productos. Tampoco estará proporcionando sobre una forma de contactar con tu sitio.

Una de las buenas noticias de WordPress es que cuenta con la función incorporada para vender una página de inicio totalmente personalizada.

Selecciona una página personalizada para utilizarla como página de inicio en WordPress

WordPress te estará permitiendo utilizar de una forma muy sencilla cualquier página de tu sitio web como página de inicio. Sólo tendrás que dirigirte la sección de Páginas y seleccionar la opción Agregar nueva página directamente en el área de administrador de WordPress para comenzar una nueva página.

En esta página estaremos colocando el título Inicio y debemos publicarlo. Estarás utilizando esta página como página de inicio personalizada.

No te debes preocupar por el diseño en este momento. Más tarde estaremos hablando acerca de las modificaciones que se deben hacer en el diseño.

A continuación, si quieres ejecutar un blog en tu sitio, tendrás que crear una página de bloque por separado para mostrar las publicaciones.

Ahora, debes dirigirte la sección de Páginas y hacer clic en Agregar nueva página para crear una página titulada como blog. Continúa y publica la página en blanco.

Para crear las páginas tendrás que irte a la sección de configuración y hacer clic en Página de lectura directamente en el administrador de WordPress. Desde esta sección debes seleccionar la opción denominada Página estática directamente en la sección que se muestra en la página de inicio.

Para continuar, tendrás que hacer clic en la Página inicio y en las distintas páginas de bloque que has creado anteriormente.

No debes olvidar seleccionar la opción Guardar cambios para almacenar toda la configuración realizada.

Una vez que has configurado la página para utilizarla como una página de inicio personalizada, tendremos que empezar a diseñar la página de inicio personalizada para nuestro sitio web de WordPress.

Crear página de inicio personalizada de WordPress utilizando Gutenberg

WordPress ha introducido un editor de bloques Gutenberg que permite a los usuarios no solamente administrar el contenido sino crear excelentes diseños.

Debe utilizar los bloques para cada uno de los elementos del contenido que te permitirán organizar los bloques de todo el contenido y así generar una estructura de página que te guste.

WordPress estará incluyendo distintos bloques que podrás utilizar con cualquier tipo de finalidad de diseño como imágenes de portada, tablas de texto de columnas, galerías y mucho más.

Cada uno de los bloques cuenta con su propia configuración que te estará permitiendo personalizar la apariencia para así cumplir con los requisitos de diseño.

Podrás ampliar los bloques disponibles directamente con los plugins de bloques de Gutenberg para insertar más bloques en tu editor. Estos plugins te permitirán utilizar elementos avanzados como controles deslizantes, testimonios, servicios y demás características que son comunes en los diseños de WordPress.

También contarás con la posibilidad de utilizar temas de WordPress totalmente listos para Gutenberg que te brindarán mayor flexibilidad para trabajar con bloques.

Es por ello que recomendamos utilizar Astra, el cual cuenta con distintas plantillas de sitio web de Gutenberg que podrás instalar utilizando el plugin Astra Starter Sites.

Una vez que importes la plantilla, podrás editarla utilizando directamente el editor predeterminado de WordPress y así generar una página de inicio con un aspecto altamente profesional en tu sitio web.

Crear página de inicio personalizada de WordPress utilizando Page Builders

Este método es muy sencillo de implementar y no requiere de ninguna habilidad de codificación. Para este método sólo necesitas utilizar un plugin de generador de páginas para WordPress.

Este plugin generador de páginas te estará permitiendo crear de una forma muy sencilla distintos diseños de página personalizados por medio de una sencilla interfaz de arrastrar y soltar.

Es recomendable que utilices Beaver Builder ya que es uno de los mejores plugins de creación de páginas más amigables que puedes conseguir en el mercado. Cuenta una gran cantidad de plantillas de página totalmente personalizadas que podrás instalar con tan sólo un clic.

Una vez que lleves a cabo la instalación, podrás editar la plantilla utilizando las distintas herramientas de apuntar y hacer clic. Puedes reemplazar todo el contenido de las imágenes con el tuyo, incluso puedes extender la plantilla insertando más módulos, secciones y widgets.

Beaver Builder también te estará ofreciendo acceso a Beaver Themer, el cual te ofrecerá crear un propio tema totalmente personalizado para WordPress sin tener que insertar ningún código.

Como alternativa, también puedes utilizar Elementor. Este es otro de los plugins para generar páginas de WordPress bastante popular. Cuenta con distintas plantillas de arrastrar y soltar, y una interfaz muy sencilla de utilizar.

Crear manualmente páginas de inicio personalizadas en WordPress

Este método no es recomendado para principiantes, ya que requiere de codificación. Debes estar familiarizado con distintas prácticas de codificación como PHP, CSS y HTML para utilizar este método.

Si su tema de WordPress está compuesto por una gran cantidad archivos, algunos de ellos se denominan plantillas y están controlando la visualización de ciertas áreas de tu sitio web.

Una de las grandes plantillas se denomina front-page.php. Si tu tema cuenta con esta plantilla, WordPress estará utilizandola automáticamente para mostrar tu página de inicio personalizada.

Sin embargo, si tu tema no lo tiene, tendrás que crear uno directamente.

Para solucionar este problema, tendrás que crear un archivo en blanco y guardarlo directamente como front-page.php. Luego de ello, debes cargarlo directamente en la carpeta de tu actual tema del alojamiento de WordPress utilizando FTP.

Una vez que se cargues este archivo, WordPress estará comenzando a utilizarlo para mostrar tu página de inicio. Sin embargo, ya que este archivo está vacío se verá únicamente una página en blanco.

Para solucionar este problema, tendrás que comenzar a insertar un código HTML para mostrar el contenido de tu página de inicio personalizada. Para este enfoque es mucho más sencillo utilizar el código y la plantilla existente de tu tema de WordPress.

Si quieres utilizar el encabezado y pie de página. WordPress estará haciendo que sea mucho más sencillo incluir esta plantilla.

A continuación, estaremos mostrando un código donde eliminamos el contenido de las barras laterales, al mismo tiempo que hacemos modificaciones en el encabezado de las plantillas de navegación en nuestro tema.

<?php /* 
This page is used to display the static frontpage. 
*/
 
// Fetch theme header template
get_header(); ?>
    <div id="primary" <?php astra_primary_class(); ?>>
 
    <div class="custom-homepage-container"> 
 
    You custom homepage code goes here
 
    </div> 
 
    </div><!-- #primary -->
//Fetch the theme footer template 
<?php get_footer(); ?>

Esperamos haberte ayudado con este artículo para que puedas crear una página de inicio totalmente personalizada para WordPress. Si quieres conocer más consejos útiles sobre WordPress puedes visitar nuestra base de conocimientos.