So fügen Sie einem Element in Visual Composer eine ID hinzu

Ich habe versucht herauszufinden, wie ich einem visuellen Composer-Element eine ID hinzufügen kann, aber ich kann nicht herausfinden, wie das geht. Ich habe versucht, die Zeile zu bearbeiten, aber die einzigen Optionen, die ich habe, sind Benutzerdefinierte CSS-Klasse, Parallaxe, Volle Breite und Schriftfarbe, aber überall keine ID. Ich habe versucht, id=”something” und Id=”something” ohne Glück in den Shortcode zu setzen.

Ich muss dies tun, um Links zu einigen Zeilen innerhalb derselben Seite zu erstellen. Wenn es dafür eine andere Problemumgehung gibt, bin ich gespannt.

Vielen Dank im Voraus für jede Antwort.

el_id

Verwenden el_id= ‘etwas’.

Shortcode-Beispiel:

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

Es wird wie folgt in das DOM generiert:

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

Ich musste es auch lösen, was ich tat, war, ein “Raw HTML” -Modul zu erstellen und die ID hinzuzufügen:

<div id="section"><div>

und platzieren Sie es über dem Abschnitt, auf den Sie verlinken möchten.

Ich hoffe es hilft!

Das funktioniert für mich: Um eine ID zu einer Zeile hinzuzufügen, können Sie auch diesen Code in Ihre function.php-Designdatei einfügen:

$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 );

Nachdem Sie eine Zeile bearbeitet haben, finden Sie ein neues Eingabeelement mit dem Titel Html ID.

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

Visual Composer hat jetzt ein Zeilen-ID-Feld. Seit v4.5 glaube ich.

Wenn Sie themen- oder pluginspezifische Shortcodes verwenden, um Inhalte anzuzeigen, sind Sie dem Entwickler überlassen, ob Sie eine ID angeben können. Wenn es keine Option dafür gibt, gibt es keine gute Möglichkeit, eine hinzuzufügen, ohne die Funktionen des Themas oder Shortcodes zu ändern.

Eine Problemumgehung könnte darin bestehen, Folgendes zu tun:

1. Richten Sie den Shortcode wie gewohnt ein, mit allen korrekten Einstellungen außer der gewünschten ID.
2. Sehen Sie sich die Seite an. Zeigen Sie die Quelle der Seite an und finden Sie das Element, das von diesem Shortcode generiert wurde.
3. Kopieren Sie den gerenderten Code und fügen Sie ihn in den TEXT-Editor im Backend ein. Fügen Sie dem Element manuell eine ID hinzu. Entfernen Sie den alten Shortcode, um doppelte Daten zu vermeiden.

Sie können die Shortcode-Einstellungen nicht einfach ändern, aber zur Not sollte es funktionieren!

Diese Funktion ist in einigen Themen vorhanden, z JUPITER fehlt aber bei den meisten.

Eine schnelle Möglichkeit, dies zu erreichen, ist die Verwendung von RAW HTML Visual Composer-Element anstelle des Shortcode-Optionsfelds, das Sie verwendet haben.

Ist sehr einfach, wenn Sie zum Beispiel mit PHP hinzufügen möchten: Wir können dies in der vc_map-Funktion tun:

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

und jetzt habe uniquie id generiert, aber das war nicht meine frage.