이 플러그인은 최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다. 워드프레스의 좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 있을 수 있습니다.

TwentyTwenty

설명

This plugin brings the power of Zurb TwentyTwenty to your blog. From our friends at Zurb:

We recently needed a way to showcase the visual differences between two images. Folks tend to typically place two images next to each other in hopes that it’ll be clear exactly what changed. We even thought about having one image fade into another. But we knew there had to be an even better way to highlight the differences between two images. A way that would bring everything into focus.

Find out more about TwentyTwenty, and see examples, on the official TwentyTwenty site from Zurb.

Watch this screencast to see the plugin in action and learn how to use it.

Instructions

  1. Make sure your before and after images are the same size. The before-and-after box will use the size of the first image, and assume that the second image is the same size.

  2. Insert two images into a post, one right after the other.

  3. Before the first image, type [twentytwenty]. After the second image, type [/twentytwenty]. See the second screenshot for an example.

Watch this screencast to see the plugin in action and learn how to use it.

스크린샷

  • Before and after pictures in a post. Images courtesy Abbie Rowe / National Archives.
  • TwentyTwenty shortcodes in the WordPress editor. Images courtesy Abbie Rowe / National Archives.

설치

Using The WordPress Dashboard

  1. Navigate to the ‘Add New’ in the plugins dashboard
  2. Search for ‘TwentyTwenty’
  3. Click ‘Install Now’
  4. Activate the plugin on the Plugin dashboard

FAQ

Installation Instructions

Using The WordPress Dashboard

  1. Navigate to the ‘Add New’ in the plugins dashboard
  2. Search for ‘TwentyTwenty’
  3. Click ‘Install Now’
  4. Activate the plugin on the Plugin dashboard
Why aren’t my pictures lining up properly?

Make sure that the pictures are the exact same height and width, and that you choose the same display size for the images when you upload them (ex. medium, large, full size).

What browsers does this support?

TwentyTwenty is tested the latest versions of Chrome, Safari, FireFox, and iOS, and on IE 9 and above.

Can I customize how the slider looks?

Not yet, but I hope to enable that in a future release?

Will this work on any WordPress theme?

It should, but please report any issues on this blog post or the support forum to the right.

후기

2018년 3월 13일
Di facile installazione e configurazione, una resa veramente notevole.
2016년 9월 3일
I just built a site for a client and this plugin was just what I needed. Install, activate. enter shortcode and absolutely perfect! Thanks
2016년 9월 3일
Works great for a client site who does photo retouch and needed to show before and after work. Wish it was configurable, but nothing a little custom CSS and PHP can’t overcome.
2016년 9월 3일
We run a power washing website and this shows the difference beautifully. Not too fast at loading though, but that’s probably a mix of our internet speed and the photo size.
모든 23 평가 읽기

기여자 & 개발자

“TwentyTwenty”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

자국어로 “TwentyTwenty”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

1.0

  • Initial version