Как правильно указать относительные ссылки на сайте Word Press?

Question

[Андрей Филимонов]

Здравствуйте, пытаюсь поставить сертификат letsencrypt. Как правильно указать относительную ссылку, например, на картинку? Лежит картинка "individualnaya-trenirovka-dlya-detej.jpg" в папке "images". Я думал правильно будет

<img src="/images/individualnaya-trenirovka-dlya-detej.jpg" alt=""/>

но не показывает. Полный путь в ISP manager такой

~/www/gymbalance.ru/wp-content/themes/gymbalance/images/individualnaya-trenirovka-dlya-detej.jpg

Ссылки меню такого формата <a href="/info/">О нас</a>
Работают хорошо. Что не так?

Answer 1

[Mr Crabbz]

<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/individualnaya-trenirovka-dlya-detej.jpg" alt=""/>

Comments

[Андрей Филимонов]

Ничего себе, а средствами html невозможно?
А с другими видами контента, вроде подключения скриптов, таблиц стилей, тоже такой php код надо или достаточно <link rel="stylesheet" href="/style2.css">?

[Mr Crabbz]

Андрей Филимонов: Вы для начала доучите css и html нормально, а потом к вордпрессу приступайте.

/style.css - (со слешем) эквиваленто комманде "найди мне style.css в корне домена". Слеш в начале всегда указывает на корень сайта. А у вас файлы сейчас лежат не в корне. Это одно из фундаментальных понятий в html (независимо от wordpress).

А в wordpress, раз уж вы решили на нём сайт делать, нужно делать так, как задумано разработчиками. То есть, открываем документацию по вордпрессу плюс пару мануалов в стиле "создаём тему под вордпресс" и учимся правильно всё делать.

А вы сейчас пытаетесь отладить компрессию двигателя автомобиля, не изучив досконально строение автомобиля.

[Андрей Филимонов]

Роман Краббз: хорошо, спасибо, не ткнёте в мануал, где говорится как правильно ставить относительные ссылки на все типы контента на WP?

[Mr Crabbz]

Андрей Филимонов:

Точно так же. Вам всего лишь нужно правильно получить динамический путь.

Это для того, что бы не нужно было каждый раз вручную писать полный путь вот так:

/wp-content/themes/gymbalance/images/individualnaya-trenirovka-dlya-detej.jpg

Описанная мною функция в доке: https://wp-kama.ru/function/get_stylesheet_directo...

Открывайте ютуб и смотрите уроки: https://www.youtube.com/results?search_query=wordp...

[Андрей Филимонов]

Роман Краббз: хорошо, спасибо большое, очень помогли
подскажите последний момент пожалуйста, почему один и тот же код

<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/trenirovka-gimnastika-lesnaya-spb.jpg" alt="секция художественной гимнастики спб"/>

на главной странице отображает картинку, а на простой странице "О нас" не показывает?

[Андрей Филимонов]

потому что в "Записях" не работает php код?

[Mr Crabbz]

Андрей Филимонов: В смысле "в записсях"? Вы где его вставляете? скриншот сделайте

[Андрей Филимонов]

Роман Краббз: вот, подчёркнутое красным не отображает
хотя на главной показывает

[Mr Crabbz]

ненене, так дело не пойдёт. Открывайте ютуб, пишите "создание темы под wordpress" (лучше от канала webdesignmaster) и учите. Вы вообще всё делаете неправильно))

[Андрей Филимонов]

Роман Краббз: спасибо за совет, но когда садился за WP так и набирал "создание темы под wordpress" и везде было написано : создайте файл index.php, потом style.css... сайчас посмотрел этот webdesignmaster говорит: это неправильно, правильно скачать дефолтную тему с underscores, поставить плагин unison и верстать через это. ок, видео на 2 часа полезное, а потом то что делать? потом этот веб мастер двигает Layers какой-то. переходишь к другому блогеру за ответами, у них уже другое начало.

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

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

[Андрей Филимонов]

Роман Краббз: и вот на тостере же говорят забыть это видео

[Mr Crabbz]

Андрей Филимонов: Я рекомендую underscores, без unison. В этой теме максимально прокомментирована каждая строчка в каждом файле.