En la lección WordPress por dentro: instalación local con WordPress Studio miraste WordPress por dentro. Ahora lo usas para construir tu portafolio: portada, "Sobre mí", contacto y proyectos, con tu identidad visual. Todo se hace con bloques, las piezas del editor de WordPress, y con el Editor del sitio, que controla las partes comunes (cabecera, pie, plantillas y estilos).

• Bloque: cada pieza de contenido (párrafo, imagen, columnas, grupo, botones). Se añaden con el botón + o escribiendo / y su nombre.
• Grupo, Fila, Pila y Columnas: los bloques de maquetación. Equivalen a lo que hacías con Flexbox y Grid (páginas 5.1 y 5.2): contenedores con espaciado, alineación y fondo.
• Patrón: una combinación de bloques ya diseñada (una cabecera con imagen, una sección de testimonios). Inserta uno y cámbiale el contenido.
• Estilos globales (Apariencia → Editor → Estilos): la paleta de color, las tipografías y los tamaños de todo el sitio. Es el equivalente a tus variables CSS (lección Variables, tipografía web y animación): cámbialos aquí, no bloque a bloque.

Usa un tema de bloques (como el que trae WordPress por defecto, "Twenty Twenty-Five"): son los que se editan con el Editor del sitio.

En Apariencia → Editor → Plantillas están los "moldes" de cada tipo de página:

Las partes de plantilla (Cabecera y Pie) se comparten entre todas: si cambias el pie, cambia en todo el sitio.

1. Página de inicio estática

Por defecto, WordPress muestra las últimas entradas en la portada. Para un portafolio:

1. Crea las páginas Inicio, Sobre mí, Contacto y Portafolio.
2. Ajustes → Lectura → Tu página de inicio muestra: Una página estática → Inicio.

2. Ocultar el título de la página de inicio

La portada no necesita el título "Inicio" encima. En el Editor del sitio, abre la plantilla que usa la portada (Página de inicio o Página, según el tema), selecciona el bloque Título y elimínalo solo en esa plantilla. Si la plantilla es la general de las páginas, crea antes una plantilla propia para la portada (desde la página: panel lateral → Plantilla → crear nueva plantilla); los nombres dependen del tema.

3. Icono del sitio (favicon)

Ajustes → Generales o, en el Editor del sitio, el bloque Logo del sitio → Usar como icono del sitio (así en septiembre de 2026; puede cambiar con la versión). Sube una imagen cuadrada de al menos 512 × 512 px, coherente con tu identidad.

4. Menú principal sin «Inicio»

En la Cabecera, el bloque Navegación contiene el menú. Añade Sobre mí, Portafolio y Contacto, y quita Inicio: a la portada se llega pulsando el logo o el nombre del sitio. En móvil, el bloque convierte el menú en un botón desplegable (el mismo patrón accesible que programaste en la lección Eventos).

5. Pie con iconos sociales

En la parte de plantilla Pie, añade el bloque Iconos sociales, elige las redes (Behance, Instagram, LinkedIn, GitHub…) y pon tus enlaces. Cada icono necesita una etiqueta para los lectores de pantalla (el bloque la pone por defecto con el nombre de la red).

6. Formulario de contacto

WordPress no trae formularios de contacto: se usan plugins. Dos opciones gratuitas:

• Spectra (bloque Formulario).
• WPForms Lite (constructor de formularios y bloque para insertarlo).

Pide solo los datos necesarios (nombre, correo, mensaje), cada campo con su etiqueta visible, y adapta los colores y la tipografía a tu identidad. En local, los correos no se envían de verdad: comprueba que el formulario se ve y valida bien (en la versión gratuita de WPForms, en septiembre de 2026, las entradas no se guardaban en el sitio; pueden haber cambiado las condiciones).

• Un solo h1 por página (el título de la página o el de la portada).
• Texto alternativo en todas las imágenes; vacío solo si es decorativa.
• Contraste suficiente en la paleta de estilos globales (lección El color en CSS).
• Comprueba el sitio con el teclado y en móvil (vista previa del editor).
• Pocos plugins y de confianza (muchas instalaciones, actualizados).

1. Configura la portada estática y oculta su título.
2. Define en los estilos globales tu paleta (3–5 colores) y tus dos tipografías.
3. Monta la cabecera con logo y menú sin «Inicio», y el pie con iconos sociales.
4. Maqueta "Sobre mí" con columnas, una imagen con alt y un patrón.
5. Crea el formulario de contacto y adáptalo a tu estilo.

• Editar el estilo bloque a bloque en lugar de usar los estilos globales.
• Borrar el título en la plantilla general de páginas y dejar sin título "Sobre mí".
• Menús con enlaces rotos o con «Inicio» duplicado.
• Instalar un plugin para cada cosa: ralentiza el sitio y es más inseguro.
• Imágenes enormes sin optimizar (usa WebP y tamaños razonables, lección Diseño adaptable).