【設定不要】2枚の画像をスライドで簡単比較できる無料プラグイン「TwentyTwenty」

2019年11月20日
2020年07月29日

WordPress 5.3 へのアップデートにより、新デフォルトテーマ「Twenty Twenty」が搭載されました。

何だか使いやすそうで素敵！

ということで、この新デフォルトテーマ「Twenty Twenty」についての記事をと思ったのですが…。
色々調べていくと「TwentyTwenty」というちょっと面白そうなプラグインを発見してしまったので、今回はプラグインの「TwentyTwenty」をご紹介します。

TwentyTwenty

https://en-nz.wordpress.org/plugins/twentytwenty/

「TwentyTwenty」は、真ん中にある矢印を左右に移動させることで並べた 2枚の画像を比較することができるプラグインです。
実際に見て頂いた方が分かりやすいと思いますので、下の画像をご参照下さい。

真ん中の矢印を左右にスライドさせるだけ！

エステや美容室、画像修正などを行っているサイトの Before・After 画像を表示するのにピッタリなプラグインではないでしょうか。

インストール方法

WordPress のダッシュボードにて、「プラグイン」＞「新規追加」をクリック、検索窓に「TwentyTwenty」と入力して「今すぐインストール」をクリック・有効化します。
※「Twenty Twenty」と間にスペースを入れてしまうと出てこないのでご注意下さい！

【設定不要】2枚の画像をスライドで簡単比較できる無料プラグイン「TwentyTwenty」

使用方法

「Twenty Twenty」は、設定不要でそのまま使用できます。

使用方法ですが、まずは並べたい画像 2枚を用意して…
2枚の画像を [twentytwenty] と [/twentytwenty] で挟むだけ！簡単♪

【設定不要】2枚の画像をスライドで簡単比較できる無料プラグイン「TwentyTwenty」

[twentytwenty]
<img src="https://byrd.jp/wp-content/uploads/digital1637-1.jpg" />
<img src="https://byrd.jp/wp-content/uploads/digital2173-1.jpg" />
[/twentytwenty]

上がビジュアルリッチエディター、下がテキストエディターでの記述です。

この記事は役に立ちましたか？

Facebookページ作成時に「市区町村と都道府県を入力してください」と表示され次に進めなくなる問題の原因と解決策。【拡張機能・専用ソフト不要】Google Chrome で縦に長いウェブページ全体のスクリーンショットを撮影する方法

スタートミーアップ合同会社

コラム

コラム

関連記事

【初心者向け】便利な WordPress 無料プラグイン「第一回 Google XML Sitemaps」

6月29日・30日 スタートミーアップが愛媛県で SNS を活用した集客メソッドに関するセミナーを開催します。

【公開までたった2時間】ペライチでランディングページ（LP）立ち上げてみたら驚くほど簡単だった！

【初心者向け】便利な WordPress 無料プラグイン「第二回 Edit Author Slug」

世界中のダウンロード数をリアルタイムで確認できる WordPress カウンターが面白い！

入力したURLに自動でリンク（a href タグ）を設定してくれるWordPressの無料プラグイン「External Links」

6月29日・30日スタートミーアップが愛媛県で SNS を活用した集客メソッドに関するセミナーを開催します。