Как правильно задать путь к изображению на wordpress?

Question

[morgana_lf]

Добрый день, может, кто сталкивался с таким. Пока сайт wordpress был на пк, всё прекрасно работало, в шаблоне были строки вида:

<img src="<?php echo get_template_directory_uri() ?> /img.jpg" width="300">

Картинки без проблем подгружались.

После переноса папки с сайтом на хостинг картинки, прописанные таким образом в шаблоне, перестали подгружаться. Всё остальное (в т. ч. картинки из постов), работает нормально. В чем может быть проблема и как правильно задать путь?

Answer 1

[Игорь Воротнёв]

если у вас child-тема, то используйте get_stylesheet_directory_uri()

Comments

[morgana_lf]

Спасибо всем за ответы, ничего из этого не помогло, но получилось пойти другим путем: добавить файлы через консоль и уже там просто скопировать получившуюся ссылку.

[Игорь Воротнёв]

morgana_lf: Если ничего не помогло, то у вас совсем что-то не в порядке. Или с кодом, или с сервером. Тему сами пилите? Если да, то надо искать однозначно корень проблемы. Если тема чужая - тоже надо искать, хотя будет чуть сложнее. Или вообще сменить к чертям. Если же проблема на стороне сервера - менять хостинг 100%.

Суть в том, что get_template_directory_uri() / get_stylesheet_directory_uri() должны работать железно.

[morgana_lf]

Игорь Воротнёв: тема своя, но суть в том, что на mysite.loc всё отлично работало, перестало работать на хостинге. Хостинг только что сменили, не знаю, можно ли здесь такую информацию выкладывать, хостер - agava.

[Игорь Воротнёв]

morgana_lf: у нормальных хостеров должно работать без проблем. Я не большой специалист по shared, но Agava вроде нормальные. WordPress в плане требований к PHP весьма и весьма прост, в нем нет ничего такого, что может быть заблокировано у хостера на уровне настроек. И уж тем более нет ничего такого в этих функциях. Они просто определяют базовый путь к теме, ничего сверхестественно, вполне себе примитивный функционал. Поэтому проблема где-то еще.

Попробуйте в шаблоне поставить:
<?php
var_dump( get_template_directory_uri() );
?>
и посмотреть что выведет.

Да, и в вашем фрагменте нету точки с запятой в конце вызова функции и стоит лишний пробел перед /img.jpg. Должно быть:

<img src="<?php echo get_template_directory_uri(); ?>/img.jpg" width="300">

[morgana_lf]

Игорь Воротнёв: Спасибо за ответ. В первом случае выводит: string(47) "http://mysite.ru/wp-content/themes/название_темы"

С Вашими исправлениями функция тоже не работает...

[Игорь Воротнёв]

morgana_lf: Если выводит то, что вы написали, тогда все работает. Именно это и является корректным путем к папке темы. Должно работать. Давайте попробуем еще так:

$url = get_template_directory_uri() . '/img.jpg';
var_dump( $url );

По идее должно вывести

string(ХХ) "http://mysite.ru/wp-content/themes/название_темы/img.jpg"

, где ХХ, ясное дело, количество символов в этой строке.

Это и есть корректный адрес к файлу который находится в

/path/to/your/site/wp-content/themes/название_темы/

. То есть, функция работает и возвращает корректное значение. Если картинка существует по этому пути, файл не битый, но все равно не отображается - это уже вопрос не к WordPress, надо искать причину где-то еще. Например, в CSS указано для картинки или контейнера height: 0. Или вообще display: none. Может javascript прячет (например, какой-нибудь lazyLoad). В общем, причины могут быть разные, но они не имеют никакого отношения к WP. Его функция работает корректно.

[morgana_lf]

Игорь Воротнёв: извиняюсь, Вы были правы, проблема-таки в лишнем пробеле и отсутствии точки с запятой. Теперь всё работает! Спасибо за уделенное время.

[Игорь Воротнёв]

morgana_lf: На здоровье)

[Urbina @Urbina]

У меня при создании дочерней темы пропали картинки, которые из админки идут изображением страницы. Что и куда прописать, чтоб они вернулись?

[Игорь Воротнёв]

Urbina,

картинки, которые из админки идут изображением страницы

не совсем понятно что вы имеете в виду. Уточните пожалуйста

[Urbina @Urbina]

А вот результат: http://yurpraktika.ru/арбитражные-споры/ В родительской теме эта картинка (из админки) отображается. А в моей дочерней-нет.

[Игорь Воротнёв]

Urbina, окей, пока понятно. Покажите код этого шаблона дочерней темы. Вероятнее всего некорректно вызывается картинка.

[Urbina @Urbina]

Код из какого файла вы предпочитаете в это время суток?

[Игорь Воротнёв]

Urbina, в любое время суток я предпочитаю файл, релевантный вашему вопросу

код этого шаблона дочерней темы

Грубо говоря, страница http://yurpraktika.ru/арбитражные-споры/ использует конкретный php-шаблон. В котором есть the_content(), the_title() и тд. Там же есть код, который выовдит картинку. Вот это покажите.

[Urbina @Urbina]

content-page.php Кажется это здесь

* The template used for displaying page content
*
* @package WordPress
* @subpackage Twenty_Fourteen
* @since Twenty Fourteen 1.0
*/
?>

>
<?php
// Здесь был код для отображения заголовка в начале страницы

?>


<?php
the_content();
wp_link_pages( array(
'before' => '' . __( 'Pages:', 'twentyfourteen' ) . '',
'after' => '',
'link_before' => '',
'link_after' => '',
) );

edit_post_link( __( 'Edit', 'twentyfourteen' ), '', '' );
?>

[Игорь Воротнёв]

Urbina, так у вас тут нет вывода изображения страницы. От слова совсем :) Добавьте его:

<?php
the_post_thumbnail();

the_content();

wp_link_pages( array(
'before' => '' . __( 'Pages:', 'twentyfourteen' ) . '',
'after' => '',
'link_before' => '',
'link_after' => '',
) );

edit_post_link( __( 'Edit', 'twentyfourteen' ), '', '' );
?>

Саму функцию the_post_thumbnail() поместите в нужное место. Подробнее о ней и параметрах читайте в документации https://developer.wordpress.org/reference/function...

[Urbina @Urbina]

Вот те раз! Нету? Шаблон скопирован из родительской темы. А там ведь всё отображалось! Вставка вашего кода вывела картинку на главной. Остальные страницы надо искать, я так полагаю, другие файлы, отвечающие за их отображение?

[Urbina @Urbina]

СПАСИБО!

[Игорь Воротнёв]

Urbina,

Шаблон скопирован из родительской темы. А там ведь всё отображалось!

Возможно там они добавлялись на лету через фильтры, возможно там другой шаблон использовался по иерархии - сложно сказать не видя перед глазами все файлы.

Остальные страницы надо искать, я так полагаю, другие файлы, отвечающие за их отображение?

Совершенно верно. Установите плагин Query Monitor, он будет показывать какой шаблон и фрагменты (template_parts) используются на каждой конкретной странице, сразу увидите какой файл править:

СПАСИБО!

Пожалуйста :)

[Urbina @Urbina]

Вот здесь та ж самая дочка, но статистическая главная после вставки вашего фрагмента выглядит так....

[Игорь Воротнёв]

Urbina, и что эта картинка должна мне сказать? ну вообще ж ничего не понятно...

[Urbina @Urbina]

Меню и сразу футер. Между ними была статистическая главная сраница.
Как здесь:

[Urbina @Urbina]

Разобралась! Ещё раз спасибо за поддержку.

Answer 2

[neeil]

get_template_directory_uri()
Получает путь до шаблона папки, внутри шаблона нужно явно указать в какой папке картинки

Comments

[morgana_lf]

Они в корне папки шаблона лежат, но если их положить в папку images и добавить в путь /images/, результата тоже никакого...

Answer 3

[Noirman]

Проверьте регистр букв в именах файлов картинок. Линух-хостинги очень привередливо относятся к этому, в отличии от Win.
img.JPG != img.jpg

Comments

[morgana_lf]

Спасибо всем за ответы, ничего из этого не помогло, но получилось пойти другим путем: добавить файлы через консоль и уже там просто скопировать получившуюся ссылку.