在 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>

原文由 Becky CP 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

原文由 Zubex 发布，翻译遵循 CC BY-SA 3.0 许可协议