В WordPress папка «wp-content/themes» содержит файлы и ресурсы, связанные с вашей темой. Включение изображений из этой папки может быть полезно для поддержания организованной структуры файлов и обеспечения плавной настройки темы. В этой статье мы рассмотрим различные способы включения изображений из папки «wp-content/themes» в вашу тему WordPress, сопровождаемые примерами кода.

Метод 1: использование тегов шаблона WordPress
WordPress предоставляет набор тегов шаблона, которые упрощают включение изображений. Функция get_template_directory_uri()получает URL-адрес каталога темы. Вот пример того, как включить изображение с помощью этого метода:

<img src="<?php echo get_template_directory_uri(); ?>/images/my-image.jpg" alt="My Image">

Метод 2: использование функции get_stylesheet_directory_uri()
Подобно предыдущему методу, функция get_stylesheet_directory_uri()извлекает URL-адрес каталога текущей темы. Этот метод полезен при работе с дочерними темами. Вот пример:

<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/my-image.jpg" alt="My Image">

Метод 3: прямая ссылка на путь к изображению
Если вы знаете относительный путь к изображению в папке темы, вы можете напрямую сослаться на него. Этот метод особенно полезен, если вы хотите включить изображения из определенного подкаталога. Вот пример:

<img src="<?php echo get_template_directory_uri(); ?>/subdirectory/my-image.jpg" alt="My Image">

Метод 4: использование функции theme_mod()
Функция theme_mod()извлекает значения изменения темы, включая изображения. Этот метод позволяет пользователям настраивать изображение с помощью настройщика WordPress. Вот пример:

<img src="<?php echo theme_mod('my_image_setting'); ?>" alt="My Image">

Метод 5: использование функции wp_enqueue_style()
Этот метод подходит, если вы хотите включить изображения в CSS-файл вашей темы. Используя функцию wp_enqueue_style(), вы можете поставить в очередь файл CSS и определить путь к изображению внутри него. Вот пример:

background-image: url(<?php echo get_template_directory_uri(); ?>/images/my-image.jpg);