如何将html内容转换为wordpress

我有以下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的方式，它可以显示图像？

来源

2016-07-12 Wosley Alarico

并且PHP错误日志中存在哪些错误 – RiggsFolly

我想你忘了告诉它应该从哪个地方得到图像。你也忘记了get_template_directory_uri（）;之后的分号。

这是一个例子，但在这里我要告诉摆脱图像哪个文件夹：

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

来源

2016-07-12 12:16:12 RasmusGlenvig

由于这是第一个显示分号的答案，并且如果需要的话其余路径，我会将其标记为有用的。 – Lee

谢谢，李:) – RasmusGlenvig

，你可以这样做，但它不是粘贴此代码，因为它是在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>

这是一个很好的练习，为该页面创建一个模板，并在那里写下你的代码。用功能图片替换图片带页面标题的标题。详细信息页面内容链接页面固定链接。

来源

2016-07-12 13:32:23

如果资源是主题的一部分，最好使用get_template_directory_uri（）;如果它是内容的一部分，并且可以由WordPress用户更改，请使用媒体上传。另一种方法是使用选项框架来允许用户更改静态资源。 – RasmusGlenvig

你怎么知道这已经输入编辑器...？ – Lee

没有足够的声望留下评论，所以我会留下这个答案来代替。

假设phone.jpg是你的主题的根源，你忘记了phone.jpg之前的/（斜杠）。

应该

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

来源

2016-07-12 14:07:37 Peter

PHP不会得到一个页面内解析。只需将图像上传到WordPress媒体库并直接链接到它。

来源

2016-07-12 14:11:38 Tom

如何将html内容转换为wordpress

回答

相关问题