En este tutorial te enseño cómo crear o modificar la página de inicio en WordPress de una manera sencilla, sin necesidad de usar código y con la ayuda de herramientas visuales que hacen el trabajo mucho más rápido.
Este es el cuarto episodio de la serie donde explico paso a paso cómo construir una página web en WordPress. Si aún no has visto los capítulos anteriores, al finalizar te recomiendo que revises la lista de reproducción completa para seguir el orden correcto.
1. El problema del editor por defecto en WordPress
Al instalar WordPress nos encontramos con la página de ejemplo “Hola mundo”. Aunque desde ahí podemos entrar en Editar sitio, lo cierto es que las opciones son muy limitadas y el editor de bloques no es práctico si queremos un diseño profesional y flexible.
Por eso, en lugar de usar este editor básico, en este tutorial te comparto dos herramientas imprescindibles que nos facilitan crear una página atractiva y totalmente personalizada.
2. Instalar el tema Hello
El primer paso es elegir un tema compatible con un maquetador visual.
Desde Apariencia > Temas > Añadir nuevo, instalamos el tema Hello, que funciona de manera excelente con Elementor.
👉 Consejo: elimina los temas que vienen preinstalados en WordPress y que no vayas a usar. Así mejoras la seguridad de tu web y evitas riesgos en caso de que se desactualicen.
3. Instalar el maquetador Elementor
El segundo paso es añadir un plugin gratuito y potente: Elementor.
Desde Plugins > Añadir nuevo, busca “Elementor”, instálalo y actívalo. Con este editor podrás diseñar tu página de inicio de forma visual con la técnica de arrastrar, soltar y editar directamente sobre la pantalla.
Elementor es usado por millones de personas y ofrece gran compatibilidad con WordPress. La versión gratuita es más que suficiente para empezar.
4. Crear la página de inicio
Ahora que ya tenemos el tema y el editor listos, vamos a crear la página:
Ve a Páginas > Añadir nueva.
Nómbrala como “Inicio” y publícala (puedes dejarla como privada mientras trabajas en ella).
Haz clic en Editar con Elementor.
A partir de aquí verás el panel de elementos en la parte izquierda, donde podrás añadir:
Encabezados y títulos personalizados.
Textos con enlaces.
Imágenes y vídeos embebidos de YouTube.
Botones de acción (CTA) para guiar al visitante.
5. Usar Flexbox en Elementor
Una de las novedades más útiles de Elementor es Flexbox, que reemplaza al sistema de cuadrículas tradicional. Con Flexbox tendrás más control sobre la disposición de los elementos, evitando errores de diseño y logrando una estructura más limpia y adaptable a móviles.
Por ejemplo:
Puedes crear un encabezado, cambiar su tipografía y color.
Añadir imágenes que se ajusten mejor a cada contenedor.
Insertar botones con estilos diferentes según el estado del cursor.
6. Próximos pasos
En este video hemos dejado lista la estructura base de tu página de inicio en WordPress, pero aún falta un detalle clave: reemplazar la página predeterminada que crea WordPress por la que acabamos de diseñar con Elementor.
Eso lo veremos en el siguiente episodio de la serie.
Conclusión
Con estos sencillos pasos y el uso de Hello Theme junto a Elementor, puedes crear tu página de inicio en WordPress en menos de 15 minutos, sin necesidad de código y con un diseño totalmente personalizable.
👉 Si quieres seguir aprendiendo, no te pierdas los próximos capítulos donde seguiremos mejorando el sitio paso a paso.
💬 Si llegaste hasta aquí, por favor apóyame con un buen Like y a demás puedes seguirme en mi canal haciendo clic en el botón de abajo (recuerda activar las notificaciones)
