Cómo crear una página de inicio personalizada en WordPress (3 métodos)

¿Quieres crear una página de inicio personalizada en WordPress?

Por defecto, WordPress muestra las últimas entradas de tu blog en la página de inicio. Sin embargo, este diseño no deja la mejor impresión. Por eso se recomienda crear una página de inicio personalizada que destaque los contenidos, productos y servicios más populares de su sitio, entre otros.

En este artículo, le mostraremos cómo crear fácilmente una página de inicio personalizada en WordPress.

¿Qué es una página de inicio?

Una página de inicio es la primera página que ven los visitantes cuando teclean su nombre de dominio. Para muchas personas, esta página de inicio es su introducción a su negocio, blog o sitio web.

Una buena página de inicio hará que los visitantes quieran saber más acerca de su sitio web. También facilitará el acceso a los enlaces, barras de búsqueda y menús que ayudan a los visitantes a encontrar contenidos interesantes.

La página de inicio por defecto en WordPress muestra las últimas entradas de tu blog, lo que puede ser una buena opción para blogs personales o bloggers aficionados.

Sin embargo, si dirige un negocio utilizando su sitio web WordPress, puede que desee crear una página de inicio personalizada en su lugar para destacar sus productos y servicios.

La buena noticia es que WordPress hace que sea fácil de mostrar una página personalizada como su página de inicio en lugar de la lista por defecto de entradas recientes.

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

En esta guía, le mostraremos algunas formas diferentes de crear una página de inicio personalizada. Sin embargo, independientemente del método que utilices, tendrás que cambiar los ajustes de WordPress después de crear la página de inicio estática.

Para ello, basta con ir a Ajustes ” Lectura en el escritorio de WordPress.

Aquí, desplázate hasta “Ajustes de tu página de inicio” y selecciona “Una página estática”.

Ahora puede abrir el menú desplegable “Página de inicio” y elegir la página que desea utilizar como nueva página de inicio.

A continuación, sólo tiene que desplazarse hasta la parte inferior de la pantalla y hacer clic en “Guardar cambios”. Ahora puede visitar su sitio para ver en directo la nueva página de inicio personalizada.

Si tienes un blog, asegúrate de crear una página separada para mostrar tus entradas. De lo contrario, los visitantes tendrán dificultades para encontrar sus últimos blogs.

Dicho esto, veamos cómo diseñar una página de inicio personalizada en WordPress. Simplemente utilice los enlaces rápidos a continuación para saltar directamente al método que desea utilizar:

Tutorial en vídeo

Si prefiere instrucciones escritas, siga leyendo.

Método 1: Crear una plantilla de página de inicio personalizada usando el editor de bloques (no se requiere plugin)

Si utiliza un tema en bloque, puede diseñar una plantilla de página de inicio personalizada utilizando el editor del sitio completo.

Este método no funciona con todos los temas, por lo que si no está utilizando un tema de WordPress basado en bloques, entonces tendrá que utilizar uno de los otros métodos cubiertos en esta guía.

Para más información acerca de cómo utilizar el editor completo del sitio, marque / compruebe nuestra guía para principiantes sobre la edición completa del sitio en WordPress.

Para empezar, basta con crear una página nueva o abrir una página existente que quieras utilizar como página de inicio. En el menú de la derecha, haga clic en la pestaña “Página” y, a continuación, seleccione el enlace que aparece junto a “Plantilla”.

El texto exacto del enlace puede variar en función de la plantilla que esté utilizando.

Ahora aparecerá una ventana emergente con su plantilla actual.

Sólo tiene que seguir adelante y hacer clic en el icono “Nueva plantilla”.

En la ventana emergente, dale un nombre a tu plantilla. El nombre es sólo para tu referencia, así que puedes usar lo que quieras.

A continuación, haga clic en “Crear” para abrir el editor de sitios completo.

El editor de plantillas funciona de forma similar al editor de bloques estándar de WordPress.

Para añadir bloques a tu página de inicio personalizada, sólo tienes que hacer clic en el botón azul “+”. A continuación, puede arrastrar y soltar cualquier bloque en su estructura / disposición / diseño / plantilla.

Dado que estamos creando una página de inicio personalizada, normalmente querrá empezar añadiendo una imagen a pantalla completa, como el logotipo o banner de su sitio web.

Para ello, busque el bloque Imagen en el menú de la izquierda y añádalo a su estructura / disposición / diseño / plantilla arrastrando y soltando.

Ahora puede elegir una imagen de la biblioteca de medios de WordPress o subir un nuevo archivo desde su ordenador.

Para conseguir una mayor participación, puede mostrar los comentarios recientes en su página de inicio añadiendo un bloque de Últimos comentarios.

Para más información, consulte nuestra guía sobre cómo mostrar comentarios en la página de inicio de su tema de WordPress.

Una buena página de inicio ayuda a los visitantes a encontrar contenidos interesantes. Dicho esto, es una buena idea añadir un bloque de navegación a su página de inicio personalizada.

Para obtener más información, consulte nuestra guía paso a paso sobre cómo añadir menús de navegación personalizados en temas de WordPress.

Después de añadir un bloque, asegúrese de hacer clic para seleccionarlo en su estructura / disposición / diseño / plantilla. A continuación, puede configurar el bloque mediante los ajustes del menú de la derecha y los botones de la minibarra de herramientas.

Para construir tu página de inicio personalizada, simplemente sigue añadiendo más bloques y luego configúralos utilizando los ajustes completos del editor del sitio.

Por ejemplo, puedes añadir bloques como Últimas entradas, Búsqueda, Iconos sociales, Nube de etiquetas, etc.

Cuando estés satisfecho con el aspecto de la plantilla, haz clic en el botón “Publicar”.

La página que creó anteriormente utilizará ahora la nueva plantilla de página de inicio. Ahora puede decirle a WordPress que use esta página como su página de inicio siguiendo el proceso descrito anteriormente.

Método 2: Crear una página de inicio personalizada en WordPress utilizando un maquetador de páginas (recomendado)

El editor basado en bloques de WordPress le permite crear una página de inicio personalizada utilizando las herramientas con las que ya está familiarizado. Sin embargo, no funciona con todos los temas y está limitado en flexibilidad y características.

Además, aunque el Personalizador de temas de WordPress existe para los usuarios de temas que no son de bloque, no es la opción más fácil de usar, ya que no incluye la característica de arrastrar y soltar.

Si desea crear una página de inicio completamente personalizada que funcione con cualquier tema de WordPress, entonces necesitará un plugin maquetador de páginas.

Para este método, vamos a utilizar SeedProd. Es el mejor plugin maquetador de páginas del mercado y te permite crear una página de inicio personalizada usando un simple editor de arrastrar y soltar.

También incluye más de 300 plantillas de diseño profesional y bloques listos para usar en su página de inicio.

Lo primero que tienes que hacer es instalar y activar el plugin SeedProd. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, deberá introducir su clave de licencia.

Puede encontrar esta información en su cuenta del sitio web de SeedProd. Después de introducir la clave de licencia, siga adelante y haga clic en el botón “Verificar clave”.

Crear una nueva página de inicio con SeedProd

En este punto, debe visitar SeedProd ” Páginas y hacer clic en el botón “Añadir nueva página de destino”.

Después de eso, es hora de elegir una plantilla para su página de inicio personalizada. SeedProd tiene un montón de plantillas de diseño profesional que puede personalizar en función de las necesidades de su sitio de WordPress.

Para seleccionar una plantilla, basta con pasar el cursor por encima de ella y hacer clic en el icono “Marca de verificación”.

Estamos utilizando la plantilla ‘Juicy Sales Page’ en todas nuestras imágenes, pero puede utilizar cualquier diseño.

A continuación, escriba un nombre para la página de inicio personalizada. SeedProd creará automáticamente una URL basada en el título de la página, pero puede cambiar esta URL a cualquier cosa que desee.

Cuando esté satisfecho con la información que ha introducido, haga clic en el botón “Guardar y empezar a editar la página”.

A continuación, accederá al editor de arrastrar y soltar de SeedProd, donde podrá personalizar su plantilla.

El editor SeedProd muestra una vista previa en vivo de su diseño a la derecha y algunos ajustes de bloque a la izquierda.

El menú de la izquierda también tiene bloques que puedes arrastrar a tu estructura / disposición / diseño / plantilla.

Por ejemplo, puede arrastrar y soltar bloques sencillos como botones e imágenes o utilizar bloques avanzados como el temporizador de cuenta atrás, el formulario de contacto, los botones para compartir en redes sociales, etc.

Para personalizar cualquier bloque, sólo tiene que hacer clic para seleccionarlo en su estructura / disposición / diseño / plantilla.

El menú de la izquierda mostrará ahora todas las opciones de personalización para configurar ese bloque. También puede cambiar los colores de fondo de la página, añadir imágenes de fondo o cambiar la combinación de colores y fuentes para que se adapten mejor a su marca.

Incluso puede utilizar animaciones CSS para captar la atención del visitante.

Para empezar, querrá reemplazar cualquier imagen de marcador de posición con sus propias fotos o logotipo personalizado. Para ello, simplemente haga clic para seleccionar cualquier bloque de imagen en la vista previa en vivo.

En el menú de la izquierda, haga clic en el botón “Seleccionar imagen”.

Ahora puede elegir una imagen de la biblioteca de medios de WordPress o subir un nuevo archivo desde su ordenador.

SeedProd viene con “Secciones”, que son colecciones de bloques que suelen utilizarse juntos.

Por ejemplo, SeedProd tiene cabecera, imagen a pantalla completa, llamada a la acción, testimonios, formulario de contacto, FAQ, características, secciones a pie de página y mucho más. Esto puede ayudarle a crear rápidamente una página de inicio personalizada.

Para consultar las distintas secciones, basta con hacer clic en la pestaña “Secciones”. Para obtener una vista previa de cualquier sección, basta con al pasar el cursor sobre ella y luego hacer clic en el icono de la lupa.

Para añadir la sección a su diseño, haga clic en “Elegir esta sección”.

Esto añadirá la sección a la parte inferior de su página de inicio.

Puede arrastrar y soltar secciones y bloques por la estructura / disposición / diseño / plantilla.

Cuando estés satisfecho con el aspecto de la página de inicio, no olvides hacer clic en el botón “Guardar” para almacenar los cambios.

Conecte su página de inicio con un servicio de marketing por correo electrónico

Si planea realizar una campaña de marketing por correo electrónico, la página de inicio es uno de los mejores lugares para mostrar su formulario de suscripción.

Lo mejor de SeedProd es que facilita enormemente la conexión de su página de inicio a servicios de marketing por correo electrónico tan populares como Constant Contact.

Para ello, basta con hacer clic en la pestaña “Conectar” y seleccionar el proveedor de servicios de correo electrónico.

SeedProd mostrará ahora cómo conectar la página de inicio con su servicio de marketing por correo electrónico.

Si tu proveedor no está en el anuncio / catálogo / ficha, no te preocupes. SeedProd funciona con Zapier, que actúa como puente entre SeedProd y más de 3000 aplicaciones.

Desplázate hasta la sección “Otros” y pasa el cursor sobre “Zapier”. Cuando aparezca el botón “Conectar”, haz clic en él y sigue las instrucciones en pantalla para conectar SeedProd y Zapier.

Publique su página de inicio de SeedProd

Una vez que haya realizado todos los pasos anteriores, estará listo para publicar su página de inicio personalizada. Basta con hacer clic en la pestaña “Ajustes de página”.

Hay más opciones en la pestaña de ajustes de página que quizás quiera consultar. Por ejemplo, puedes cambiar los ajustes SEO, editar el título de la página y conectar un dominio personalizado.

Cuando esté satisfecho con el modo en que se ha establecido la página, seleccione la pestaña “General”.

Ahora puede hacer clic en el conmutador “Estado de la página” para cambiarlo de “Borrador” a “Publicar”.

Ahora, sólo tienes que dirigirte a Ajustes ” Lectura y establecer esta página como tu nueva página de inicio personalizada.

Método 3: Crear manualmente una página de inicio personalizada en WordPress (requiere código)

Otra forma de crear una página de inicio personalizada es utilizando código, lo que le da un control total sobre el aspecto de su sitio web. Sin embargo, este método puede ser complicado, y los errores de código pueden causar todo tipo de errores comunes de WordPress.

Teniendo esto en cuenta, no recomendamos este método para principiantes.

Su tema de WordPress se compone de muchos archivos diferentes. Algunos de estos archivos se denominan plantillas y controlan el aspecto de las distintas áreas de su sitio web. Para obtener más información, consulte nuestra hoja de trucos sobre la jerarquía de plantillas de WordPress.

Una de estas plantillas se llama front-page.php.

Si tu tema tiene esta plantilla, WordPress la usará automáticamente para mostrar la página de inicio. Esto significa que puede crear una página de inicio personalizada editando este archivo o sustituyéndolo por uno nuevo.

Para empezar, necesitará un cliente FTP como FileZilla, o puede utilizar el gestor de archivos suministrado por su proveedor de alojamiento de WordPress.

Si es la primera vez que utiliza FTP, puede consultar nuestra guía completa sobre cómo conectarse a su sitio utilizando FTP.

Después de conectarse al servidor, vaya a /wp-content/themes/ y abra la carpeta de su tema actual de WordPress.

Si esta carpeta ya tiene un archivo front-page.php, puede abrir ese archivo en un editor de texto como el Bloc de notas. A continuación, puede realizar los cambios que desee editando el código.

Si tu tema no tiene un archivo front-page.php, entonces puedes crear un nuevo archivo con el nombre front-page.php.

Después, sólo tienes que subir front-page.php a la carpeta de tu tema actual en tu cuenta de alojamiento de WordPress.

Tan pronto como subas este archivo, WordPress empezará a usarlo para mostrar tu página de inicio. Sin embargo, como el archivo está completamente vacío, verá una página en blanco como página de inicio.

Para corregirlo, basta con abrir el archivo en una aplicación de edición de texto y empezar a añadir código HTML.

Si empiezas con un archivo vacío, puedes ahorrarte algo de tiempo utilizando el código y las plantillas existentes en tu tema de WordPress.

Por ejemplo, suele tener sentido incluir la cabecera y el pie de página del tema.

En el siguiente código de ejemplo, hemos quitado el contenido y las barras laterales mientras obtenemos las plantillas de cabecera y navegación del 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(); ?>

Consejos adicionales para crear una página de inicio personalizada eficaz en WordPress

La página de inicio es la página más importante de su sitio. La gente visita esta página para saber más acerca de su empresa, productos y servicios.

Estos son algunos consejos para optimizar su página de inicio:

• Escribalos objetivos que desea alcanzar a través de su página de inicio – A partir de ahí, puede diseñar cada parte de la página de inicio para ayudarle a alcanzar este objetivo vaciado.
• Coloque su contenido más importante en la parte superior – Por ejemplo, si el objetivo de su sitio web es conseguir clientes potenciales, entonces debería mostrar su formulario de generación de clientes potenciales en la parte superior de su página de inicio, debajo de la cabecera.
• Simplifique el diseño de su página de inicio: evite el desorden y los elementos de diseño innecesarios. Así los visitantes podrán encontrar fácilmente lo que buscan.
• Mire ejemplos populares de sitios web de WordPress para inspirarse – Aunque nunca es una buena idea copiar, puede utilizarlos para aprender las mejores prácticas que luego puede aplicar a la disposición de su propia página de inicio.

En cuanto a herramientas para mejorar tu página de inicio, tenemos varias recomendaciones. Si tienes un negocio y quieres convertir visitantes en clientes, prueba a añadir OptinMonster a tu página de inicio personalizada.

OptinMonster es el mejor plugin de ventanas emergentes de WordPress y herramienta de generación de clientes potenciales. Te permite crear todo tipo de popups, barras flotantes, alfombras de bienvenida a pantalla completa, cajas de desplazamiento deslizantes, formularios de clientes potenciales personalizados integrados, optins gamificados spin-to-win y mucho más.

Además, es bueno hacer un seguimiento del rendimiento de su página de inicio personalizada. De este modo, podrá recopilar datos sobre cómo ajustar el diseño de la página y conseguir aún más conversiones.

MonsterInsights es el mejor plugin para Google Analytics. Le permite instalar fácilmente Google Analytics en WordPress y le muestra informes útiles directamente en el panel de administrador de WordPress.

Lo mejor acerca de usar MonsterInsights es que puedes añadir el código de seguimiento de Google Analytics sin editar el código o contratar a un desarrollador.

También deberías facilitar a los visitantes y clientes potenciales el contacto contigo a través de tu página de inicio. Para ello, te recomendamos WPForms, que es el mejor plugin de formularios para WordPress del mercado.

Esperamos que este artículo te haya ayudado a crear una página de inicio personalizada en WordPress. Puede que también quieras ver nuestros consejos probados para aumentar el tráfico de tu blog y nuestra selección de expertos de los mejores plugins de prueba social para WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.