如何在visual composer中为元素添加id

时间:2014-09-11 21:03:43

标签: wordpress plugins

我一直在试图弄清楚如何为可视化作曲家元素添加ID,但我无法弄清楚如何这样做。我已经尝试过编辑这行,但我唯一的选择是自定义CSS类,视差,全宽和字体颜色,但到处都没有ID。我已经尝试将id =“something”和Id =“something”放入短代码中,但没有好运。

我需要这样做才能链接到同一页面中的某些行。如果有另一种解决方法,我很想知道。

提前感谢您的回复。

7 个答案:

答案 0 :(得分:4)

我也必须解决它,我所做的是创建一个" Raw html"模块,并在其上添加ID:

<div id="section"><div>

并将其放在要链接的部分上方。

希望它有所帮助!

答案 1 :(得分:1)

el_id

使用el_id ='某事'。


短代码示例:

  

[vc_row el_id ='something'] CONTENT [/ vc_row]


它会像这样生成到DOM中:

  

<div id="something" class="vc_row wpb_row vc_row-fluid">

答案 2 :(得分:1)

这项工作对我来说:要为行添加id,您可以在function.php主题文件中添加此代码:

  function test_input($data){
        $data = trim($data);
        $data = stripslashes($data);
        $data = htmlspecialchars($data);
        return $data;
    }

vc_add_param('vc_row',$ attributes);

如果您编辑了一行,则会找到一个名为Html ID的新输入元素。

来源:https://wpbakery.atlassian.net/wiki/pages/viewpage.action?pageId=524335

答案 3 :(得分:1)

Visual Composer现在有一个行ID字段。从v4.5开始,我相信。

答案 4 :(得分:0)

如果您使用主题或插件特定的短代码来显示内容,那么开发人员是否可以指定ID。如果没有它的选项,没有好的方法来添加一个而不修改主题或短代码的功能。

一种解决方法可能是执行以下操作:

  1. 像往常一样设置短代码,使用除所需ID之外的所有正确设置。
  2. 查看页面。查看页面源并找到该短代码生成的元素。
  3. 将渲染的代码复制并粘贴到后端的TEXT编辑器中。手动为元素添加ID。删除旧的短代码以防止重复数据。
  4. 您将无法轻松更改短代码设置,但在紧要关头它应该可以正常工作!

答案 5 :(得分:0)

此功能出现在某些主题中,例如JUPITER但在大多数情况下都不存在。

实现此目标的一种快捷方法是使用RAW HTML可视化合成器元素,而不是您正在使用的短代码选项框。

答案 6 :(得分:0)

如果你想用php添加就很容易了,例如: 我们可以在 vc_map 函数中这样做:

array(
    'type' => 'textfield',
    'heading' => __( 'ID', 'ezrapp_tech_widget' ),
    'param_name' => 'id_item',
    'value' => uniqid(),
)

现在已经生成了唯一的 id,但这不是我的问题。