🌐 WordPress por dentro: la ingeniería que convierte contenido en una web

PARA ENTENDER EL ESQUEMA

Sobre esta infografía

Publicar una entrada parece sencillo: escribir, añadir una imagen y pulsar un botón.

Pero cuando alguien abre esa página, entra en juego una arquitectura que conecta servidor web, PHP, base de datos, núcleo, tema y plugins.

He preparado esta infografía animada para explicar cómo encajan sus piezas y qué ocurre detrás de cada visita.

🔹 El navegador recibe el resultado.
PHP se ejecuta en el servidor. El visitante recibe HTML, CSS y JavaScript para mostrar la página e interactuar con ella.

🔹 La información está repartida.
La base de datos guarda contenidos, usuarios, ajustes y metadatos. Las imágenes y otros archivos suelen estar en el sistema de archivos: la base de datos conserva sus referencias y datos asociados.

🔹 El núcleo coordina el funcionamiento.
Carga la configuración, gestiona usuarios y permisos, procesa consultas y ofrece las APIs sobre las que trabajan temas y extensiones.

🔹 Los hooks hacen posible la extensibilidad.
Las acciones permiten ejecutar código en determinados momentos. Los filtros reciben un dato, permiten transformarlo y lo devuelven al proceso. Así se amplía WordPress sin modificar sus archivos centrales.

🔹 El editor y la web pública tienen funciones distintas.
Gutenberg utiliza JavaScript y React para trabajar con bloques. Eso no convierte automáticamente toda la web en una aplicación React.

🔹 La caché cambia el recorrido de una visita.
OPcache evita recompilar PHP innecesariamente; la caché de objetos reduce trabajo repetido; una caché de página puede servir HTML sin ejecutar todo WordPress en cada petición.

🔹 La seguridad también forma parte del diseño.
Comprobar permisos, validar entradas, sanear datos y escapar salidas son responsabilidades diferentes. Y una copia de seguridad completa necesita tanto la base de datos como los archivos.

💡 La idea que conecta todo:

Contenido, presentación y funcionalidad son piezas distintas que deben trabajar juntas.

Entender esa relación ayuda a diagnosticar errores, elegir extensiones con criterio y mejorar el rendimiento. Instalar un plugin es fácil; comprender qué añade al sistema marca la diferencia.

🔗 Infografía completa en https://palentino.es/infograph

#WordPress #PHP #DesarrolloWeb #ArquitecturaDeSoftware #SoftwareLibre #Infograph