html - 在 Wordpress 的 HTML 中使用短代码

Question

我正在尝试为我的网站创建一个部分 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>

Answer 1

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

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