Главная » Для новичков » Абсолютный и относительный адрес к картинкам

Абсолютный и относительный адрес к картинкам

751 просмотров

При верстке страницы можно указать для картинок относительное или абсолютное место расположение .

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

Пример 

<img src="https://wp-kit.ru/wp-content/themes/wp-kit/img/fon.jpg">

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

Пример

<img src="http://../../../../../fon.jpg

">../  - означает, что нужно подняться на одну папку вверх (на один уровень)

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

На практике:

Создаем папку img в папке свое темы, загружаем туда нужные нам картинки и можем указывать путь по примеру

В html

<img src="<?php echo get_template_directory_uri() ?>/img/fon.jpg" /><?php echo get_template_directory_uri() ?> - указывает путь к активной теме.

В CSS

.bg-fon {
  1. background: url(./img/fon.jpg) no-repeat scroll center top / cover;
  2. min-height: 280px;

 

 

Читайте также:

7 плагинов для wordpress, которые нужно установить

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

Добавить товар в корзину по умолчанию с возможностью его удалить

Долго искал в сети интернет ответ по данному вопросу. Проблема была в том ,что товар который добавлен в корзину автоматически не удалялся. Дело было в том что все решения предлагали привязку к хуку init, а можно было ...

Модели и репозитории

В моделях мы определяем статические переменные и делаем связи   protected $table = 'users'; protected $primaryKey = 'userID'; protected $guarded = ; $this->belongsToMany - один ко многим ...
Показать еще