2016-07-12 3 views
0

У меня есть следующий HTML-код, который попытался разместить на моей странице WordPress.Как преобразовать содержимое html в wordpress

HTML:

<div class="hovereffect"> 
     <img src="<?php echo get_template_directory_uri() ?>phone.jpg" > 
     <div class="overlay"> 
      <h2>Hover effect 9</h2> 
      <a class="info" href="#">link here</a> 
     </div> 
    </div> 

На данный момент все находится в месте, за исключением изображения, которое не показывает. Как я могу использовать этот код WordPress таким образом, чтобы он мог отображать изображение?

+0

И какие ошибки находятся в журнале ошибок PHP – RiggsFolly

ответ

1

Я думаю, вы забыли указать, с какого места оно должно получить изображения. И вы также забываете точку с запятой после get_template_directory_uri() ;.

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

<img src="<?php echo get_template_directory_uri(); ?>/assets/images/your_image.jpg"> 
+0

Поскольку это был первый ответ, который показывает, что нужно использовать двоеточие, а остальная часть пути, если это необходимо, я буду отмечать это как полезное. – Lee

+0

Спасибо, Ли :) – RasmusGlenvig

0

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

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

<div class="hovereffect"> 
     <img src="http://example.com/wp-content/uploads/2016/07/img.png" > 
     <div class="overlay"> 
     <h2>Hover effect 9</h2> 
     <a class="info" href="#">link here</a> 
     </div> 
    </div> 

Вот хорошая практика, создайте шаблон для этой страницы и напишите там свой код. Изображение заменяется на функциональное изображение Заголовок с заголовком страницы. Подробно с содержанием страницы Ссылка на страницу с постоянной ссылкой.

+0

Если ресурс является частью темы, лучше всего использовать get_template_directory_uri(); Если это часть содержимого и может быть изменена пользователем WordPress, используйте медиа-загрузки. Альтернативой является использование структуры параметров, позволяющей пользователю изменять статические ресурсы. – RasmusGlenvig

+0

Откуда вы знаете, что это было введено в редакторе ...? – Lee

0

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

Предполагая, что phone.jpg находится в основе вашей темы, вы забываете/(косую черту) перед phone.jpg.

Это должно быть

<img src="<?php echo get_template_directory_uri(); ?>/phone.jpg" > 
0

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

Смежные вопросы