Qué hace cada archivo que creaste
divi-lms-child con 2 archivos: style.css y functions.php. Ahora vas a entender para qué sirve exactamente cada uno, qué significa cada línea del contenido que pegaste, y por qué sin esos 2 archivos WordPress ni siquiera reconocería tu child theme.¿Qué tenés creado hasta ahora?
Al terminar la lección anterior, tu carpeta de temas quedó así:
Solo 2 archivos — y eso es todo lo que necesita WordPress para reconocer tu child theme. Ahora vas a entender qué hace cada uno.
Archivo 1 — style.css: la tarjeta de presentación del tema
style.css es el DNI de tu child theme. Cuando WordPress ve esa carpeta, lo primero que hace es leer el style.css para saber cómo se llama el tema, quién lo hizo y — lo más importante — a qué tema padre pertenece. Sin ese archivo, WordPress no ve la carpeta como un tema válido.El contenido que pegaste en tu style.css fue este:
/* Theme Name: Divi LMS Child Template: Divi Version: 1.0.0 Description: Child theme de Divi para plataforma de cursos con LearnPress Author: Tu nombre */
Ahora vas a entender qué significa cada línea:
| Línea | Para qué sirve | ¿Podés cambiarla? |
|---|---|---|
Theme Name: Divi LMS Child |
El nombre que aparece en el panel de temas de WordPress (Apariencia → Temas) | ✅ Sí — ponés el nombre que quieras |
Template: Divi |
Le dice a WordPress cuál es el tema padre. Esta línea es OBLIGATORIA y no se puede cambiar — debe decir exactamente Divi |
❌ No — debe ser siempre Divi |
Version: 1.0.0 |
El número de versión de tu tema — útil para llevar un registro de cambios | ✅ Sí — lo actualizás cuando hacés cambios grandes |
Description: |
Descripción breve que aparece en el panel de temas | ✅ Sí — escribís lo que quieras |
Author: |
Tu nombre como creador del tema | ✅ Sí — ponés tu nombre o el de tu empresa |
Este
style.css no aplica estilos visuales al sitio. Su única función es ser la tarjeta de presentación. Los estilos visuales (colores, fuentes, espaciados) los vas a agregar más adelante en el CSS adicional de WordPress (Apariencia → Personalizar → CSS adicional). Eso lo veremos en los próximos módulos.Archivo 2 — functions.php: el cerebro del tema
style.css es la patente del auto (lo identifica), el functions.php es el motor — es lo que hace que el auto funcione. WordPress ejecuta este archivo en cada página que carga. Lo primero y más importante que hace es cargar los estilos del tema padre (Divi) para que tu child theme no quede en blanco.El contenido que pegaste en tu functions.php fue este:
<?php
add_action( 'wp_enqueue_scripts', 'divi_lms_child_enqueue_styles' );
function divi_lms_child_enqueue_styles() {
wp_enqueue_style(
'parent-style',
get_template_directory_uri() . '/style.css'
);
}
Ahora vas a entender qué significa cada parte:
| Parte del código | En palabras simples, significa… |
|---|---|
<?php |
Le dice a WordPress: «lo que sigue es código PHP, leé esto y ejecutalo». Todo archivo .php de WordPress empieza con esta línea. |
add_action( 'wp_enqueue_scripts', ... ) |
Le dice a WordPress: «cuando estés por cargar los scripts y estilos de la página, ejecutá esta función». Es como decirle «en este momento específico, hacé esto». |
function divi_lms_child_enqueue_styles() |
Es la función que se va a ejecutar. Dentro de las llaves { } está lo que hace. |
wp_enqueue_style( 'parent-style', ... ) |
Carga el archivo CSS del tema padre (Divi). Sin esta línea, tu sitio se vería completamente sin estilos — blanco y sin formato. |
get_template_directory_uri() . '/style.css' |
Esta función obtiene automáticamente la dirección del tema padre en tu servidor. No tenés que escribir la ruta a mano — WordPress la encuentra solo. |
Divi tiene miles de líneas de CSS que hacen que tu sitio se vea bien: los botones, las fuentes, el layout, los módulos. Si no cargás ese CSS, tu child theme funciona pero el sitio se ve roto. El
functions.php es el que se encarga de que Divi siga funcionando aunque estés usando un child theme.¿Cómo sé que WordPress reconoció mi child theme?
Si seguiste los pasos de la lección anterior y activaste el tema, cuando vas a Apariencia → Temas deberías ver algo así:
- La carpeta se llama diferente — debe llamarse exactamente
divi-lms-child(sin espacios, sin mayúsculas) - El archivo
style.csstiene un error tipográfico enTemplate: Divi - Los archivos se guardaron dentro de una subcarpeta — deben estar directo en
divi-lms-child/
Preguntas que se hacen todos los principiantes
¿Si modifico el style.css del tema hijo, cambia el diseño del sitio?
No en este módulo. El style.css de la raíz del child theme solo es la tarjeta de presentación. En módulos avanzados vas a agregar estilos en el CSS adicional de WordPress o en archivos CSS separados — pero eso lo veremos más adelante, cuando el child theme ya esté funcionando.
¿Qué pasa si actualizo Divi? ¿Se pierden los cambios?
¡Esa es exactamente la razón por la que usamos un child theme! Cuando actualizás Divi, WordPress solo actualiza la carpeta del tema padre (Divi/). Tu carpeta divi-lms-child/ no se toca. Todos tus cambios se mantienen intactos.
¿Necesito saber programar PHP para trabajar con el functions.php?
En este módulo no. El código que pegaste ya está terminado y funciona. En módulos posteriores vas a agregar pequeños fragmentos de código — siempre con explicación de qué hace cada línea, como lo estamos haciendo en esta lección. Nunca vas a tener que escribir código desde cero.
🎯 Resumen de esta lección
- Tu child theme tiene 2 archivos:
style.cssyfunctions.php— eso es todo lo que necesita para funcionar - El
style.csses la tarjeta de presentación: le dice a WordPress el nombre del tema y que su padre es Divi - La línea
Template: Divies obligatoria e inamovible — debe ser exactamente así - El
functions.phpes el cerebro: carga los estilos de Divi para que el sitio no se vea roto - Cuando actualizás Divi, tu carpeta no se toca — esa es la ventaja del child theme
- En el panel de WordPress (Apariencia → Temas) el child theme aparece como «Tema hijo de: Divi»
Módulo 01 · Lección 3 de 3 |
¡Módulo 01 completo! Siguiente: Módulo 02 →