Cuando visitas una página web, todo parece sencillo. Escribes una dirección en el navegador, pulsas Enter y, en unos instantes, aparece una página con textos, imágenes, botones y menús.
Pero detrás de esa pantalla hay bastante más.
Una web creada con WordPress no es únicamente un conjunto de páginas diseñadas visualmente. En su funcionamiento intervienen diferentes tecnologías que trabajan conjuntamente para convertir una petición del navegador en una página que podamos leer y utilizar.
Entre ellas destacan WordPress, PHP y MySQL.
Entender qué hace cada una permite comprender mejor qué significa realmente desarrollar, alojar y mantener una página web.
WordPress: la estructura que permite gestionar la web.
WordPress es un sistema de gestión de contenidos, conocido como CMS (Content Management System).
Su función principal es proporcionar una estructura que permite crear y administrar una página web sin tener que programar manualmente cada una de sus páginas desde cero.
Cuando publicamos una entrada, creamos una página, añadimos una imagen o modificamos determinados elementos de una web, WordPress se encarga de gestionar toda esa información.
Pero WordPress no trabaja solo.
Para funcionar necesita otros componentes, entre ellos un lenguaje de programación capaz de ejecutar sus instrucciones y una base de datos donde almacenar gran parte de la información.
Ahí entran PHP y MySQL.
PHP: el lenguaje que hace funcionar WordPress.
PHP es un lenguaje de programación utilizado en el desarrollo web y constituye una de las piezas fundamentales de WordPress.
A diferencia de un documento HTML estático, una instalación de WordPress puede generar dinámicamente el contenido que finalmente recibe el navegador.
Por ejemplo, cuando alguien solicita una página concreta, WordPress puede necesitar consultar qué contenido corresponde a esa dirección, qué plantilla debe utilizar, qué elementos debe mostrar o qué configuración tiene aplicada.
PHP se encarga de ejecutar buena parte de esa lógica.
De forma simplificada, podemos imaginar el proceso así:
Navegador → servidor → PHP/WordPress → base de datos → HTML → navegador.
El usuario no ve PHP directamente.
Lo que recibe finalmente es el resultado de todo ese proceso, normalmente en forma de HTML, CSS y JavaScript que el navegador puede interpretar y mostrar.
MySQL: donde se almacena la información.
Una página WordPress necesita guardar una gran cantidad de información.
Entradas, páginas, usuarios, configuraciones, categorías, etiquetas y otros datos necesitan almacenarse en algún lugar.
Ahí aparece la base de datos.
WordPress utiliza habitualmente MySQL o MariaDB como sistema de gestión de bases de datos.
Podemos imaginar la base de datos como una enorme estructura organizada en tablas.
Cuando publicamos una entrada, por ejemplo, su información se almacena en la base de datos. Cuando posteriormente alguien visita esa entrada, WordPress puede consultar esos datos y utilizarlos para construir la página que verá el visitante.
Por eso, aunque desde fuera parezca que una web consiste únicamente en páginas, internamente existe una estructura de datos mucho más compleja.
¿Qué ocurre cuando visitas una página?
Imaginemos que alguien escribe una dirección de una web en su navegador.
El proceso simplificado sería aproximadamente este:
1. El navegador realiza una petición.
El usuario solicita una determinada dirección web.
2. La petición llega al servidor.
El servidor recibe la solicitud y determina qué debe hacer con ella.
3. WordPress entra en funcionamiento.
Si se trata de una instalación WordPress, el sistema procesa la petición y determina qué contenido corresponde.
4. PHP ejecuta la lógica necesaria.
WordPress utiliza PHP para procesar la solicitud y ejecutar las instrucciones necesarias.
5. Se consulta la base de datos.
Cuando es necesario, WordPress solicita a MySQL o MariaDB la información que necesita.
6. WordPress construye la respuesta.
Con esa información, el sistema genera el contenido que debe entregar al navegador.
7. El navegador recibe los archivos y los muestra.
Finalmente, el navegador interpreta el HTML, CSS y JavaScript recibidos y construye visualmente la página.
Todo esto sucede en un intervalo de tiempo que, para el usuario, puede parecer prácticamente instantáneo.
Una web es más que su diseño.
Cuando vemos una página web terminada solemos fijarnos principalmente en su aspecto visual.
Colores, tipografías, imágenes, espacios, botones o animaciones.
Pero ese diseño es solamente una parte de la experiencia.
Por debajo existen servidores, sistemas operativos, bases de datos, PHP, WordPress, HTML, CSS, JavaScript, protocolos de comunicación, certificados de seguridad y diferentes mecanismos de caché y optimización.
Por eso dos páginas que aparentemente tienen un aspecto parecido pueden tener comportamientos completamente diferentes.
Una puede cargar rápidamente, responder correctamente y mantenerse estable ante muchas visitas.
Otra puede ser pesada, lenta o generar errores aunque visualmente ambas parezcan similares.
¿Por qué importa todo esto?
Porque construir una web no consiste únicamente en conseguir que una página «se vea bien».
También hay que conseguir que funcione correctamente.
La arquitectura tecnológica puede influir en aspectos como:
- velocidad de carga;
- estabilidad;
- seguridad;
- capacidad de mantenimiento;
- escalabilidad;
- experiencia de usuario;
- rendimiento técnico;
- posibilidades de optimización para buscadores.
Por eso, cuando hablamos de diseño web, conviene recordar que el diseño es solamente la parte visible de un sistema mucho más amplio.
WordPress no es una aplicación aislada.
Otra idea importante es entender que WordPress forma parte de un conjunto.
Podemos representarlo de una manera sencilla:
Servidor → PHP → WordPress → MySQL → contenido → navegador.
Cada elemento cumple una función diferente.
El servidor proporciona el entorno donde se ejecuta la aplicación.
PHP ejecuta el código necesario.
WordPress proporciona la estructura y la gestión de contenidos.
MySQL o MariaDB almacena la información.
Y el navegador transforma el resultado final en la página que vemos.
Si una de estas piezas está mal configurada o funciona de forma deficiente, puede afectar al conjunto.
Y todavía hay más.
Esta arquitectura básica es solamente el comienzo.
En una web moderna pueden intervenir además sistemas de caché, CDN, servidores web, DNS, HTTPS, HTTP/2, HTTP/3, QUIC, sistemas de optimización de imágenes, plugins, APIs y numerosas herramientas de monitorización y seguridad.
Todo ello forma parte de una cadena tecnológica cuyo objetivo final es muy sencillo: que cuando alguien escriba una dirección en su navegador, la página aparezca rápidamente y funcione correctamente.
La próxima vez que visites una web, puedes pensar que detrás de esa pantalla aparentemente sencilla existe toda una infraestructura trabajando para que puedas verla.
Y eso es precisamente lo interesante del desarrollo web: lo que vemos es solamente la última capa de un sistema mucho más complejo.
En berhattan también trabajamos sobre esa parte invisible.
En berhattan entendemos el diseño web como algo que va más allá de la apariencia visual.
Una página debe estar bien diseñada, pero también debe contar con una base tecnológica adecuada, estar correctamente alojada, mantenerse actualizada y evolucionar con el tiempo.
Porque una web no termina cuando se publica.
Detrás de cada página hay tecnología, infraestructura y decisiones técnicas que terminan influyendo en la experiencia de quien la visita.
