php echo get template directory uri
Артём Санников
Языки программирования
Базы данных
Программное обеспечение
Операционные системы
Мобильная разработка
Менеджеры пакетов
Сетевые технологии
CMS системы
Математика
SEO продвижение
Социальные сети
Психология
Хостинг провайдер
Смартфоны
Урок #16. Интеграция вёрстки. Header. Создание темы WordPress.
Файл header.php является основным файлом темы, поскольку именно в нём подключаются стили, скрипты и встроенные функции WordPress.
Для того, чтобы начать интеграцию открываем header.php и следуем инструкциям.
Кодировка
Первым делом находим строку в которой мы указали кодировку для сайта.
И заменяем ее на аналогичную строку, которая будет отдавать тот же самый результат. Кодировка будет выводиться автоматически, основываясь на настройках wordPress.
Заголовок страницы
И заменяем на следующую функцию wp_title().
Работа с иконками
Выделяем код который отвечает за формирование иконки для сайта.
Стили CSS
Находим два тега которые отвечают за подключение стилей css в нашу тему.
В атрибут href вставляем уже знакомую нам функцию esc_url(get_template_directory_uri()).
Событие wp_head
Событие wp_head() является важным событием, так как в момент выполнения этого события подключаются файлы стилей, скрипты и разные мета-теги страницы.
Важный момент: событие wp_head() используется не только плагинами, но и самим WordPress, так что пренебрегать подключением этого события не нужно.
Название и описание сайта
Перемещаемся в блок div с классом bloginfo и произведём модификацию кода. Ниже предоставлен участок кода, который будет изменён.
Вставляем три простых функции, которые будут выводить нужную нам информацию.
Навигация
Ниже предоставлен код, который будет изменён.
На место удалённого кода вставляем функцию, которая будет выводить навигационное меню. Суть заключается в том, что мы указываем место для вывода конкретного навигационного меню (навигационное меню формируется в разделе — произвольное меню).
Открываем файл functions.php и сразу после открывающего тега вставляем код, который произведёт регистрацию произвольного меню для нашей темы.
Интеграция завершена
Окончательный вариант шаблона header.php представлен ниже.
Если у вас остались какие-то вопросы или вы нашли непонятный момент в описании, пишите в комментариях ниже и я вам обязательно отвечу.
Как правильно задать путь к изображению на wordpress?
Добрый день, может, кто сталкивался с таким. Пока сайт wordpress был на пк, всё прекрасно работало, в шаблоне были строки вида:
Картинки без проблем подгружались.
После переноса папки с сайтом на хостинг картинки, прописанные таким образом в шаблоне, перестали подгружаться. Всё остальное (в т. ч. картинки из постов), работает нормально. В чем может быть проблема и как правильно задать путь?
Суть в том, что get_template_directory_uri() / get_stylesheet_directory_uri() должны работать железно.
morgana_lf: у нормальных хостеров должно работать без проблем. Я не большой специалист по shared, но Agava вроде нормальные. WordPress в плане требований к PHP весьма и весьма прост, в нем нет ничего такого, что может быть заблокировано у хостера на уровне настроек. И уж тем более нет ничего такого в этих функциях. Они просто определяют базовый путь к теме, ничего сверхестественно, вполне себе примитивный функционал. Поэтому проблема где-то еще.
Попробуйте в шаблоне поставить:
и посмотреть что выведет.
Да, и в вашем фрагменте нету точки с запятой в конце вызова функции и стоит лишний пробел перед /img.jpg. Должно быть:
С Вашими исправлениями функция тоже не работает.
morgana_lf: Если выводит то, что вы написали, тогда все работает. Именно это и является корректным путем к папке темы. Должно работать. Давайте попробуем еще так:
get_template_directory_uri() WP 1.5
Получает URL родительской темы (вернет URL родительской темы, даже если используется дочерняя). Не содержит закрывающий слэш.
Используйте функцию get_stylesheet_directory_uri(), если нужно получить URL дочерней темы, когда она используется.
Когда нужно получить путь до папки темы, используйте get_template_directory()
Когда нужно получить URL для плагина, используйте plugin_dir_url()
Хуки из функции
Возвращает
Использование
Примеры
#1. Получим путь до шаблона:
#2. Используем функцию, чтобы подключить скрипт:
#3. Использование функции в HTML теге
Для безопасности результат функции нужно очищать через esc_url() или esc_attr().
Впрочем такую очистку нужно делать абсолютно для всех функций которые используются в атрибутах тегов. Например, если такой очистки не будет, то ваш код не пройдет проверку при размещении темы/плагина в офф репозитории. Пример очистки:
Список изменений
Код get_template_directory_uri() get template directory uri WP 5.8.1
Cвязанные функции
theme path url (папка темы)
Подключение файлов темы
Очепятка.
«Путь к теме«.
Тимур, ещё в кодексе, в описании этой функции что-то про дочерние темы сказано. Переведи плз. и это.
WordPress.org
get_template_directory_uri()
Retrieves template directory URI for current theme.
Contents
Return # Return
(string) URI to current theme’s template directory.
More Information # More Information
Notes # Notes
Source # Source
Related # Related
Uses # Uses
Retrieves URI for themes directory.
Retrieves name of the current theme.
Filters the current theme directory URI.
Calls the callback functions that have been added to a filter hook.
Used By # Used By
Retrieves the URL of a file in the parent theme.
Retrieves the URL of a file in the theme.
Retrieves any registered editor stylesheet URLs.
Gets the details of default header images if defined.
Display first step of custom header image page.
Reset a header image to the default image for the theme.
Process the default headers
Register some default controls.
Gets random header image data from registered images in theme.
Gets the header image data.
Retrieves theme modification value for the current theme.
Retrieves information about the current site.
Changelog # Changelog
User Contributed Notes # User Contributed Notes
This function returns the URL to the root theme. If a child theme is used and you want to return the URL to the current child theme, use get_stylesheet_directory_uri() instead.
Using get_template_directory_uri() to link a static image with its correct path in html :
Using get_template_directory_uri() to enqueue a script with the correct path.
Since WordPress 4.7.0 you can use get_theme_file_uri() https://developer.wordpress.org/reference/functions/get_theme_file_uri/ and this function will give us actual child theme URL or Theme URL if no child Theme exists.
You must log in before being able to contribute a note or feedback.
WordPress.org
get_template_directory()
Retrieves template directory path for current theme.
Contents
Return # Return
(string) Path to current theme’s template directory.
More Information # More Information
Usage # Usage
Returns an absolute server path (eg: /home/user/public_html/wp-content/themes/my_theme), not a URI.
To retrieve the URI of the stylesheet directory use get_stylesheet_directory_uri() instead.
Notes # Notes
Source # Source
Related # Related
Uses # Uses
Retrieves path to themes directory.
Retrieves name of the current theme.
Filters the current theme directory path.
Calls the callback functions that have been added to a filter hook.
Used By # Used By
Find a block template with equal or higher specificity than a given PHP template file.
Static function for generating site debug data when required.
Prepare starter content attachments.
Retrieves the path of a file in the parent theme.
Retrieves the path of a file in the theme.
Retrieves any registered editor stylesheet URLs.
Checks that the current theme has ‘index.php’ and ‘style.css’ files.
Load the theme’s translated strings.
Retrieve icon URL and Path.
Defines templating-related WordPress constants.
Changelog # Changelog
User Contributed Notes # User Contributed Notes
Include a PHP file
You must log in before being able to contribute a note or feedback.