Autoptimize acelera seu siste ao otimizar JS, CSS, imagens (incluindo carregamento tardio), HTML e fontes do Google, deixando JS assíncronos, removendo os emojis e mais.

Twenty20 Image Before-After
Hospedagem WordPress com plugin Twenty20 Image Before-After
Onde posso hospedar o plugin Twenty20 Image Before-After?
Este plugin pode ser hospedado em qualquer hospedagem que tenha WordPress instalado. Recomendamos fortemente utilizar uma hospedagem seguro, com servidores otimizados para WordPress, como o serviço de hospedagem de sites da MCO2.
Hospedando o plugin Twenty20 Image Before-After em uma empresa de hospedagem confiável
A MCO2, além de configurar e instalar o WordPress na versão mais atualizada para seus clientes, disponibiliza o plugin WP SafePress, um sistema singular que protege e aumenta a performance do seu site simultaneamente.
Por que a Hospedagem WordPress funciona melhor na MCO2?
A Hospedagem WordPress funciona melhor pois a MCO2 possui servidores otimizados para WordPress. A instalação de WordPress é diferente de uma instalação trivial, pois habilita imediatamente recursos como otimização de imagens, proteção da página de login, bloqueio de atividades maliciosas diretamente no firewall, cache avançado e HTTPS ativado por padrão. São recursos que potencializam seu WordPress para a máxima segurança e o máximo desempenho.
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.
Quick Example
[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
.align
–none|right|left
.width
– supports bothpx
and%
.before
– text for the “before” label.after
– text for the “after” label.hover
–true
orfalse
.
Capturas de tela

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.

Widget in action.

WP Bakery Visual Composer settings.

Elementor element.

UX Builder element.