Почему не отображаются картинки после переноса сайта на локальный сервер?

Question

[ligisayan]

Перенес сайт на wordpress с постоянного места хранилища на локальный сервер под руководством open server (положил в папку domains), все настроил, пути прописал, но большинство картинок (лого, в записях и т.д.) на нем не подтягивается - в коде отображаются в таком виде:

<a href="http://site.ru/category/article/" style="background-image: url('site.ru/wp-content/uploads/2017/12/12/12.jpg')">...</a>

Но, если на картинку навести или перейти, то переход осуществляется по такому адресу

http://site.ru/site.ru/wp-content/uploads/2017/12/12/12.jpg

Где искать проблему и как ее устранить?

Comments

[julasweta]

Зайдите в настройки wordpress - раздел Настройки и попробуйте поменять Адрес WordPress (URL) и Адрес сайта (URL), а именно http:// или https:/

Answer 1

[Юрий Горбунов]

Когда указывает домен в url изображения необходимо указывать протокол http:// или https:// чтобы сервер не открывал это в рамках вашего сайта, либо указывать без домена адрес, т.е.

background-image: url('http://site.ru/wp-content/uploads/...
background-image: url('//site.ru/wp-content/uploads/...
background-image: url('/wp-content/uploads/...

все варианты будут правильные. Вначале // это сокращенный вариант без уточнения http или https

Comments

[illife]

Спасибо, мне тоже помогло, аналогичная ситуация с адресами в js. Например, прописывать можно так:
document.getElementById("bg").src ="localhost/teplotech/wp-content/themes/teplotech/as...";