シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

ベスト・ビフォーアフター・ワードプレス・プラグイン

5 Best Before and After WordPress Plugins (With Slide Effect) 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー reviewer avatar Turner John
reviewer avatar Turner John
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

あなたは最高のビフォーアフターWordPressプラグインをお探しですか?

あなたのサイトにビフォーアフター画像比較スライダーを追加することで、訪問者があなたの製品やサービスを使用した後の効果を見ることができます。また、競合他社と製品を比較したり、特定の機能を強調するために使用することもできます。

この記事では、あなたのWordPressウェブサイトで使用するのに最適なビフォーアフターのWordPressプラグインを紹介します。

WordPressのビフォーアフター・プラグインとは?

ビフォーアフタースライダープラグインは、訪問者が2つの異なる画像の間にスライダーをドラッグすることができますあなたのウェブサイトのためのアドオンです。ハンドルをドラッグすると、1つの画像が次の画像に切り替わります。

多くのウェブサイトは、製品やサービスの効果を強調するためにbefore afterプラグインを使用しています。例えば、同じ人がエステやメークアップを受ける前と後の写真を見せることができます。

あるいは、このタイプのプラグインは、複雑なトピックを図解して説明するのに役立ちます。例えば、気候変動についての意識を高めたいとしましょう。その場合、ビフォーアフターウィジェットを使って、地球温暖化の影響前と影響後の同じ風景の写真を表示することができます。

WordPressプラグインのビフォーアフター

結局のところ、ビフォーアフターのWordPressプラグインは、WordPressウェブサイトの所有者が簡単に2つの画像の違いや類似点を示すのに役立ちます。

では、最高のWordPressビフォーアフター・スライダー・プラグインは何でしょうか?調べてみよう。

最高のWordPressビフォーアフター・プラグイン

以下に、あなたのWordPressウェブサイトに最適なビフォーアフター・プラグインをご紹介します。各プラグインの仕組みや機能性、モバイルフレンドリーかどうか、使いやすさなどを見ていきましょう。

ビデオガイド

1.シードプロ

SeedProd WordPressウェブサイトビルダー

SeedProdは、WordPressのための最高のドラッグアンドドロップウェブサイトビルダーです。そのユーザーフレンドリーなビジュアルインターフェースにより、ランディングページ、多目的WordPressテーマ、柔軟なサイドバーレイアウトをコードなしで作成することができます。

SeedProdのWordPressブロックを使って、ウェブサイトのどのエリアもカスタマイズすることができます。画像ギャラリー、価格テーブル、コールトゥアクションボタン、カウントダウンタイマーなど、高度な機能でサイトを強化することができます。

そのブロックのひとつが、強力なBefore Afterトグルです。これを使えば、2つの画像を表示して、その違いを並べて比較することができます。

トグル前後のSeedProd

このブロックには、水平と垂直のレイアウト、オーバーレイの前後の色、ラベルが含まれています。また、インタラクティブな画像スライダーや、タイポグラフィ、色、パディング、スペーシングなどの高度なカスタマイズも設定できます。

SeedProdは100%モバイルフレンドリーなので、すべてのデザインがさまざまなモバイルデバイスに完璧に適応します。さらに、ライブモバイルプレビュー機能や、モバイルまたはデスクトップデバイス上で特定のデザイン要素を表示または非表示にするオプションも含まれています。

このプラグインを使えば、HTML、CSS、jQuery、ショートコードの知識は一切必要ありません。完全にコードフリーなので、開発者の手を借りずにサイトのあらゆる部分を視覚的にカスタマイズすることができます。

SeedProdは、人気のWordPressプラグインやテーマとの完全な互換性を提供します。また、主要なメールマーケティングツール、WooCommerce、Zapierともシームレスに動作します。

特徴

価格SeedProdの価格は年間39.50ドルから。

WordPressプラグインBEAFビフォーアフター

BEAFはWordPress用の無料のビフォーアフター画像スライダーです。あなたのサイトにスライダーを無制限に追加でき、2つの画像の比較を簡単に表示できます。

このプラグインは、水平と垂直のレイアウト、タイトル、説明、続きを読むボタンが付属しています。また、ラベルや背景色のカスタマイズも可能です。

管理画面は直感的で使いやすく、便利なショートコードジェネレーターを備えています。また、あなたのWordPressサイト上の任意の場所にビフォーアフターの写真を埋め込むことができます。

特徴

  • マルチカラムのビフォーアフター画像ギャラリー
  • オーバーレイを無効にする機能
  • マウスホバーオプション
  • スライダーテンプレート
  • SEOフレンドリー・ディスクリプション
  • 100%モバイル対応

BEAFは、WPBakery、Elementor、Visual Composer、Divi、Beaver Builder、WordPressブロックエディタ(Gutenberg)など、人気のページビルダーもサポートしています。

価格BEAFの無料版はWordPressのプラグインリポジトリからダウンロードできます。プロ版の価格は年間19ドルからです。

3.究極のアドオン ビフォーアフタースライダー

アルティメット・アドオン ビフォー・アフター・スライダー

Ultimate Addonsは、ページビルダーの機能を拡張する有名なWordPressプラグインです。Elementor Before and After Slider用のUltimate Addonsを使えば、WordPressサイトにレスポンシブ画像比較を素早く簡単に追加できます。

画像やスクリーンショットのサイズ変更、スライダーの向きや配置の設定、特定の色のカスタマイズなど、SeedProdと同様の機能を提供しています。また、縦型と横型のスライダーを選択したり、1つのページに複数のスライダーを追加することもできます。

Ultimate Addonsのちょっとした落とし穴は、ウェブサイトに別のWordPressプラグインを追加する必要があることです。SeedProdのようなプラグインは、1つのプラグインでビジュアルページ構築とビフォーアフター機能を提供します。

特徴

  • レスポンシブ・ビフォー・アフター・スライダー
  • Elementorページビルダーとの互換性
  • このプラグインには、他にも多くのウィジェットとモジュールが含まれています。
  • カスタマーサポートのための豊富なナレッジベースとチュートリアル

価格アルティメットアドオンバンドルは年間57ドルから。

4.ビフォーアフター

Twenty20 Before and After WordPressプラグイン

Twenty20 Image Before-Afterは、もう一つの無料のビフォーアフターWordPressプラグインです。このプラグインを使用すると、メディアライブラリから2つの画像を並べて表示することができますので、ウェブサイトの訪問者が違いを比較することができます。

このプラグインは、シンプルなWordPressプラグインです。

このプラグインはスライドショーウィジェットのパラメータを設定するためにショートコードを使用します。画像サイズ、前後のテキスト、スライダーの方向、オフセット、整列などを入力してショートコードをカスタマイズできます。

Twenty20は人気のページビルダーにも対応しており、初心者の方でもビフォーアフターのスライダーを視覚的にサイトに追加することができます。

特徴

  • レスポンシブ・モバイル・フレンドリー
  • 最小限のユーザーインターフェース
  • 画像のaltを画像のaltとタイトルとして使用できます。
  • 人気のページビルダーをサポート

価格このプラグインは完全に無料です。

5.画像比較ブロック

画像比較ブロック WordPress

画像比較ブロックは、ブロガーや中小企業サイトのための超シンプルなビフォーアフターWordPressプラグインです。あなたのウェブサイトの訪問者が水平または垂直レイアウトで2つの画像を比較することができます。

このプラグインはWordPressのテキストエディタ内で動作し、WordPressブロックを使ってウィジェットを設定することができます。

ブロックの設定には、スライダーの表示比率や向きを変更したり、スワイプ、クリック、ホバーでの移動から選択するオプションが含まれています。さらに、オーバーレイやテキストの色、ラベル、タイポグラフィなどを数回のクリックで変更できます。

特徴

  • スライダーハンドルの動きをコントロール
  • ビフォーアフター用カスタムラベル
  • ラベルの位置とスタイルのオプション
  • オーバーレイ機能
  • ワードプレス専用ブロック

価格Image Comparison Blockは無料のWordPressプラグインで、プレミアムバージョンはありません。

このガイドの解決策を比較した結果、ビフォーアフター画像の表示に最適なプラグインはどれでしょうか?

どのBefore Afterプラグインがベストか?

私たちは、WordPressのための最高のビフォーアフタープラグインはSeedProdであると考えています。ビフォーアフターウィジェットに必要な全ての機能が含まれている一方で、コードなしでWordPressサイトのあらゆるエリアを編集することができます。

SeedProdは、高速で、軽量で、使いやすく、反応が速い。何を待っているのですか?

私たちは、この記事があなたのウェブサイトに最適なビフォーアフターのWordPressプラグインを見つけるのに役立ったことを願っています。ここにいる間、これらの他の比較も気に入るかもしれません:

お読みいただきありがとうございました!ご質問やご意見がありましたら、お気軽にコメントをお寄せください。

また、YouTubeX(旧Twitter)Facebookでも、ビジネスの発展に役立つコンテンツを配信しています。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。