Как использовать изображение из папки wp-content \ images из файла php?

Question

У меня есть веб-сайт Wordpress, который был настроен разработчиком php. Он создал папку для изображений в корне сайта. У меня есть требование переместить этот фодер из корня сайта в папку wp-content \ images \.

Вот как сегодня пишется php файл с использованием файлов изображений из папки в корне:

<img src="images/img1.jpg" border="0" style="padding-right:44px;"/>
<img src="images/img2.jpg" border="0" style="padding-right:44px;"/>
<img src="images/img3.jpg" border="0" style="padding-right:44px;"/>
<img src="images/img4.jpg" border="0" style="padding-right:44px;"/>
<img src="images/img5.jpg" border="0"/>

Теперь, когда я переместил изображения в папку wp-content \ images \, я перепробовал множество комбинаций (wp-content / images / img1.jpg; /wp-content/images/img1.jpg; public_html / wp-content /images/img1.jpg;/public_html/wp-content/images/img1.jpg), но изображения не отображаются. Как мне обратиться к изображениям в этой папке?

Большое спасибо! Роб.

Answer 1

Если ваши изображения связаны с пользовательской темой, они должны быть в каталоге вашей темы.

Вы можете использовать get_bloginfo wordpress api, чтобы получить абсолютный URL к этому каталогу.

bloginfo('template_url')

См. Ссылку выше для получения важной информации о различных вариациях этого.

Таким образом, вы бы заменили ссылки на изображения на что-то вроде

<img src="<?php bloginfo('template_url')?>/images/img1.jpg" border="0" style="padding-right:44px;"/>

Answer 2

1. Добавить каталог изображений в активную тему

   Добавить папку /images в текущую активную тему.

   Добавить локальный каталог изображений в активную тему WordPress (Ребенок)

2. Оптимизируйте ваши изображения для производства

   Это важно для пользовательского опыта и скорости страниц.Более быстрый веб-сайт показывает посетителям, что вы заботитесь о своем времени.Если вы используете собственный медиа-менеджер, есть несколько бесплатных плагинов, которые автоматически оптимизируют ваши изображения при загрузке - в дополнение к онлайн-сервисам (например, TinyPNG), приложениям для ОС (например, Codekit для Mac, JPEGMini для Windows) и командной строке.

3. Отображение локального изображения в WordPress

   Если активна родительская тема : используйте template_directory

   <img src="<?php bloginfo('template_directory')?>/images/YOUR-IMAGE-HERE.jpg" alt="Image Title" border="0" width="" height="" style="padding-right:44px;"/>
   

   Если дочерняя тема активна : используйте stylesheet_directory

   <img src="<?php bloginfo('stylesheet_directory')?>/images/YOUR-IMAGE-HERE.jpg" alt="Image Title" border="0" width="" height="" style="padding-right:44px;"/>
   

   Добавьте этот код в файлы шаблона, где вы хотите, чтобы ваше изображение отображалось, изменив '/ images / YOUR-IMAGE-HERE' (иатрибуты), чтобы соответствовать правильному расположению файла, имени и атрибутам:

   Включить alt, width и height информацию для каждого изображения в производстве, чтобы увеличить скорость страниц и улучшить доступность контента.

4. Вот и все!

---

Дополнительные примечания

• При использованиидочернюю тему, вам нужно изменить template_directory на stylesheet_directory

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

  • EWWW Оптимизатор изображения
  • WP Retina 2x
  • Регенерировать миниатюры

• Кроме того, в WordPress есть список доступных параметров, которые можно использовать для определения целевого (другого) каталога или URL-адреса.Проверьте это здесь: http://codex.wordpress.org/Template_Tags/bloginfo

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

Если повторно использовать этот же «набор» изображений в нескольких местах,создайте включаемый файл для набора и добавьте их через [шорткод] по мере необходимости.Для обновления вам потребуется обновить только расширенный файл, который, в свою очередь, обновит весь экспортированный код, в который автоматически помещен [короткий код].

<?php include( get_template_directory() . '/includes/myfile.php'); ?>

Best, -K