Cómo construir un sitio web profesional de WordPress con Hostinger

Construir un sitio web puede parecer difícil, pero en realidad es bastante simple cuando tienes las herramientas adecuadas. Esta guía le muestra exactamente cómo configurar un sitio de WordPress de principio a fin usando Hostinger. Aprenderás a elegir un nombre de dominio, instalar WordPress y usar un constructor visual para que tu sitio se vea genial. No necesitas saber codificar para seguir estos pasos. Al final de esta publicación, tendrá un sitio web completamente funcional que parece profesional y funciona en teléfonos móviles.

Primeros pasos con Hostinger Hosting

Elegir su plan de alojamiento

Hostinger ofrece diferentes planes. El plan Premium es perfecto para la mayoría de los principiantes. Te da todo lo que necesitas para construir un sitio de alta calidad. También puede actualizar más tarde si su sitio crece.

Cuando eliges un plan, debes elegir un período de tiempo. Elegir 48 meses es lo que más te ahorra dinero. Incluso si eliges 12 meses, aún obtienes un nombre de dominio gratis. Después de elegir su plan, cree su cuenta e introduzca sus datos de pago.

Verificando su cuenta

Después de pagar, vaya a su bandeja de entrada de correo electrónico. Hostinger le enviará un correo electrónico para verificar su dirección. Haga clic en el enlace de ese correo electrónico para terminar de configurar su cuenta. Este es un paso muy importante. Si no verifica su correo electrónico, es posible que tenga problemas con su cuenta más adelante.

Reclamando su nombre de dominio gratuito

Su nombre de dominio es la dirección que la gente escribe para encontrar su sitio. Debería ser corto y fácil de recordar. Un dominio .com suele ser la mejor opción.

1. Inicie sesión en su panel de control de Hostinger.
2. Encuentra el botón que dice Reclamar dominio.
3. Escriba el nombre que desee.
4. Comprueba si está disponible.
5. Haga clic en reclamar una vez que encuentre un nombre que le guste.

Necesitará introducir algunos datos de contacto para el dominio. Una vez hecho esto, revisa tu correo electrónico de nuevo. También debe verificar su correo electrónico para el registro del dominio.

Instalación de WordPress

Ahora que tienes alojamiento y un dominio, puedes instalar WordPress. Hostinger hace esto muy fácil con un instalador automático.

Dentro del panel de control, haga clic en Continuar configuración. Se le preguntará para quién está construyendo el sitio. Elige a ti mismo o a tu negocio. Luego, elige WordPress como tu plataforma. Necesitará crear un nombre de usuario y una contraseña para su cuenta de WordPress. Mantenga estos detalles seguros. Los usarás para iniciar sesión en tu sitio web para hacer cambios.

Cuando se le pida que elija un tema, seleccione Crear sitio en blanco. Instalaremos un tema mejor más tarde. Finalmente, seleccione su nombre de dominio y elija el centro de datos más cercano a su audiencia. Haga clic en siguiente y Hostinger iniciará la instalación. Solo toma unos minutos.

Configuración de su panel de WordPress

Una vez que WordPress esté instalado, verá el Panel de administración. Este es el back-end de su sitio web. Puede parecer un poco desordenado al principio. Puedes limpiarlo haciendo clic en Opciones de pantalla en la parte superior. Desmarque todas las casillas para ocultar los mensajes que no necesita.

Instalación del tema Astra

Un tema decide cómo se ve tu sitio web. Establece los colores, las fuentes y el diseño. Recomendamos un tema llamado Astra. Es gratis, rápido y muy popular.

Para instalarlo, coloque el cursor sobre Apariencia en el menú de la izquierda y haga clic en Temas. Haga clic en Agregar nuevo tema y busque Astra. Haga clic en instalar y luego haga clic en Activar. Su sitio ahora tiene una base sólida.

Adición del complemento de plantillas de inicio

Los complementos son como aplicaciones para tu sitio web. Añaden nuevas características. El complemento Starter Templates le da acceso a cientos de diseños de sitios web prefabricados.

Vaya a la sección Complementos y haga clic en Agregar nuevo complemento. Busque «Plantillas de inicio». Instálalo y actívalo. Este complemento te permite elegir un diseño para que no tengas que empezar de cero.

Elegir una plantilla de sitio web

Después de activar el complemento, tendrá que elegir un creador de páginas. Elige Elementor. Es el constructor visual más popular para WordPress. Si no lo ve como una opción, es posible que debe verificar su configuración para asegurarse de que está habilitado.

Examina las plantillas. Algunos están marcados como «Premium», pero muchos son gratuitos. Para esta guía, sugerimos la plantilla del Planeta Tierra. Es flexible y funciona para muchos tipos diferentes de sitios. Puedes previsualizar la plantilla para ver cómo se ve. Cuando estés listo, puedes subir tu logotipo y elegir tus colores. Luego, haga clic en Enviar y Crear mi sitio web.

Personalización con Elementor

Elementor utiliza un sistema de «arrastrar y soltar». Esto significa que puedes mover las cosas simplemente haciendo clic en ellas. Cada página está construida con contenedores y elementos.

Componente	¿Qué es?
Contenedor	Una caja que contiene diferentes partes de su sitio.
Elemento	Elementos individuales como texto, imágenes o botones.
Panel de estructura	Una lista a la derecha que muestra cómo se organizan las cosas.

Edición de texto y botones

Para cambiar cualquier texto, simplemente haga clic en él. Verá opciones en el lado izquierdo de la pantalla.

• Pestaña de contenido: cambie lo que dice el texto o agregue un enlace.
• Pestaña de estilo: Cambia el color, el tamaño y la fuente.
• Pestaña avanzada: cambia el espaciado y cómo se mueve el texto.

Puedes personalizar los botones de la misma manera. Puedes cambiar el texto del botón a algo como «Contáctanos». También puede vincular el botón a una página diferente en su sitio.

Trabajando con imágenes

Hay dos tipos principales de imágenes en Elementor. Algunas imágenes son imágenes de fondo que llenan una sección completa. Otros son elementos de imagen que se encuentran dentro de un contenedor.

Para cambiar una imagen, haga clic en ella y seleccione Cargar archivos. Puedes usar tus propias fotos o buscar imágenes gratuitas en la biblioteca de medios. También puedes añadir efectos como esquinas redondeadas o sombras para que tus imágenes se vean mejor.

Dominar el espaciado: margen frente al acolchado

El espaciado es lo que hace que un sitio web se vea limpio. Hay dos formas principales de añadir espacio: margen y acolchado.

1. Relleno: Este es el espacio dentro del elemento. Aleja el contenido de la frontera.
2. Margen: Este es el espacio fuera del elemento. Empuja otros artículos lejos de la frontera.

También puedes usar el widget Spacer para añadir espacios simples entre secciones. El espaciado adecuado evita que su sitio web se vea lleno.

Personalización de la configuración global

En lugar de cambiar todos los encabezados, puede cambiar la configuración global. Esto cambia todo el sitio a la vez. Vaya a la barra de WordPress en la parte superior y haga clic en Personalizar.

En este menú, puede cambiar su tipografía global. Esto establece la fuente para cada página. También puedes cambiar los colores globales. Esto asegura que los colores de su marca permanezcan igual en todas partes. Una vez que esté satisfecho con los cambios, haga clic en Publicar.

Hacer que su sitio sea móvil

La mayoría de la gente visita sitios web en sus teléfonos. Debe asegurarse de que su sitio se vea bien en pantallas pequeñas. Elementor tiene un modo de respuesta en la parte superior del editor.

Haga clic en el icono del teléfono para ver la versión móvil. Si el texto parece demasiado grande, puedes cambiar su tamaño solo para usuarios móviles. Estos cambios no afectarán a la versión de escritorio. También puedes ocultar ciertas secciones en el móvil si ocupan demasiado espacio.

Añadiendo nuevas páginas y menús

A medida que su negocio crezca, es posible que necesite más páginas, como una página de «Proyectos» o «Servicios». Para agregar una nueva página, vaya al panel de WordPress y haga clic en Páginas, luego en Agregar nuevo.

Una vez que cree una página, debe agregarla a su menú de navegación.

1. Vaya a Apariencia y luego a Menús.
2. Encuentra tu nueva página en la lista.
3. Haga clic en Agregar al menú.
4. Arrastra los artículos para cambiar su orden.
5. Haga clic en el menú Guardar.

Construyendo el encabezado y el pie de página

El encabezado está en la parte superior de su sitio, y el pie de página está en la parte inferior. Estos se mantienen igual en cada página. Utilice el Header Builder y Footer Builder en el personalizador de WordPress para editarlos.

Puedes subir tu logotipo aquí. También puede agregar enlaces de redes sociales o un aviso de derechos de autor en el pie de página. El uso de variables como «current_year» se asegurará de que su pie de página siempre muestre la fecha correcta automáticamente.

Acelerando su sitio web

Un sitio web rápido es mejor para los usuarios y los motores de búsqueda. Hostinger funciona muy bien con un complemento llamado LiteSpeed Cache.

Para instalarlo, vaya a la sección Complementos y busque «LiteSpeed Cache». Instálalo y actívalo. Este complemento ayuda a que sus páginas se carguen más rápido. Un sitio rápido mantiene contentos a los visitantes y te ayuda a clasificarte más alto en Google.

Conclusión

Configurar un sitio web de WordPress es un proceso paso a paso. Al elegir Hostinger, obtienes un hogar confiable para tu sitio y una manera fácil de instalar WordPress. El uso de temas como Astra y constructores como Elementor hace que el trabajo de diseño sea simple y divertido. Ahora tienes el poder de crear un sitio que se vea genial en cualquier dispositivo.

Recuerde mantener sus complementos actualizados y revisar su sitio en su teléfono regularmente. Construir un sitio web es solo el comienzo. Ahora puedes empezar a añadir tu propio contenido y compartir tu sitio con el mundo. ¡Buena suerte con tu nuevo sitio web de WordPress!