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

2019年11月20日
2020年04月22日

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 で縦に長いウェブページ全体のスクリーンショットを撮影する方法

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

コラム

コラム

関連記事

【2020年度版】Facebook（フェイスブック）ページのカバー画像をパソコン・スマホでピッタリ表示するには？最適なサイズ考察まとめ

【拡張機能・専用ソフト不要】Google Chrome で縦に長いウェブページ全体のスクリーンショットを撮影する方法

【プラグイン不要】WordPressの個別投稿・固定ページに JavaScript を追加する方法

【WordPress 5.0】新エディタ「Gutenberg（グーテンベルグ）」をプラグインを使って簡単に旧エディタに戻す方法とその手順。

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

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