如何在可视化作曲家中向元素添加 id答案

【问题标题】：How to add id to an element in visual composer如何在可视化作曲家中向元素添加 id
【发布时间】：2014-09-11 21:03:42
【问题描述】：

我一直在试图弄清楚如何将 ID 添加到可视化作曲家元素，但我不知道该怎么做。我试过编辑该行，但我唯一的选项是自定义 CSS 类、视差、全宽和字体颜色，但到处都没有 ID。我尝试将 id="something" 和 Id="something" 放入短代码中，但运气不佳。

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

提前感谢您的任何回复。

【问题讨论】：

标签： wordpress plugins

【解决方案1】：

el_id

使用el_id='something'。

简码示例：

[vc_row el_id='something'] 内容 [/vc_row]

它将像这样生成到 DOM 中：

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

【讨论】：

【解决方案2】：

我也必须解决它，我所做的是创建一个“Raw html”模块，并在其上添加 ID：

<div id="section"><div>

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

希望对你有帮助！

【讨论】：

【解决方案3】：

这对我有用：要为行添加 id，您也可以在 function.php 主题文件中添加此代码：

$attributes = array(
'type' => 'textfield',
 'heading' => "HTML ID",
 'param_name' => 'element_id',
 'value' => '',
 'description' => __( "Assign an ID to the row", "discprofile" )
);

vc_add_param('vc_row', $attributes);

编辑一行后，您会发现一个名为 Html ID 的新输入元素。

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

【讨论】：

【解决方案4】：

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

【讨论】：

它仍然不起作用，即使我设置了Row ID值，但在查看源代码时它不会在div id中。

【解决方案5】：

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

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

像往常一样设置短代码，使用除所需 ID 之外的所有正确设置。
查看页面。查看页面的源代码并找到由该短代码生成的元素。
将渲染的代码复制并粘贴到后端的文本编辑器中。手动向元素添加 ID。删除旧的简码以防止重复数据。

您将无法轻松更改短代码设置，但在紧要关头它应该可以工作！

【讨论】：

【解决方案6】：

此功能出现在某些主题中，例如 JUPITER，但在大多数主题中不存在。

实现此目的的一种快速方法是使用 RAW HTML 可视化作曲器元素，而不是您使用的简码选项框。

【讨论】：

【解决方案7】：

如果你想用php添加的话非常简单，例如：我们可以在 vc_map 函数中这样做：

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

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

【讨论】：