CSS и изображения не отображаются в редакторе WordPress

Question

Я пытаюсь увидеть страницу своего шаблона в визуальном представлении в разделе «редактировать страницу» WordPress.Так же, как этот парень делает в уроке здесь около 7:20.http://www.youtube.com/watch?v=1o2XcHqQbRY

Но в моем css и изображения не будут отображаться.Когда я просматриваю страницу на моем локальном хосте, CSS работает, но изображение все еще не отображается.Я использую функцию blogpost (), но похоже, что режим редактирования в WordPress не нравится PHP.Он постоянно меняет " <</strong>" и "> " на " & gt; ", когда я перехожу из HTML-представления в визуальный.

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

Хорошо, я надеюсь, что этот пост имеет смысл.Спасибо всем заранее.

Answer 1

Вы ссылались на URL таблицы стилей в header.php как

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css"media="screen" />

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

 <img alt=""  src="<?php bloginfo('template_url'); ?>/images/logoOrange.png" style="float:left; margin-left:34px;" border="0" />

и надеялись на этобудет работать ...

Answer 2

Вы уверены, что пути к изображениям внутри вашего сервера совпадают? Как я видел в 8:03, его <img src="images/foo" /> указывает на папку, которая находится в корневом каталоге сервера, но вы можете подумать, что его папка с изображениями находится в папке wp-content/themes. В этом случае - нет.

В случае, если эти изображения работают, загрузите те изображения, которые вы хотели бы использовать, используя загрузчик изображений Wordpress, который помещает изображения в папку wp-content/uploads, а затем вы можете получить URL изображения и поместить его в сообщение или страница.

Или создайте папку images в корневом каталоге и загрузите туда все изображения.

Я предлагаю вам использовать Chrome Browser и функции Inspect Element для отладки разметки и css;)