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

3 minutos de lectura

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

avatar de usuario
DiegoFreelance

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!

avatar de usuario
kampageddon

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!

avatar de usuario
usuario3071284

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.

avatar de usuario
Uituceală MOD

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.

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad