08.12.2019
Изображение до и после

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

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

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

Добавить медиафайл в WordPress
рис.1

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


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

23 комментария к «Как в WordPress показать фото до и после»

  1. Очень полезная статья для начинающих.Но опытные люди свободно этим владеют. Но прошу продолжать давать советы по использованию фоторедакторов, хотелось бы что-нибудь сложное и одновременно интересное ,так сказать для опытных)

  2. Спасибо за урок,отлично.Я тоже думал,что проще всего использовать Фотошоп,но так гораздо проще.

  3. Спасибо, пригодилось! На одном из блогов сделал это.

  4. Прикольно, надо попробовать, а то всё через фотошоп приходится делать. Спасибо)

  5. Спасибо _http://promotiger.ru/ , прикольно, надо будет поюзать

  6. Хм, все так просто, а я фотошоп юзал все время. СПАСИБО!

  7. Я, как яркий представитель «новичков», говорю Вам огромное спасибо! Я уже попробовала сделать фотки по Вашему описанию, всё действительно понятно и просто, как по мне, то намного лучше, чем эта возня с непонятным фотошоп, с которым я не очень дружу, но разбираться приходится :((( А тут всё насколько проще!!!!

  8. Ничего себе, классная штука, не знала, обязательно попробую, а главное — так просто все

  9. Классная задумка с изображениями! Жалко только, что это все изменения делает плагин, а я если честно их не очень люблю. Потому что эти засранцы тормозят блог. Вот если бы такая фишка выполнялась с помощью кода, тогда бы я ее сразу взял на вооружения в свой блог.

    Но ничего, я люблю ваш блог, а точнее статьи. Они интересные и полезные. Буду приходить сюда и читать чаще.

  10. Добрый день, Алексей! Как по мне, то в связи с повсеместным широкополосным интернетом, мобильными версиями сайтов и т.п. ваше утверждение о тормознутости сайтов в связи с установкой плагинов потеряло свою актуальность ИМХО. А вообще спасибо за отзыв и оценку статей на блоге )))

  11. КАК В WORDPRESS ПОКАЗАТЬ ФОТО — ДО И ПОСЛЕ. Много о размещении фото в WP и всяких плагинах просмотрел, такого способа не находил… Спасибо, полезно.

  12. Видел пару раз такое чудо, хорошая штука, нужно будет опробовать у себя на сайте.

  13. Ой, здорово! Очень полезно. А то этот photoshop изрядно надоел..

  14. Блин, а я с фотошопом мучалась всегда)))Реально не сложный способ)

  15. Круууто) Вообще не знал, что такое можно делать так легко и просто) Уже аж фантазия разыгралась в применении, спасибо!)

  16. да интересная статья особенно для девчулек!!! спасибо!

  17. Если хорошо продумать область применения, то может получиться очень кстати.

  18. Добрый день. Ну наконец то повстречала человека согласным с моим мнение на счет плагинов. Люблю плагины, они облегчают нашу жизнь. А все как попугаи заладили — тормозят и тормозят.
    Этот плагин понравился, уже попробовала. А может подскажете еще какие нибудь плагины с фишками для картинок?

  19. Жаль плагин не обновляется уже 3 года. Сейчас 2017 год.

  20. Но он же работает, что там обновлять-то. 1-ое правило программистов гласит: — «Работает — не трогай!»

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *