2013-02-27 7 views
1

Я предполагаю, что это общий вопрос для начинающих, но я не нашел ответов, которые полностью охватывают мою проблему: у меня возникли проблемы с привязкой к изображению на моем локальном компьютере. (. На Dell под управлением Windows 7 с помощью Xampp)Img Src на локальном компьютере

Я воздействую на создание темы для WordPress установки Мой файл index.php расположен по адресу:

C:\xampp\htdocs\tutorials\wordpress\wp-content\themes\LeftColumn\index.php 

и изображение, которое я хочу показать это на :

C:\xampp\htdocs\tutorials\wordpress\wp-content\themes\LeftColumn\images\pmsplogo.jpg 

... и в то время как я пробовал много вариантов, как-то я ничего положить в <img src=""/>, кажется, работает. Может ли кто-нибудь объяснить, какой правильный способ кодировать это для моей ситуации?

Просто к сведению, что будет правильно отображать изображения с внешнего веб-сайта (например: http://littlewebhut.com/images/eightball.gif)

Спасибо!

ответ

0

Пути к файлам в формате HTML из корня веб-сайта. Таким образом, \tutorials\wordpress\wp-content\themes\LeftColumn\images\pmsplogo.jpg - это то же самое на вашем локальном компьютере и удаленном сервере. Если он не работает, вам необходимо убедиться, что ваши пути верны, и вы настроили оба сервера правильно.

+0

Фактически на данный момент, я использую только свой локальный компьютер - нет удаленного сервера ... возможно, я что-то неправильно установил? (Но тогда почему это работает, чтобы отобразить изображение eightball.gif?) –

4

Как правило, IE в порядке с контуром C:\, но другим браузерам нужно что-то еще. Начните путь с file:///C:/, а затем заполните оставшуюся часть пути к файлу через проводник Windows.

Но, возможно, лучше рассмотреть относительные пути - например, ../../images/src="img.gif". Это будет два каталога вверх от текущего местоположения, а затем в каталог изображений.

+0

Я согласен с тем, что было бы лучше использовать (и привыкнуть использовать) относительный URL-адрес для последующей переносимости ... просто еще не нашел того, что работает, см. Мой комментарий к Stepo, выше , –

0

Это не необходимо до пишите весь путь в рамке-шаблоне. Этого должно быть достаточно: \images\pmsplogo.jpg

Вот экран моего шаблона WordPress, он работает очень хорошо с вхождением описано выше:

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

+0

ваш пример включал некоторые php, которые мои в настоящее время не ... не уверены, что это имеет значение здесь, но я пробовал , и это не сработало ... никаких мыслей? –

+0

ok ... Сюжет загустеет здесь ... Я _can_ ссылаюсь на изображение в том же каталоге или папке, например: или , но НЕ с моей установкой Xampp Wordpress. (Он работает, когда просто читает .html-файл в Firefox.) Может ли быть что-то странное, что Wordpress здесь делает? –

+0

и вы пробовали путь /images/your_img.jpg или images/your_img.jpg? – Stepo

1

Вы должны добавить <?php bloginfo('template_url');?> перед фактическим путем. Предположим, что у вас есть изображение logo.png в папке с именем images в вашей теме. Для того, чтобы связать его в Wordpress теме (index.php или другие страницы WordPress шаблона) вы делаете что-то вроде этого:

<img src="<?php bloginfo('template_url');?>/images/logo.png" alt="Logo"/> 

выше функция PHP (bloginfo) зовёт для шаблона URL. К этому шаблону url вам нужно добавить, где фактический файл файла находится в вашей теме (в данном случае /images/logo.png).

Надеюсь, это имеет смысл.