"Похожие статьи" - добавить картинку из статьи

Здравствуйте! Я обычный пользователь Зеброида, но у меня есть свои секреты в работе с программой. Хочу ими с вами поделиться!

В этой статье вы научитесь, как можно украсить блок Похожие статьи фотографией из статьи.
как на примере:


Есть замечательная функция Похожие статьи. Но отображение данного поля весьма скудноваты.
У нас есть возможность вставить следующие поля:



Из представленного выбора, картинку вставить не представляет возможным.

Т.к. Зеброид видит дополнительные поля NAME{ADDIT_FIELD(NAME)} выстраиваем логику следующию:
— нам нужно добавить имя картинки в доп.поле, а затем просто его отобразить в коде вставки Похожие статьи.

Конкретные шаги работы.

Шаг 1. Выносим имя картинки в уникальный тег

Это делается для того, чтобы воспользовавшись Сборщиком полей вынести имя картинки в Доп.поле.

Для этого воспользуемся регулярным выражением. В Поиск и Замена пишем:
найти:
(.*?<img[^>]+src="~images\\)(.*?)(".*)
заменить

\1\2\3<url-kartinku>\2</url-kartinku>

В результате в самом низу каждой статьи у нас формируется код в котором указывается адрес первой картинки в статье:
<url-kartinku>адрес_картинки</url-kartinku>

Шаг 2. Сборщик полей

Открываем Сборщиком полей вкладка «Дополнительные поля» и добавляем условие, как на картинке:


Нажимаем выполнить, так же можно сохранить этот профиль для дальнейшей автоматизации процесса в Капле макроса. В итоге у нас содержание в теге <url-kartinku>адрес_картинки</url-kartinku> переместиться в дополнительное поле с названием «url-kartinku».

Шаг 3. Завершающий

Остаётся настроить «Код вставки» для Похожие статьи, как на рисунке:

Заполняем «Код пункта»:

<li>
<p><img align="left" src="{ADDIT_FIELD(url-kartinku)}"/><p><a href="{URL}">{TITLE}</a></p><p>{DESCRIPTION}</p>
</li>

Нажимаем «Запустить».
В результате блок Похожие статьи будет содержать фотографию, ссылку и текст.
Пример в самом начале статьи

В идеале, необходимо так же отрегулировать размер фотографии, это можно сделать так: фиксировано указать размер, либо в идеале — сделать превью миниатюры к ним, с помощью программы, которая массово изменит размер и добавляя к началу названия файла к примеру «prev_» (использую программу ReaconverterPro). Это же имя дополнение к названию файла нужно будет указать для «Код пункта»:

<li>
<p><img align="left" src="prev_{ADDIT_FIELD(url-kartinku)}"/><p><a href="{URL}">{TITLE}</a></p><p>{DESCRIPTION}</p>
</li>

Спасибо автору Зеброида за помощь в написании материала.
Используемые материалы:
вытащить имя 1й картинки в статье

Если понравилась статья, голосуйте, это мотивирует меня написать ещё больше интересных секретах работы с Зеброидом.