Селектор

Данный функционал служит для подхватывания изображений на сайте и последующим их выводе в ADS.Mediabox.

1. Простой Cелектор

При первоначальной установке плагина, вы увидите в настройках уже прописанный Простой селектор — a[rel=wmb].

Если вы устанавливаете плагин на чистом WordPress, никаких действий с Простым селектором осуществлять не нужно.

Что бы ADS.Mediabox начал свою работу, потребуется отжать чекбокс — Автодобавление.

Далее установить в Настройках отображения медиафайлов — Ссылку на медиафайл и его размер. И все!

селектор ADS.Mediabox

Функция простановки атрибута к изображениям и последующий их вывод в ADS.Mediabox — включена.

ADS.Mediabox готов к работе. Можно публиковать посты.

2. Составной Cелектор

Если же вы устанавливаете ADS.Mediabox на действующем сайте, то потребуется определить CSS контейнер, в котором выводятся ваши изображения. После чего указать этот класс в Сложном селекторе, примерно в таком виде:

«.content» необходимо заменить на свой класс слоя который содержит статью (.content или .postcontent или….)

К примеру, в большинстве шаблонов WordPress используется класс: «.entry-content».

сложный селектор в ADS.Mediabox.content

В таком случае, сложный селектор будет иметь вид:

Добавление атрибута к изображению в записях и постах в этом случае произведено не будет.

С готовыми примерами сложных селекторов, вы можете ознакомиться в разделе Поддерживаемых ADS.Mediabox — Пейдж-Билдеров, WordPress тем и Галерей.

Внимание! Не рекомендуется использование селектора типа:

Так как этот действие этого селектора распространится на весь сайт — шапку, сайтбар, футер. К тому же в выводимой рекламе могут быть картинки соответствующие данному селектору.

Информация для разработчиков

Селектор должен указывать на ссылки ( тег <a> ), содержащие атрибут «href»

В атрибуте «href» должна быть ссылка на изображение.

При клике по ссылке, изображение из атрибута «href» подгрузится в открытом Mediabox’е.

Примеры селекторов, которые указываются в настройках плагина:

1) a[rel^=wmb] — любые ссылки, которые содержат атрибут «rel» со значением «wmb»

2) a.my-class — любые ссылки с классом «my-class»

Примеры ссылок в коде:

Вы можете создать любой селектор, подходящий под вашу вёрстку и соответствующий правилам библиотеки jQuery.

Подробнее о селекторах в jQuery читайте: https://api.jquery.com/category/selectors/