Данный функционал служит для подхватывания изображений на сайте и последующим их выводе в ADS.Mediabox.
1. Простой Cелектор
При первоначальной установке плагина, вы увидите в настройках уже прописанный Простой селектор — a[rel=wmb].
Если вы устанавливаете плагин на чистом WordPress, никаких действий с Простым селектором осуществлять не нужно.
Что бы ADS.Mediabox начал свою работу, потребуется отжать чекбокс — Автодобавление.
Далее установить в Настройках отображения медиафайлов — Ссылку на медиафайл и его размер. И все!
Функция простановки атрибута к изображениям и последующий их вывод в ADS.Mediabox — включена.
ADS.Mediabox готов к работе. Можно публиковать посты.
2. Составной Cелектор
Если же вы устанавливаете ADS.Mediabox на действующем сайте, то потребуется определить CSS контейнер, в котором выводятся ваши изображения. После чего указать этот класс в Сложном селекторе, примерно в таком виде:
0 1 2 |
.content a[href$=".jpg"], .content a[href$=".png"], .content a[href$=".jpeg"] |
«.content» необходимо заменить на свой класс слоя который содержит статью (.content или .postcontent или….)
К примеру, в большинстве шаблонов WordPress используется класс: «.entry-content».
В таком случае, сложный селектор будет иметь вид:
0 1 2 |
.entry-content a[href$=".jpg"], .entry-content a[href$=".png"], .entry-content a[href$=".jpeg"] |
Добавление атрибута к изображению в записях и постах в этом случае произведено не будет.
С готовыми примерами сложных селекторов, вы можете ознакомиться в разделе Поддерживаемых ADS.Mediabox — Пейдж-Билдеров, WordPress тем и Галерей.
Внимание! Не рекомендуется использование селектора типа:
0 1 2 |
a[href$=".jpg"],a[href$=".png"],a[href$=".jpeg"] |
Так как этот действие этого селектора распространится на весь сайт — шапку, сайтбар, футер. К тому же в выводимой рекламе могут быть картинки соответствующие данному селектору.
Информация для разработчиков
Селектор должен указывать на ссылки ( тег <a> ), содержащие атрибут «href»
В атрибуте «href» должна быть ссылка на изображение.
При клике по ссылке, изображение из атрибута «href» подгрузится в открытом Mediabox’е.
Примеры селекторов, которые указываются в настройках плагина:
1) a[rel^=wmb] — любые ссылки, которые содержат атрибут «rel» со значением «wmb»
2) a.my-class — любые ссылки с классом «my-class»
Примеры ссылок в коде:
0 1 2 3 4 |
<a href="big_img.jpg" rel="wmb"><img src="small_img.jpg" /></a> <a href="big_img.jpg" class="my-class"><img src="small_img.jpg" /></a> |
Вы можете создать любой селектор, подходящий под вашу вёрстку и соответствующий правилам библиотеки jQuery.
Подробнее о селекторах в jQuery читайте: https://api.jquery.com/category/selectors/