Относительные ссылки в CSS, после перемещения Wordpress - PullRequest
Новая
       7

Относительные ссылки в CSS, после перемещения Wordpress

2 голосов
/ 12 ноября 2011

Я создал блог с Wordpress на временном тестовом домене. Я положил его в основной каталог, а не в папку. Теперь я хочу переместить его на нужный сайт, в папку. Я могу обновить все значения MySQL для URL сайта, и ссылки на относительные пути работают просто отлично.

Проблема в том, что я не могу заставить мои ссылки на CSS работать. Я понимаю, что моя проблема в том, что они относятся к файлу CSS, в теме WordPress, а не к странице. Но как я могу это исправить?

Вот пример: 

#topNav {background:#3a93c3 url(wp-content/uploads/2011/07/blueNav.jpg) repeat-x;}

Я пытался добавить './', '../' и '../../' в начало, но это не работает вообще.

Вопрос

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

Ответы [ 4 ]

9 голосов
/ 18 ноября 2011

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

wp-content/
    themes/
        mytheme/
            images/
                1.jpg
            style.css

так что в вашем CSS, вы можете просто сделать 

background:transparent url(images/1.jpg);
0 голосов
/ 12 ноября 2011

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

Сначала в исходной базовой теме использовались абсолютные пути: 

#blogTour {
    background: url('http://www.domain.com/wp-content/uploads/2010/09/signup.png');
}

Это, как правило, не было идеальным, так как мне приходилось делать региональные блоги, у них был бы другой URL, и я не хотел использовать переменные PHP ($ SERVER ['DOCUMENT_ROOT']), хотя, возможно, вы можете!

В новой созданной мной теме я поместил ресурсы в каталог theme ... вы можете поместить изображения в каталог theme? 

#blogFeed {
    background: url('_images/icons/blog-feed.png');
}

Наконец, попробуйте обернуть содержимое URL либо обратным тиковым URL ('content'), я помню, что где-то читал, что при прокачке CSS через препроцессор (Wordpress / PHP), как правило, рекомендуется оборачивать строки обратно клещи.

0 голосов
/ 12 ноября 2011

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

Пожалуйстасм. Сценарии на стороне сервера в файлах CSS , чтобы узнать, как это сделать.

0 голосов
/ 12 ноября 2011

Вы также можете использовать /, который является корнем вашего сайта.Так что что-то вроде url (/ yourfolder / wp-content /...

Если вы хотите использовать относительные пути, вы должны перейти в правильный каталог. С ../ вы использовали раньше. ../1 dir up, добавьте еще один ../ 2 dir's up и т. Д.

...