Skip to content

Todo para WordPress, el desarrollo web — y mucho más

En qué lenguaje de programación está escrito WordPress

En qué lenguaje de programación está escrito WordPress

Cuando la gente pregunta en qué lenguaje está escrito WordPress, casi siempre hay otra pregunta detrás: «¿Por dónde empiezo si quiero entenderlo?». Ese es el enfoque correcto.

El desarrollo en WordPress no es magia ni un club exclusivo. Es un conjunto de cinco tecnologías, cuatro de las cuales son familiares para cualquier desarrollador front-end. La quinta, PHP, ejecuta el núcleo, los temas, los plugins y toda la lógica del lado del servidor. Pero usted no va a aprender «un solo lenguaje». Necesita entender cómo funcionan juntos y el orden correcto para aprenderlos.

💡 Resumen rápido:

  • El núcleo de WordPress está escrito en PHP. Los datos residen en MySQL. Este es el lado del servidor, oculto para el usuario.
  • En el navegador, la página se construye con HTML (estructura), CSS (estilo) y JavaScript (interactividad): tres tecnologías front-end.
  • Aprenda el conjunto en este orden: HTML, luego CSS, luego PHP, luego JavaScript, luego SQL. De lo simple a lo complejo.

PHP, el motor de WordPress

El núcleo de WordPress consta de decenas de miles de líneas de código PHP. Cuando un navegador solicita una página, el servidor ejecuta scripts PHP, recupera datos de la base de datos, los pasa por las plantillas del tema y devuelve HTML ya preparado. El usuario nunca ve el código PHP; recibe la página ya ensamblada.

Ejemplo de código PHP con variables y lógica condicional

PHP en WordPress funciona como un director de orquesta: «orquesta» el HTML, llama a funciones de base de datos, inserta configuraciones del panel de administración y ensambla la página final. Cualquier plantilla de tema es un archivo PHP con HTML incrustado. Cualquier plugin es un archivo PHP que se engancha al núcleo mediante add_action y add_filter.

Sin PHP, WordPress simplemente no funciona. Así que la respuesta a la pregunta del título es clara: WordPress está escrito en PHP. Pero ese no es el único lenguaje que un desarrollador necesita.

HTML, el esqueleto de cada página

HTML no es un lenguaje de programación; es un lenguaje de marcado. No «computa»; describe la estructura: dónde está el encabezado, dónde el párrafo, dónde la imagen, dónde el botón. El navegador lee el marcado HTML y lo convierte en una página visible.

En WordPress, el HTML no se almacena como archivos separados. Las plantillas del tema están escritas en PHP, pero generan HTML. Cuando usted edita una página en Gutenberg, el editor guarda el contenido en la base de datos, pero los visitantes siguen recibiendo HTML.

1<html>
2 <head>
3 <meta charset="UTF-8" />
4 <title>Page title in search</title>
5 </head>
6 <body>
7 <h1>Page heading</h1>
8 <p class="intro">Introduction paragraph text</p>
9 </body>
10</html>

La característica clave de HTML son las etiquetas. Cada etiqueta tiene su función. <h1> es un encabezado de primer nivel. <p> es un párrafo. <a> es un enlace. Una etiqueta de cierre con barra diagonal (</h1>) muestra dónde termina el elemento. Algunas etiquetas, como <meta> o <img>, se cierran automáticamente: no necesitan un par.

Las etiquetas HTML pueden tener clases: class="intro" en el ejemplo anterior. Una clase es un «ancla» para CSS. El navegador encuentra todos los elementos con esa clase y aplica los estilos del archivo CSS.

En resumen: HTML define qué ve el usuario en la página. Pero cómo se ve lo determina CSS.

CSS, el vestido de un sitio web

CSS significa Hojas de Estilo en Cascada. Si HTML da estructura a la página, CSS le da color, tipografía, espaciado, posicionamiento de bloques y adaptabilidad móvil.

Código CSS con reglas para clases HTML

Sin CSS, cualquier sitio web parece una hoja blanca con texto negro y enlaces azules. Los estilos de encabezados, las cuadrículas de columnas, las animaciones, las sombras, las esquinas redondeadas: todo eso es CSS.

En WordPress, CSS reside en los archivos del tema (normalmente style.css). Todo tema debe tener este archivo; sin él, WordPress no reconocerá el tema. Los plugins también pueden cargar sus propios archivos CSS mediante el mecanismo wp_enqueue_style().

1.intro {
2 color: #325050;
3 background: #fff;
4 font-family: 'Libre Baskerville', serif;
5 font-size: 0.85rem;
6 line-height: 1.6;
7}

El punto antes de .intro significa: «aplique estos estilos a TODOS los elementos con la clase intro». Esa es la cascada: una clase, muchos elementos en diferentes páginas. Cambie la regla en un solo lugar y todo el sitio se actualiza.

Para el desarrollo moderno de WordPress, necesita saber no solo CSS básico sino también maquetación adaptable usando media queries. Los temas sin adaptabilidad no sobreviven hoy; Google clasifica los sitios con un enfoque mobile-first.

JavaScript, el comportamiento de la página

JavaScript es el único de los cinco sin el cual WordPress técnicamente puede funcionar. Un tema puede funcionar completamente sin una sola línea de JS. Pero en la práctica, ningún sitio moderno prescinde de él.

JavaScript maneja lo que sucede después de que la página carga: menús desplegables, ventanas modales, carga diferida de imágenes, validación de formularios antes del envío, cambio de tema sin recargar. Todo lo que responde a las acciones del usuario (clic, desplazamiento, entrada de texto) depende de JS.

1(function($) {
2 var navMenu = '.primary-navigation';
3 var pageContent = '.main-content';
4 var gap = parseInt($('html').css('font-size'), 10) * 2;
5
6 function setPageMin() {
7 var height = $(navMenu).height();
8 $(pageContent).css('min-height', height + gap);
9 }
10
11 $(window).on('load', function() {
12 setPageMin();
13 $(window).on('resize', function() {
14 setTimeout(setPageMin, 120);
15 });
16 });
17})(jQuery);

Este ejemplo de jQuery muestra una tarea típica: calcular la altura de la navegación y establecer una altura mínima para el área de contenido para que la página no «salte». El código se ejecuta al cargar y en cada redimensionamiento de la ventana.

Pero el mayor impacto de JavaScript en WordPress llegó con Gutenberg, el editor de bloques escrito en React. Toda la interfaz de edición de entradas, todos los bloques (párrafo, encabezado, galería, columnas), es una aplicación JavaScript que se ejecuta dentro del administrador de WordPress.

Por eso hoy un desarrollador de WordPress que ignora JavaScript por completo está bastante limitado. Puede construir un tema, pero no puede escribir bloques personalizados de Gutenberg sin JS.

SQL y MySQL, donde residen los datos

Entradas, páginas, ajustes, usuarios, comentarios, campos meta: todo el contenido de WordPress se almacena en una base de datos MySQL (o MariaDB). PHP se comunica con la base de datos mediante consultas SQL, pero los desarrolladores rara vez necesitan escribir SQL «en crudo».

WordPress proporciona su propia capa de abstracción, la clase wpdb. Llamadas como get_posts(), update_post_meta() y WP_Query ya contienen consultas SQL preparadas internamente. Esto protege contra errores comunes e inyección SQL, siempre que use los métodos integrados en lugar de escribir consultas manuales.

Aun así, entender SQL es útil: cuando un proyecto crece a decenas de miles de entradas y las consultas empiezan a ralentizarse, la capacidad de leer EXPLAIN y encontrar un índice faltante es invaluable.

Cómo se estructura un tema de WordPress

Un tema de WordPress no es un monolito. Es un conjunto de archivos PHP, cada uno responsable de un tipo de página diferente. index.php maneja la página de inicio y todo por defecto. single.php maneja las entradas individuales. page.php maneja las páginas estáticas. archive.php maneja los archivos de categorías. WordPress selecciona automáticamente la plantilla correcta basándose en una jerarquía llamada Jerarquía de Plantillas.

Dentro de cada plantilla: funciones PHP estándar del núcleo de WordPress. the_title() muestra el título. the_content() muestra el cuerpo de la entrada. wp_nav_menu() muestra el menú. La lista completa está disponible en la documentación de WordPress. HTML y PHP se mezclan en los temas: abra <?php, llame a una función, cierre ?>, continúe con HTML. No es la arquitectura ideal según los estándares modernos, pero impulsa más del 40% de los sitios web en internet.

Para crear un tema, necesita saber PHP, HTML y CSS como mínimo. JavaScript es opcional pero útil para elementos interactivos (menú móvil, pestañas, acordeones).

Cómo se estructura un plugin de WordPress

Un plugin es un archivo PHP (al menos uno) con un encabezado de comentario especial al principio. En este comentario, WordPress lee el nombre, la versión y el autor: todo lo que usted ve en el administrador en la página de plugins.

Un plugin interactúa con el núcleo a través de hooks. Hay dos tipos:

  • Acciones (add_action) ejecutan código en momentos específicos: cuando una página carga, cuando una entrada se guarda, cuando un plugin se activa.
  • Filtros (add_filter) interceptan y modifican datos: cambian texto, añaden una clase CSS, reemplazan una URL.

El plugin más simple es literalmente unas pocas líneas:

1<?php
2/**
3 * Plugin Name: Greeting Plugin
4 * Description: Adds a greeting at the end of every post.
5 * Version: 1.0
6 */
7
8function my_greeting($content) {
9 if (is_single()) {
10 $content .= '<p>Thank you for reading our blog!</p>';
11 }
12 return $content;
13}
14add_filter('the_content', 'my_greeting');

¿Ve add_filter? Así es exactamente como los plugins de WordPress extienden la funcionalidad: no editando el núcleo (lo cual está estrictamente prohibido) sino interceptando datos a través de hooks. Por eso las actualizaciones de WordPress no rompen el código personalizado, siempre que el desarrollador haya usado la API oficial en lugar de modificar archivos del núcleo.

WordPress y Node.js: no hay reemplazo en camino

Los rumores de que WordPress «va a migrar a Node.js» circulan desde 2015, cuando apareció Calypso. Calypso es una interfaz de administración de escritorio para WordPress.com, escrita en Node.js y React. Luego llegó Gutenberg, también en React. JavaScript se hizo más visible y algunos concluyeron que PHP estaba en las últimas.

Eso no es cierto. La posición oficial de WordPress no ha cambiado: el núcleo se mantiene en PHP. Nadie planea reescribir un código base de 20 años en Node.js; sería inútil y rompería la compatibilidad hacia atrás con miles de temas y plugins.

Lo que realmente sucedió: WordPress se convirtió en una plataforma híbrida. Backend: PHP y MySQL. Frontend del administrador: JavaScript (React). Sitio público: HTML, CSS y algo de JS. La API REST, integrada en el núcleo desde la versión 4.7, permite que las aplicaciones JavaScript se comuniquen con WordPress sin recargar la página. Esto abrió la puerta a soluciones headless, donde WordPress funciona como un CMS headless en el backend mientras el frontend se construye con Next.js o Gatsby.

En conclusión: aprender Node.js y React para trabajar con WordPress es útil, pero no en lugar de PHP. Apréndalos junto con PHP.

Por dónde empezar a aprender WordPress

La ruta de aprendizaje va de lo simple a lo complejo, desde lo que el usuario ve en el navegador hasta lo que sucede en el servidor.

Paso 1: HTML. Sin entender las etiquetas, los atributos y la estructura del documento, no tiene sentido avanzar. HTML es el alfabeto de la web. Afortunadamente, lo básico se puede aprender en una semana.

Paso 2: CSS. Una vez que la página tiene estructura, necesita estilo. Aprenda el modelo de caja, posicionamiento, flexbox, grid y media queries. Sin maquetación adaptable, no puede construir un tema de WordPress.

Paso 3: PHP. Ahora, la parte más importante. Aprenda PHP en el contexto de WordPress: cómo funcionan las funciones del núcleo, qué es el bucle WP_Query, cómo se estructura la jerarquía de plantillas. Se necesita «PHP en general» genérico como base, pero concéntrese en lo que realmente encontrará en temas y plugins.

Paso 4: JavaScript. Empiece simple: jQuery para manipulación del DOM y manejo de eventos. Luego, JavaScript moderno (ES6+), seguido de React para bloques personalizados de Gutenberg.

Paso 5: SQL. No escriba consultas manualmente a menos que sea absolutamente necesario, pero sea capaz de leer y entender lo que sucede bajo el capó de WP_Query. En proyectos grandes, esto le ahorrará horas de depuración.

El orden importa. Si empieza con JavaScript ignorando PHP, podrá escribir bloques de Gutenberg pero no podrá construir un tema. Si empieza con PHP sin HTML/CSS, tendrá código del lado del servidor pero nada que mostrar al usuario. Siga la ruta y en unos meses podrá construir un tema completo desde cero.

⁉️🤔 Preguntas frecuentes

¿Necesito saber los cinco lenguajes para crear un tema de WordPress?

Para construir un tema simple, PHP, HTML y CSS son suficientes. JavaScript se necesita para elementos interactivos: menú móvil, slider, carga diferida. SQL no es esencial al principio ya que las funciones preparadas del núcleo ocultan las consultas a la base de datos. Pero para proyectos complejos y optimización, no puede prescindir de JS y SQL.

¿Puedo convertirme en desarrollador de WordPress sabiendo solo JavaScript?

No. El núcleo, los temas y los plugins se ejecutan en PHP. JavaScript es útil para bloques de Gutenberg e interactividad front-end, pero sin PHP no puede crear ni el plugin más simple. JavaScript y PHP en WordPress son socios, no competidores.

¿Es cierto que WordPress migrará completamente a JavaScript pronto?

No. La posición oficial del equipo de WordPress: el núcleo se mantiene en PHP. JavaScript amplía las capacidades (Gutenberg, API REST) pero no reemplaza a PHP en el lado del servidor. Las preocupaciones surgieron debido a la creciente presencia de React en el panel de administración, pero eso es evolución, no reemplazo de plataforma.

¿Cuánto tiempo llevará aprender desarrollo de WordPress desde cero?

Con un enfoque secuencial (HTML → CSS → PHP → JS → SQL) y práctica diaria, espere de 4 a 8 meses para alcanzar el nivel en el que pueda construir con confianza un tema personalizado y un plugin simple. Las dos primeras semanas son solo HTML y CSS. Después, PHP ocupará la mayor parte de su tiempo porque todo depende de él.

¿Tengo que aprender jQuery o puedo ir directamente a React?

jQuery todavía se usa en la mayoría de los temas de WordPress y está integrado en el núcleo; conocerlo ayuda al mantener proyectos heredados. Pero para nuevo desarrollo (especialmente bloques de Gutenberg), aprenda React. Empiece con JavaScript moderno (ES6+), luego React: ese es el camino con más futuro.

¿Vale la pena aprender WordPress en 2026?

Respuesta corta: sí. WordPress impulsa más del 43% de todos los sitios web en internet, y esta cifra se ha mantenido estable en el rango del 43-44% durante los últimos años. La demanda de desarrolladores que entienden más que «hacer clic en instalar tema» y pueden escribir funcionalidad personalizada en PHP sigue siendo consistentemente alta.

La clave es el orden correcto. HTML y CSS le dan una base en un par de semanas. PHP abre el acceso al núcleo, los hooks y los plugins. JavaScript añade interactividad y potencial de crecimiento (Gutenberg, headless, React). SQL completa el panorama a nivel de base de datos.

Empiece con el primer paso y en seis meses verá WordPress no como un «constructor de sitios web» sino como una plataforma poderosa que usted controla en cada nivel, desde la etiqueta HTML hasta el índice SQL.