【问题标题】:Divi Builder render html code on post typeDivi Builder 在帖子类型上呈现 html 代码
【发布时间】:2019-02-12 14:02:05
【问题描述】:

我正在创建一个网站,但遇到了 Divi / CPT UI 问题。 我创建了一个帖子类型名称“tente”。为了使用 Divi builder 构建页面,我在 function.php 中添加了这段代码:

function my_et_builder_post_types( $post_types ){
    $post_types[] = 'tentes';
    return $post_types;
}
add_filter('et_builder_post_types', 'my_et_builder_post_types');

这很有效,因为我可以在帖子类型中使用 Divi builder。

但是,当我使用 tab 元素时,构建器会在我的网站上呈现 HTML 代码。

看看我做了什么:

它在网站上给了我什么:

我查看了 Divi 文档。我没有发现任何有趣的东西。 你们有些人有想法吗?

【问题讨论】:

    标签: wordpress wordpress-theming


    【解决方案1】:

    如果您不需要更新,我假设您使用的是最新版本的 Divi。 Divi 现在允许自定义帖子类型来访问构建器。如果您已更新,请执行以下操作:

    1. 删除上面添加的代码
    2. 就我而言,我使用 CPT UI 并有一个名为 Doctors 的帖子类型,如下所示

    3. 只需转到 Divi --> Theme options --> Builder --> Post Type Integration 并确保您的自定义帖子类型显示为已启用,如下所示

    您的代码可能有效,但最好使用内置方式,因为它存在。

    现在,对于 HTML 问题。

    1. 确保您处于文本模式不是如下所示的可视模式

    1. 添加所需的短代码以创建 3 个选项卡

      [et_pb_tabs admin_label="Tabs" use_border_color="off" border_color="#ffffff" border_style="solid"] [et_pb_tab title="Description" tab_font_select="default" tab_line_height="2em" tab_line_height_tablet="2em" tab_line_height_phone ="2em" body_font_select="default" body_line_height="2em" body_line_height_tablet="2em" body_line_height_phone="2em"] 这是标题1 [/et_pb_tab][et_pb_tab title="管理" tab_font_select="default" tab_line_height="2em" tab_line_height_tablet="2em" tab_line_height_phone="2em" body_font_select="default" body_line_height="2em" body_line_height_tablet="2em" body_line_height_phone="2em "] 这是title2。

    [/et_pb_tab][et_pb_tab title="照片" tab_font_select="default" tab_line_height="2em" tab_line_height_tablet="2em" tab_line_height_phone="2em" body_font_select="default" body_line_height="2em" body_line_height_tablet="2em" body_line_height_phone ="2em"] 这是标题3。 [/et_pb_tab] [/et_pb_tabs]

    这给出了以下结果

    现在在 TEXT MODE 中查看上面的代码,并在其中显示 This is title1、This is title2 和 This is title3 的位置添加 HTML,以使用您需要的内容填充选项卡。希望这会有所帮助

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-04-08
      • 1970-01-01
      • 1970-01-01
      • 2017-02-25
      • 1970-01-01
      • 2019-04-10
      • 1970-01-01
      相关资源
      最近更新 更多