在Wordpress中使用HTML中的短代码

时间:2016-07-18 11:56:49

标签: html css wordpress

我正在尝试为我的网站http://176.32.230.43/testdigitalmarketingmentor.co.uk/创建一个部分(位于底部!)

联系表单/信息显示在iPad屏幕内部。我已经在笔记本电脑的屏幕内显示视频,但我无法弄清楚如何将其更改为我的联系表格。

到目前为止,我已在 Themify Builder 中将联系人部分创建为构建器布局部件。这会生成短代码:[themify_layout_part id=103]放置在网站周围。

我现在把它放在iPad下面。但是,如何将短代码实现为HTML的一部分?这是我到目前为止iPad的代码和css,屏幕上有视频。任何帮助将不胜感激!

#ipad-panel {
    position: relative;
    padding-bottom: 75%;
    padding-left: 64%;
    height: 0;
}

#ipad-panel iframe {
    box-sizing: border-box;
    background: url(http://176.32.230.43/testdigitalmarketingmentor.co.uk/wp-content/uploads/2016/07/ipad-750x531.png) center center no-repeat;
    background-size: contain;
    padding: 11.3% 14.8% 11%;
    position: absolute;
    left: 20%;
    width: 60%;
    height: 60%;
}


<div id="ipad-panel">
    <iframe src="https://www.youtube.com/embed/BhEWkcyXYwg?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>

5 个答案:

答案 0 :(得分:0)

您无法直接在HTML中粘贴WordPress短代码。要生成短代码的HTML,您需要将其放入WordPress页面或发布,获取它的HTML,然后只复制该HTML(在浏览器中检查元素)。

答案 1 :(得分:0)

您需要找到包含此HTML区域的php模板文件并在那里实现短代码,您可以使用此插件what the file轻松找出它是哪个文件。

找到模板文件后插入<?php echo do_shortcode('[themify_layout_part id=103]'); ?>

答案 2 :(得分:0)

我真的不明白这个问题。是什么阻止你这样做?

<div id="ipad-panel">
    [themify_layout_part id=103]
</div>

答案 3 :(得分:0)

如果您打算在WordPress仪表板中使用代码,那么您只需将其设置为[themify_layout_part id = 103]

如果您要在template.php等文件中使用,那么您需要将您的短代码转换为硬代码

现在为您的页面创建一个模板,然后在最后创建

<div id="ipad-panel">
    <?php echo do_shortcode('[themify_layout_part id=103]'); ?>
</div>

OR 转到您的页面构建器并添加包含HTML部分的部分并放置代码 [themify_layout_part id = 103]

希望你理解

答案 4 :(得分:0)

<div class="jirei-post-list">
    <?php echo do_shortcode("[pt_view id=bb8f40f3lv]"); ?>
</div>

我认为这是声明短代码的最佳方法。这个