Opis

The Twenty20 plugin was created to allow users to swipe between two images, showcasing „before” and „after” comparisons. The plugin is designed to be fully responsive and user-friendly.

Features

Fully responsive across all devices.
No coding skills required.
Clean and intuitive user interface.
Add before-and-after comparisons to widgets.
Compatible with popular page builders.
Utilizes WP Image alt as image alt and title attributes.

Supported Page Builders

Flatsome UX Builder by UXThemes.

Szybki przykład

[twenty20 img1="" img2="" direction="vertical" offset="0.5" align="right" width="60%" before="Before" after="After" hover="true"]

Shortcode Parameters

img1 – image ID.
img2 – image ID.
offset – range from 0.1 to 1.0.
direction – horizontal|vertical.
wyrównanie – none|right|left.
szerokość – Wsparci dla obu: piks. i %.
before – text for the „before” label.
after – text for the „after” label.
hover – true or false.

Zrzuty ekranu

Add a Twenty20 before-after image.
Select any two images from the Media Library.
Twenty20 shortcode settings page.
Shortcode.
Twenty20 in action.
Multiple sliders in different directions.
Twenty20 widget.
Widżet w akcji.
WP Bakery Visual Composer settings.
Elementor element.
UX Builder element.

Instalacja

Unzip the download package
Upload twenty20 to the /wp-content/plugins/ directory
Activate the plugin through the 'Plugins’ menu in WordPress

Manual Plugin Installation

Download Twenty20 Plugin to your desktop.
If downloaded as a zip archive, extract the Plugin folder to your desktop.
With your FTP program, upload the Plugin folder to the wp-content/plugins folder in your WordPress directory online.
Przejdź do strony „Wtyczki” i odszukaj wtyczki Twenty20 na liście.
Kliknij na „Włącz wtyczkę„, aby ją włączyć.

Najczęściej zadawane pytania

Jak to działa?

Twenty20 works by stacking two images on top of each other. As the slider moves across the image.

Szybki przykład

[twenty20 img1=”” img2=”” direction=”vertical” offset=”0.5″ align=”right” width=”60%” before=”Before” after=”After” hover=”true”]

Shortcode Parameters

img1 – image ID.
img2 – image ID.
offset – range from 0.1 to 1.0.
direction – horizontal|vertical.
wyrównanie – none|right|left.
width – supports both px and %.
before – text for the „before” label.
after – text for the „after” label.
hover – true or false.

How to add before-after slider?

Check the demo Video demo.

How do I add a widget?

Watch the video demo on YouTube.

Can I use more than one slider in a single post or page?

Yes, the Twenty20 plugin allows users to add unlimited before-after sliders.

Recenzje

bing4 2024-08-12

Great plugin, fast support, simple, easy to use.

2023-09-24

Type for an update or get pulled.

tsutlnps149 2023-03-24

恐らく、このプラグインはブロックエディターに対応していないので、Gutenbergでは画像が挿入できないです。あと、lazyload.jsや”loading=lazy”を使用すると、表示されなくなったり画像下に空白ができてしまったりするバグがあるため、画像表示が崩れます。

boraboraphotovideo 2022-03-21

Wonderful functionality for a photographer or photo re-toucher / editor. Easy to install and implement, may be caused by another plugin conflict it recently had stopped working. The support was very prompt, the developer was able to solve the issue right away!

ucan74 2021-09-07 3 odpowiedzi

Works fine under WPv5.8 and Enfoldv4.8.6 (little bit tricky with the internal builder but it’s ok)

Serge 2021-06-03

This plugin does exactly what it says on the tin and works straight out-of-the-box. Excellent stuff! Oh, and it also works perfectly on WP 5.7.2 – at least with my current selection of themes.

Przeczytaj 55 recenzji

Kontrybutorzy i deweloperzy

„Twenty20 Obrazek Przed/Po” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.

Przetłumacz wtyczkę “Twenty20 Obrazek Przed/Po” na swój język.

Interesuje cię rozwój wtyczki?

Przeglądaj kod, sprawdź repozytorium SVN lub czytaj dziennik rozwoju przez RSS.

Rejestr zmian

1.7.5

Fixed Elementor Widget

1.7.4

Fixed Elementor Widget

1.7.3

Bug fixes

1.7.2

Improve script

1.7.1

Bug fixes

1.7.0

Bug fixes

1.6.1

Bug fixes.

1.6.0

Security fixes, and passed in WordPress review.

1.5.9

Security fixes

1.5.8

Fix: Minor jQuery fix

1.5.7

Fix: WP 5.6 Uncaught TypeError (Thanks to @negru13)

1.5.6

Fix: Jetpack’s lazy load images issue

1.5.5

Fix: Widget mouse over.

1.5.4

Added: Integrated with WP Image alt.

1.5.3

Fixed cation overlay issue.

1.5.2

Fixed Before and After shortcode insert issue

1.5.1

Fixed loading issue

1.5

NEW: Add Elementor Page builder support.
NEW: Add UX Builder by UXThemes support.
Minor CSS fixes

1.4

NEW: 'Move slider on mouse over’.

1.3

NEW: Image Before and After caption.
Fixed arrow shadow css.
Widget updated.

1.2

Fixed alignment bug

1.1

Fixed width issue

1.0

First Release