WordPress es una de las formas más rápidas de publicar contenido en Internet para que todos lo lean. Sin embargo, no siempre tiene la apariencia de portada más elegante. Por lo tanto, la mayoría de los desarrolladores optan por crear una página de inicio de WordPress personalizada desde el principio.
Afortunadamente, los aspectos de WordPress tienen mucho que ofrecer al desarrollar una página de inicio personalizada.
En lugar de estar atado a mostrar las publicaciones más recientes como una página larga por la que los usuarios tienen que desplazarse, puede hacer que el sitio sea compacto y mucho más fácil de administrar. La parte más difícil es apegarse a ese diseño perfecto que atraiga a sus visitantes.
En este tutorial, le mostraremos cómo configurar una hermosa página de inicio personalizada que sea a la vez funcional y elegante. Independientemente del tipo de sitio que esté operando, el atractivo visual contribuye a su éxito.
¿Por qué es importante una página de inicio única de WordPress?
Para muchos sitios web, la mayoría de los visitantes llegarán primero a la página de inicio. A menos que estén visitando un contenido específico que hayas creado, será el área de inicio la que reciba más atención. Es aquí donde necesita impresionar a los invitados.
Una página de inicio única y elegante de WordPress puede hacer de todo, desde presumir de profesionalismo hasta animar a los usuarios a interactuar con el sitio.
Piensa en cuando te acercas a un nuevo negocio en tu vecindario. ¿Qué es lo primero que notas cuando entras por la puerta? ¿Tiene un diseño atractivo o es un desastre y es difícil encontrar lo que buscas?
El diseño de su página de inicio puede ser tan vital como el de una tienda física. También debería poder darle una idea clara de lo que el resto del sitio web tiene para ofrecer y estar lleno de su logotipo.
Cómo crear una página de inicio personalizada de WordPress
Método 1: usar un tema
Una de las formas más fáciles de presentar una pantalla de inicio atractiva es seleccionando el tema adecuado. Algunos vendrán con sus propios widgets y le permitirán un control limitado sobre cómo se ve el hogar.
La verdadera desventaja de usar un tema de esta manera es que puede estar limitado por lo que puede hacer. No todos los temas le dan un control absoluto sobre la página de inicio, y crear una apariencia única puede ser casi imposible.
Sin embargo, puede ser una forma rápida de darle a su primera pantalla un atractivo un poco más atractivo que mostrar las publicaciones más recientes.
Paso 1: crear páginas de inicio y publicaciones
De forma predeterminada, su página de inicio de WordPress se configurará para mostrar sus publicaciones más recientes. La forma en que WordPress hace esto deja poco espacio para otro contenido. Por lo tanto, debemos hacer que WordPress deje de hacer esto.
Primero, comenzaremos creando una nueva página de inicio y una página de publicaciones.
Haga clic en Páginas y seleccione la opción Agregar nuevo.
Lo primero y único que debe hacer en esta nueva página es establecer el título en Inicio. Esto le da un lienzo en blanco para crear casi cualquier diseño que desee. Desde aquí, puede agregar gráficos, texto o incluso códigos cortos de complementos para que sea más rico en funciones.
Por ejemplo, el uso del Control deslizante de publicaciones recientes de WP Responsive le brinda un código abreviado que mostrará su contenido en cualquier lugar que desee como un control deslizante. Puede encontrar complementos de lista de categorías, galerías y más visitando e instalando los mejores complementos a través de WordPress .
Una vez que esté satisfecho, haga clic en el botón «Publicar» para que la página esté activa.
Ahora repita estos pasos, pero en lugar de una página de inicio, cree una página de publicaciones. El propósito de esta página es mostrar sus publicaciones más recientes. Siéntase libre de cambiar el título de Publicaciones a otra cosa.
Muchos sitios web usan «Blog» o «Noticias», pero la elección es suya.
Paso 2: separe la página de inicio y las publicaciones
De forma predeterminada, WordPress combina las páginas de inicio y publicaciones. Vamos a separarlos, lo cual es bastante fácil de hacer.
Haga clic en Configuración y seleccione la opción Lectura.
En la sección «Visualización de la página principal», haga clic en el botón de radio para «Una página estática».
Cambie la página de inicio a la página de inicio recién creada y la página de publicaciones a la página de publicaciones recién creada. Si eligió nombres diferentes, selecciónelos en el cuadro desplegable.
En mi caso, los nombré Inicio y Blog.
Haga clic en el botón «Guardar cambios».
Asegúrate de que en algún punto de la pantalla de inicio pongas un enlace a tus publicaciones. Una buena manera de hacerlo es agregar ambos a su menú de navegación. Esto ayudará aún más a otros a encontrar su contenido desde la página de inicio y les ayudará a volver a él.
Hay muchos complementos que pueden ayudarlo a ajustar la pantalla de inicio del sitio para que sea interactivo y sorprendente. Si bien requiere un poco más de imaginación, la pantalla en blanco está disponible para cualquier tipo de diseño que desee crear.
Algunos diseñadores usarán esta pantalla para crear una página de destino para el negocio. Dependiendo de la estrategia de marketing, puede ser bastante efectivo.
Método 2: Uso de Page Builder de SiteOrigin
El complemento Page Builder de SiteOrigin tiene una cantidad increíble de funciones para crear una pantalla de inicio increíble. Uno de los aspectos más atractivos de este complemento es que puede usar widgets directamente en la página de inicio en lugar de la barra lateral.
Nota: mientras uso Page Builder de Site Origin, hay muchos otros complementos que puede usar en su lugar. Si ya usa un creador de páginas, siéntase libre de usarlo.
Así es como crearía la pantalla de inicio con este complemento.
Paso 1: Instalar el Creador de páginas
A diferencia de lo normal, necesitará instalar dos complementos. Page Builder de SiteOrigin y el paquete de widgets de SiteOrigin.
Instale y active el complemento Page Builder by SiteOrigin.
También deberá instalar y activar el complemento SiteOrigin Widgets Bundl e.
Paso 2: elige un diseño
Con los complementos instalados, está listo para comenzar a crear una página de inicio única de WordPress.
Para comenzar, haga clic en Páginas y seleccione la opción Agregar nuevo. Nombra la nueva página Inicio. Debería notar un botón muy grande «Agregar bloque de diseño de SiteOrigin» en la página.
Pinchalo.
Nota: si está utilizando el editor clásico, habrá una pestaña separada para el complemento en lugar de un botón. El proceso es ligeramente diferente, pero sigue siendo muy fácil.
Este bloque le permite personalizar completamente la página de cualquier manera. Y solo como recordatorio, este complemento se puede usar para cualquier página, no solo para la página de inicio. Haga clic en el botón «Diseño preconstruido».
Esto abrirá el directorio de diseño. Haga clic en el botón «Habilitar» y aparecerán todos los diseños. Pruebe varios diseños y vea cuál funciona mejor para su sitio web. Elige el que quieras usar.
Una vez que el diseño esté resaltado, haga clic en el botón «Insertar» en la parte inferior derecha.
Nota: si hay texto o cualquier otra edición en el editor de texto, Page Builder le preguntará si desea insertar la plantilla antes, después o reemplazarla. Por ahora, haga clic en, la opción reemplazar actual
.
Paso 3: personaliza el diseño
El diseño ahora estará en su lugar. Haga clic en el botón «Vista previa» para verlo en su sitio web. Tenga en cuenta que la plantilla usa texto genérico para casi todo. Por lo tanto, necesitará cambiar todo el texto para reflejar su sitio web.
Y ya que estás en eso, también puedes personalizar todo lo demás a tu gusto.
Debería notar un desorden de widgets en el nuevo bloque. Ignore esto por ahora y actualice o guarde la página. Este desorden de un bloque ahora se transformará en el diseño seleccionado.
Puedes pinchar en cualquiera de los elementos y personalizarlos a tu gusto.
Esto incluye la fuente, el color, los enlaces de los botones y casi todos los elementos fuera de las imágenes. Puede eliminar ciertas partes del diseño seleccionándolas y eliminándolas.
Una vez que haya completado la personalización de su nueva pantalla de inicio, haga clic en el botón «Publicar» o «Actualizar».
Page Builder tiene una gran cantidad de funcionalidades cuando se trata de crear algo único. Aunque las plantillas disponibles son bastante atractivas, no hay nada de malo en desplegar tus alas creativas.
WordPress tiene un potencial ilimitado
WordPress es el CMS más popular del mundo porque es el más personalizable y el más fácil de usar. Puede personalizar cada aspecto de su sitio web desde la página de inicio hasta el menú.
Y absolutamente deberías hacerlo.
Cada sitio web exitoso ha pasado horas creando un diseño único y la mayor parte de eso comienza con el diseño de un sitio web impresionante.
Dado que la página de inicio es la primera experiencia que un visitante tendrá en su sitio web de WordPress, crear una personalizada es un excelente punto de partida.
¿Qué tipo de complementos utiliza para acentuar su sitio web? ¿Qué adiciones ha hecho para que su sitio se vea más único?