Creación de las páginas

9.2 Creación de las páginas

La creación de páginas es el primer paso concreto en construcción de tu sitio WordPress. A diferencia de la toma de contacto general, aquí aplicas ese conocimiento estructural a crear el esqueleto del sitio. Las páginas forman la arquitectura fundamental: la página de inicio establece primera impresión, la página Acerca comunica identidad, Servicios/Productos presenta oferta, Contacto facilita comunicación. La calidad de estas páginas impacta directamente en conversión de visitantes a clientes.

Este apartado se enfoca en el proceso técnico de crear páginas en WordPress, editar su contenido, gestionar sus atributos (orden, visibilidad, padre/hijo), y preparar el sitio para que estas páginas aparezcan correctamente en navegación. Se complementa con apartados posteriores sobre selección de temas, personalización y menús; aquí es donde creas el contenido que esos elementos mostrarán.

Creación básica de una página

Para crear nueva página, navega a Páginas > Agregar nueva. La interfaz que ves es similar a la de Entradas, pero adaptada para contenido estático. En la parte superior, un campo para escribir el título de la página. Debajo, el editor de contenido (WYSIWYG - What You See Is What You Get) donde escribes el cuerpo de la página.

El editor WordPress tiene dos modos: Visual (parecido a Microsoft Word) y Código HTML (para usuarios que quieren control total sobre HTML). El modo Visual es suficiente para la mayoría; permite formatear texto (negrita, cursiva, títulos), insertar imágenes, crear listas, agregar tablas, embeber videos. Para cambiar entre modos, usa las pestañas en la parte superior del editor.

A la derecha del editor, un panel lateral muestra opciones adicionales: estado de publicación (Borrador, Pendiente revisión, Publicado), visibilidad (Pública, Privada, Protegida por contraseña), quién debe revisar el contenido (si aplica), y ajustes de SEO (si instalaste plugin de SEO como Yoast o Rank Math).

Estructura jerárquica de páginas

WordPress soporta páginas padre e hijo, creando estructura jerárquica. Imagina un sitio de empresa con página principal "Servicios", y bajo ella páginas hijas: "Consultoría Empresarial", "Transformación Digital", "Recursos Humanos". Esta estructura refleja en URL: página padre es miempresa.es/servicios/, páginas hijas son miempresa.es/servicios/consultoria/, miempresa.es/servicios/transformacion-digital/, etc.

Para establecer relación padre-hijo, al crear o editar página, en panel derecho busca la sección "Página padre" y selecciona la página que será padre de la actual. WordPress automáticamente ajusta la URL (llamada slug) para incluir la jerarquía. Esta estructura es importante para organización visual en menús de navegación y para SEO (los buscadores entienden que páginas hijas están temáticamente relacionadas con padre).

La estructura jerárquica puede ser tan profunda como necesites, aunque en práctica más de tres niveles confunde a usuarios (miempresa.es/servicios/consultoria/empresarial/transformacion/detalle.php es excesivamente profundo).

Campos y opciones de página

Además del contenido principal, WordPress proporciona campos adicionales para cada página. El atributo "Orden" (visible en panel derecho bajo "Página") permite ordenar páginas manualmente en menús si lo deseas. Si tienes página padre "Servicios" con hijas "Consultoría", "Transformación Digital", "RRHH", puedes asignar orden 1, 2, 3 respectivamente para que aparezcan en ese orden en el menú (por defecto aparecen alfabéticamente).

La "Plantilla de página" (si aparece en panel derecho) permite aplicar plantillas diferentes según tema instalado. Un tema profesional podría incluir plantillas: "Página por defecto", "Página ancha (sin sidebar)", "Página con portada", "Página de blog". Diferentes plantillas afectan layout y estilo de la página sin cambiar contenido.

El atributo "Visibilidad" es crítico: "Pública" (visible a todos), "Privada" (solo a usuarios registrados), "Protegida por contraseña" (visible a todos, pero requiere contraseña específica). Esto es útil para páginas que están en desarrollo pero aún no públicas, o para contenido restringido.

Editor de contenido y bloques

Desde WordPress 5.0 (2018), el editor por defecto es Gutenberg (también llamado "editor de bloques"). A diferencia del editor clásico anterior (que era un campo único de texto), Gutenberg organiza contenido en bloques. Un bloque puede ser párrafo, imagen, video, tabla, botón, galería, o docenas de tipos más. Cada bloque es independiente, permitiendo reorganizarlos arrastrando, cambiar su estilo, o eliminarlos sin afectar otros bloques.

Para agregar contenido, simplemente escribe en el bloque de párrafo por defecto. Presiona Enter al final del párrafo y automáticamente se crea nuevo bloque. Para insertar tipo de bloque diferente (imagen, tabla, botón), haz clic en el ícono "+" que aparece al lado del bloque. Esto abre un menú de bloques disponibles, permitiéndote seleccionar el que necesitas.

Algunos bloques tienen opciones específicas. Un bloque de imagen permite: seleccionar si debe ser alineado a izquierda, centro o derecha, añadir texto alternativo (importante para accesibilidad y SEO), establecer tamaño, añadir borde o sombra. Un bloque de botón permite cambiar color, tamaño, texto del botón y URL a dónde enlaza.

Inserción de multimedia

Las imágenes y videos son componentes críticos de páginas atractivas. Para insertar imagen, usa bloque de imagen (ícono +, selecciona "Imagen") o arrastra directamente imagen de tu computadora al editor. WordPress subirá la imagen a la librería multimedia y la insertará en la página. Es posible editar imagen directamente en WordPress (recortar, girar, cambiar brillo/contraste) sin software externo.

Para videos, WordPress soporta inserción directa de YouTube, Vimeo y otros proveedores: simplemente pega URL del video en bloque de video, y WordPress automáticamente genera el reproductor embebido. Para videos alojados en tu servidor, usa bloque de video y sube archivo MP4 (WordPress automáticamente crea reproductor HTML5).

El atributo "Texto alternativo" (alt text) para imágenes es obligatorio para accesibilidad: usuarios con lectores de pantalla dependen de este texto para entender qué muestra la imagen. También es importante para SEO: Google usa alt text para entender contenido de imagen. En lugar de "Imagen1.jpg", describe la imagen: "Equipo de profesionales en reunión de trabajo".

Gestión de borradores y revisiones

WordPress automáticamente guarda borradores mientras escribes. No necesitas hacer clic en "Guardar borrador" constantemente; WordPress guarda cada 60 segundos. Esto previene pérdida de contenido si se desconecta Internet o falla navegador.

WordPress también mantiene un historial de revisiones de cada página. Si editaste una página multiple veces, puedes ver todas las versiones anteriores. Ve a panel derecho bajo "Revisiones", haz clic en revisión anterior para ver cómo era la página en ese momento, y si deseas, restaura esa versión anterior. Esto es útil si accidentalmente eliminaste contenido importante y no lo recuerdas.

Ejemplo práctico: crear página de inicio profesional

Para crear página de inicio de un sitio de consultoría, crearía página nueva titulada "Inicio" (nota: no titulada "Home" sino "Inicio" para contenido en español). Bajo "Página padre", no selecciono nada (es página padre). En "Visibilidad", selecciono "Pública". Luego construyo contenido usando bloques:

Primer bloque: título h1 con "Bienvenido a [Nombre Empresa]". Segundo bloque: párrafo de introducción describiendo la empresa (100-150 palabras). Tercer bloque: imagen representativa de la empresa. Cuarto bloque: título h2 "Nuestros Servicios" seguido de tres bloques de columna, cada uno con descripción de un servicio y botón "Conocer más" que enlaza a página hija relevante. Quinto bloque: sección de testimonios (usando bloque de cotización). Finalmente: llamada a acción con botón grande "Solicitar consulta" que enlaza a página de contacto.

Una vez finalizado, reviso el sitio haciendo clic en "Ver página" para ver cómo se ve en navegador. Luego regreso al editor si necesito ajustes, realizo cambios, y republico. La página está lista cuando está satisfecho con contenido y diseño.

Ideas clave

• La creación de páginas comienza con navegación a Páginas > Agregar nueva, usando editor de bloques Gutenberg para estructurar contenido
• Las páginas pueden organizarse jerárquicamente (padre/hijo), creando estructura de sitio visible en URLs y navegación
• El editor de bloques permite insertar párrafos, imágenes, videos, tablas, botones y docenas de tipos de contenido modulares
• El texto alternativo de imágenes es obligatorio para accesibilidad y SEO; debe describir el contenido de forma clara
• WordPress guarda automáticamente borradores y mantiene historial de revisiones, permitiendo restaurar versiones anteriores
• Las opciones de página (plantilla, visibilidad, orden) afectan cómo se presenta y se comporta la página en el sitio