【設定不要】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 無料プラグイン「第四回 Duplicate Post」

【プラグイン不要】WordPress の記事内に「この記事を書いた人」をプラグインなしで自作する方法。

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

ウェブサイト運営は作ってからが勝負！突破口を切り開く “PDCA” でアクセスを増やす！

スタートミーアップ、ココナラ辞めました！

ブログってどんなこと書いてますか？「ユーザーに刺さるブログ記事」って何？