En esta lección aprenderás a cargar dinámicamente imágenes en una plantilla de WordPress. Esto es esencial para asegurarte de que las imágenes se cargan correctamente sin importar el directorio en el que esté alojado tu tema.

¿Por qué cargar imágenes dinámicamente?

✅ Facilita la gestión de imágenes dentro de tu tema.
✅ Evita errores al mover el sitio a otro entorno (local a producción, por ejemplo).
✅ Permite actualizar imágenes sin modificar el código base.

Obtener la ruta de la plantilla en WordPress

Para obtener dinámicamente la ruta a la plantilla podemos usar:

<?php echo get_stylesheet_directory_uri()?>

Por tanto, para cargar una fotografía usaremos:

<img class="logo" src="<?php echo get_stylesheet_directory_uri()?>/elefante.jpg" alt="">   

📌 Desglose del código:
1️⃣ <img class="logo" ...> → Se usa para cargar una imagen y darle una clase CSS.
2️⃣ <?php echo get_stylesheet_directory_uri(); ?>/elefante.jpg → Genera la ruta completa a la imagen «elefante.jpg» dentro del tema.
3️⃣ alt="Elefante" → Proporciona un texto alternativo para accesibilidad y SEO.