Web básica

1. Instalación de WordPress

1. Instala WordPress en tu hosting o localmente (e.g. LocalWP).
2. Ingresa al panel de tusitio.com/wp-admin e inicia sesión (WordPress.com).
3. Familiarízate con el Escritorio: Menús en el lateral (Entradas, Páginas, Apariencia, Plugins…). (siteground.com)

---

2. Crear cinco páginas básicas

Para cada página:

1. Ve a Páginas > Añadir nueva.
2. Añade un título y bloque de contenido con Gutenberg.
3. Publica la página.

Crea estas cinco páginas:

• Inicio
• Servicios
• Sobre mí
• Blog
• Contacto (siteground.com, GeeksforGeeks, Wikipedia, WordPress.com)

Al terminar ves en Todas las páginas cómo aparecen tus páginas (10Web).

---

3. Añadir contenido en columnas

WordPress permite crear columnas fácilmente con el bloque Columns.

1. En cualquier página, haz clic en el botón + y busca Columns.
2. Selecciona la disposición deseada (ej. 50/50 o 33/66). Dentro de cada columna puedes añadir bloques como texto, imágenes, botones… (Learn WordPress, WPBeginner)

Ejemplo Diseño Servicios:

• Columna 1: Título de servicio + icono
• Columna 2: Descripción detallada del servicio

Puedes ajustar colores, espaciados o estilos desde el panel lateral del bloque Columns (WordPress.com, Learn WordPress).

---

4. Crear el menú principal

Temas clásicos:

1. Ve a Apariencia > Menús.
2. Crea un menú, añade las cinco páginas creadas.
3. Asigna ubicación (por ejemplo, Menú principal) y guarda.

En temas FSE:

1. Ve a Apariencia > Editor del sitio.
2. Edita la plantilla del header.
3. Inserta el bloque Navigation, añade las páginas como enlaces.
4. Ajusta alineación, estilo móvil, colores según diseño.

---

5. Personalizar cada página con bloques de diseño

Inicio:

• Usa un bloque de imagen o Cover, coloca un título grande y un botón (call to action).

Sobre mí:

• Usa columna 1 con imagen personal y columna 2 con texto descriptivo.

Blog:

• Inserta un bloque como Latest Posts o un patrón de blog para mostrar entradas recientes.

Contacto:

• Inserta el bloque de Formulario de contacto (puede ser Contact Form 7, Jetpack u otro plugin).
• Opcional: añade un bloque de Mapa o redes sociales.

---

6. Vista previa y publicación

Utiliza el botón Vista previa para revisar en diferentes dispositivos antes de publicar. Una vez todo esté listo, haz clic en Publicar para cada página.

---

7. Comprobaciones finales

• Revisa el menú y asegúrate de que todas las páginas se muestran correctamente.
• Prueba el sitio en móvil/desktops.
• Revisa enlaces, formularios y que los bloques carguen correctamente.

---

✔️ Resumen del flujo

1. Instalar WordPress y acceder al panel.
2. Crear cinco páginas principales (Inicio, Servicios, Sobre mí, Blog, Contacto).
3. Diseñar páginas usando bloques y columnas.
4. Crear el menú de navegación.
5. Personalizar bloques por página.
6. Vista previa y publicación del sitio.

---