Cómo agregar una identificación a un elemento en Visual Composer

He estado tratando de descubrir cómo agregar una ID a un elemento de composición visual, pero no puedo encontrar la manera de hacerlo. Intenté editar la fila, pero las únicas opciones que tengo son Clase CSS personalizada, Parallax, Ancho completo y Color de fuente, pero no hay ID en todas partes. Intenté poner id=”algo” e Id=”algo” en el código abreviado sin buena suerte.

Necesito hacer esto para hacer enlaces a algunas filas dentro de la misma página. Si hay otra solución a eso, estoy ansioso por saber.

Gracias de antemano por cualquier respuesta.

el_id

Usar el_id=’algo’.

Ejemplo de código corto:

[vc_row el_id=’something’] CONTENIDO [/vc_row]

Se generará así en el DOM:

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

Tuve que resolverlo también, lo que hice fue crear un módulo “Raw html” y agregarle la ID:

<div id="section"><div>

y colóquelo encima de la sección a la que desea vincular.

¡Espero eso ayude!

Esto funciona para mí: para agregar una identificación a la fila, también puede agregar este código en su archivo de tema 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’, $atributos);

Después, si edita una fila, encontrará un nuevo elemento de entrada titulado Html ID.

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

Visual Composer ahora tiene un campo de ID de fila. Desde v4.5 creo.

Si está utilizando códigos abreviados específicos de temas o complementos para mostrar contenido, está a merced del desarrollador en cuanto a si puede especificar una ID. Si no hay ninguna opción para ello, no hay una buena manera de agregar uno sin modificar las funciones del tema o código abreviado.

Una solución podría ser hacer lo siguiente:

1. Configure el código corto como de costumbre, con todas las configuraciones correctas además de la ID que desea.
2. Ver la página. Vea la fuente de la página y encuentre el elemento que fue generado por ese shortcode.
3. Copie y pegue el código renderizado en el editor de TEXTO en el backend. Agregue una ID al elemento manualmente. Elimine el código abreviado anterior para evitar datos duplicados.

No podrá cambiar fácilmente la configuración del código abreviado, ¡pero en caso de apuro debería funcionar!

Esta característica está presente en algunos temas como JUPITER pero ausente en la mayoría.

Una forma rápida de lograr esto es usar el RAW HTML elemento del compositor visual en lugar del cuadro de opciones de shortcode que estaba usando.

Es muy fácil si desea agregar con php, por ejemplo: podemos hacer en la función vc_map esto:

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

y ahora he generado una identificación única, pero esta no era mi pregunta.