Как в WordPress показать фото до и после

Всем привет! Вы когда-нибудь задавались целью показать фото, к примеру ремонта или себя любимого(ой) до и после какого-либо действия? Обычно люди используют Photoshop и размещают там бок о бок два изображения. И уже потом, получившееся выкладывают в блогах и на сайтах. При помощи небольшого плагина, это можно сделать намного качественнее и красивее, в виде интерактивного слайдера, который показывает вашу фотографии до и после. Далее я кратко расскажу вам, как показать фотографии до и после в WordPress, без потери размеров и качества изображения.

Первое, что вам нужно сделать, это установить и активировать TwentyTwenty плагин. Плагин работает из коробки, и нет никаких настроек, поэтому пользоваться им смогут даже новички и люди далекие от сайтостроения. После установки просто создайте новую запись или отредактируйте уже существующую. Для этого вам потребуются 2 одинаковые по размеру фотографии, которые вы разместите в статье обычным способом, через «Добавить медиафайл» (рис.1).

После вставки изображений, вам нужно перейти в текстовый редактор и найдите код изображения. Далее, вам нужно обернуть ваши изображения вот такими тегами  (рис.2):

[twentytwenty] [/ twentytwenty]

После этого вы можете сохранять свои изменения и просмотреть результат. Как видим, изображения накладываются слоями, поверх друг друга, а ползунок в центре позволяет пользователям скользить и видеть фотографии до и после чего-либо. Первое изображение становится «ДО» слева, а второе становится «ПОСЛЕ» справа. (рис.3).

[twentytwenty]

[/twentytwenty]

 Вот и все. Надеюсь, что эта статья помогла вам узнать, как красиво показать фотографии до и после, на вашем WordPress сайте.