Хобрук: Ваш путь к мастерству в программировании

Как добавить идентификатор к элементу в Visual Composer

Я пытался понять, как добавить идентификатор в элемент визуального композитора, но я не могу понять, как это сделать. Я попытался отредактировать строку, но единственные параметры, которые у меня есть, это «Пользовательский класс CSS», «Параллакс», «Полная ширина» и «Цвет шрифта», но везде нет идентификатора. Я безуспешно пытался поместить id="something" и Id="something" в шорткод.

Мне нужно сделать это, чтобы сделать ссылки на некоторые строки на одной странице. Если есть другой обходной путь, мне не терпится узнать.

Заранее спасибо за любой ответ.

plugins wordpress
11.09.2014

Ответы:


1

Мне также пришлось решить эту проблему, я создал модуль "Raw html" и добавил в него идентификатор:

<div id="section"><div>

и поместите его над разделом, на который вы хотите сослаться.

Надеюсь, поможет!

06.04.2015

2

el_id

Используйте el_id='что-то'.


Пример короткого кода:

[vc_row el_id='что-то'] СОДЕРЖИМОЕ [/vc_row]


Он будет сгенерирован в DOM следующим образом:

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

18.03.2016

3

Это работает для меня: для добавления идентификатора в строку вы также можете добавить этот код в файл темы 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', $атрибуты);

После того, как вы отредактируете строку, вы найдете новый элемент ввода с названием Html ID.

Источник: https://wpbakery.atlassian.net/wiki/pages/viewpage.action?pageId=524335

11.06.2016

4

Visual Composer теперь имеет поле Row ID. Начиная с v4.5 я верю.

14.06.2016
  • Это все еще не работает, хотя я установил значение идентификатора строки, но оно не работает в идентификаторе div при просмотре исходного кода. 08.10.2017

    • 5

    Если вы используете короткие коды темы или плагина для отображения контента, вы зависите от разработчика, можете ли вы указать идентификатор. Если для этого нет опции, нет хорошего способа добавить ее без изменения функций темы или шорткода.

    Одним из обходных путей может быть следующее:

    1. Настройте шорткод, как обычно, со всеми правильными настройками, кроме нужного идентификатора.
    2. Просмотрите страницу. Просмотрите исходный код страницы и найдите элемент, сгенерированный этим шорткодом.
    3. Скопируйте и вставьте обработанный код в редактор TEXT в бэкенде. Добавьте идентификатор к элементу вручную. Удалите старый шорткод, чтобы предотвратить дублирование данных.

    Вы не сможете легко изменить настройки шорткода, но в крайнем случае это должно сработать!

    18.11.2014

    6

    Эта функция присутствует в некоторых темах, таких как JUPITER, но отсутствует в большинстве.

    Быстрый способ добиться этого — использовать элемент визуального композитора RAW HTML вместо окна параметров шорткода, которое вы использовали.

    29.10.2015

    7

    Это очень просто, если вы хотите добавить с помощью php, например: мы можем сделать в функции vc_map следующее:

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

    и теперь сгенерировали уникальный идентификатор, но это был не мой вопрос.

    19.01.2021
    Новые материалы
    Создание кнопочного меню с использованием HTML, CSS и JavaScript
    Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..
    Внедрите OAuth в свои веб-приложения для повышения безопасности
    OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..
    Классы в JavaScript
    class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..
    Как свинг-трейдеры могут использовать ИИ для больших выигрышей
    По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..
    Как построить любой стол
    Я разработчик программного обеспечения. Я люблю делать вещи и всегда любил. Для меня программирование всегда было способом создавать вещи, используя только компьютер и мое воображение...
    Обзор: Машинное обучение: классификация
    Только что закончил третий курс курса 4 часть специализации по машинному обучению . Как и второй курс, он был посвящен низкоуровневой работе алгоритмов машинного обучения. Что касается..
    Разработка расширений Qlik Sense с qExt
    Использование современных инструментов веб-разработки для разработки крутых расширений Вы когда-нибудь хотели кнопку для установки переменной в приложении Qlik Sense? Когда-нибудь просили..