¿Qué hace funcionar a WordPress?

PHP: el motor del sitio

PHP es el lenguaje de programación que hace funcionar WordPress en segundo plano. Se comunica con la base de datos, obtiene el contenido adecuado y lo utiliza para generar las páginas que ven tus visitantes.

Un sitio de WordPress puede contener cientos o incluso miles de archivos PHP. Esta estructura modular permite dividir las distintas funciones del sitio en componentes separados, lo que facilita su mantenimiento y actualización.

MySQL: la base de datos

MySQL (se pronuncia aproximadamente «mai síquel» en inglés) es el sistema de base de datos donde WordPress almacena gran parte de la información de tu sitio: entradas, comentarios, cuentas de usuario, configuraciones y mucho más.

PHP consulta la base de datos MySQL para obtener la información necesaria y generar las páginas que luego se muestran en el navegador mediante HTML, CSS y JavaScript. Sin una base de datos, WordPress no podría almacenar y recuperar el contenido de tu sitio.

Una base de datos MySQL se parece un poco a una enorme hoja de cálculo. Puede contener decenas de tablas, cada una con miles de registros. Además, esos registros pueden estar relacionados con otros registros de distintas tablas.

PHP es el lenguaje del lado del servidor más utilizado en la web. Entre los sitios cuyo lenguaje de programación del lado del servidor se conoce, aproximadamente el 73,4 % utiliza PHP. Más de la mitad de esos sitios ya utilizan PHP 8, la familia de versiones principales a la que pertenece la versión actual.

¿Qué determina la apariencia de tu sitio web?

HTML: la estructura

HTML (HyperText Markup Language, o lenguaje de marcado de hipertexto) es la estructura básica de tu sitio. Le indica al navegador qué elementos hay en una página y cómo están organizados: títulos, párrafos, imágenes, enlaces, formularios y mucho más.

Prácticamente todas las páginas web utilizan HTML. Es la base sobre la que se construye su contenido.

CSS: el diseño y los estilos

CSS (Cascading Style Sheets, u hojas de estilo en cascada) es el lenguaje que define la apariencia de tu sitio. Controla los colores, las fuentes, los espacios, la distribución de los elementos y la adaptación del diseño a diferentes tamaños de pantalla, como los de teléfonos y tabletas.

Si HTML indica «esto es un título», CSS determina si se muestra en negrita, en azul, centrado o con los colores de tu marca.

Si tu sitio muestra fuentes incorrectas o imágenes con tamaños inadecuados, el problema podría estar en el CSS. Sin embargo, a veces la causa es la caché: el navegador o el sistema de caché del sitio puede estar utilizando una versión antigua de los estilos en lugar de la más reciente.

HTML y CSS trabajan juntos para que el navegador pueda interpretar la estructura y la presentación de la página. HTML define los elementos y su organización, mientras que CSS determina cómo se ven.

JavaScript: la interactividad

JavaScript (JS) hace que un sitio web sea interactivo. Se utiliza para crear presentaciones de imágenes, ventanas emergentes, menús desplegables, validaciones de formularios y funciones más complejas, como mapas interactivos o filtros de productos en una tienda en línea.

Muchas funciones que se actualizan automáticamente o responden a tus clics utilizan JavaScript para hacerlo.

Para complicar un poco las cosas, también existe otro lenguaje de programación llamado Java. Aunque los nombres son parecidos, Java y JavaScript son lenguajes diferentes, y Java no suele formar parte del funcionamiento habitual de un sitio de WordPress.

Otros formatos que también encontrarás

PHP, MySQL, HTML, CSS y JavaScript son algunos de los componentes principales, pero hay otros formatos que cumplen funciones importantes.

JSON (JavaScript Object Notation)

JSON es un formato que permite organizar e intercambiar datos entre aplicaciones. WordPress y muchos de sus complementos lo utilizan para transferir información.

Por ejemplo, utilizo Elementor para crear sitios web. Si quiero trasladar una plantilla de un sitio a otro, puedo exportarla desde Elementor como un archivo JSON e importarla en el otro sitio.

XML (Extensible Markup Language)

XML es otro formato para organizar e intercambiar datos. Aunque existe desde hace más tiempo, sigue utilizándose en muchas aplicaciones, incluidos los procesos de importación y exportación de contenido.

Por ejemplo, si quieres exportar las entradas de tu blog utilizando las herramientas de exportación incluidas en WordPress, el archivo que obtendrás estará en formato XML.

En la mayoría de los casos, no tendrás que preocuparte por estos formatos, ¡especialmente si has contratado a alguien para mantener tu sitio! Sin embargo, son términos habituales que puedes encontrar al trabajar con WordPress.

Ver tantas siglas puede parecer intimidante, pero cada una cumple una función específica para que tu sitio funcione correctamente.

CSS se publicó por primera vez en 1996

La primera especificación oficial de CSS, conocida como CSS1, se publicó en diciembre de 1996.

Hoy en día, no existe una única versión global de CSS que pueda identificarse simplemente como «CSS 3» o «CSS 4». En su lugar, CSS evoluciona mediante módulos independientes que abarcan aspectos como los colores, la tipografía y los sistemas de diseño, incluida la distribución mediante cuadrículas (Grid).