画像は、WPBeginnerを含むほとんどのウェブサイトにとって重要な部分です。
そのため、私たちは明確で理解しやすいスクリーンショットを作成するために多大な努力を払っています。時には、特定のセクションを「拡大」するために、静的な虫眼鏡効果を追加することさえあります。
あなた自身のウェブサイトで同様のトリックを使用したいですか？そうすれば、読者が画像を移動するのに合わせて動くダイナミックなズームを追加できます。
オンラインストアでの画像ズームの使用は非常に気に入っています。顧客が物理的な店舗で買い物をしているかのように、商品をより詳しく見ることができます。しかし、画像ズームは、高品質で詳細なグラフィックを使用するあらゆるウェブサイトに素晴らしい追加機能となります。
さらに良いことに、動的なズームを追加するのは複雑ではありません。適切なプラグインが必要なだけです。
それでは、このWP Image Zoomレビューでは、この人気の拡大プラグインを詳しく見ていきます。機能、サポート、価格を調べて、あなたにとって適切な画像拡大プラグインかどうかを確認します。
WP Image Zoomレビュー：WordPressでなぜ使うのか？
WP Image Zoom は、WordPressウェブサイトのあらゆる画像に動的な虫眼鏡効果を追加できます。また、WooCommerceとも完全に互換性があるため、商品画像にズーム効果を追加できます。
このように、訪問者は写真、インフォグラフィック、商品ギャラリー、その他の画像を詳しく見ることができます。デジタルアートやストックフォトを販売している場合、潜在的な顧客が細部を調べ、作品の品質を確認することを奨励することで、売上を伸ばすことができます。
WooCommerceストアを運営している場合、買い物客は商品を間近で見ることができ、棚から商品を取って実物で調べるのと似た体験ができます。
さらに、WP Image Zoomは完全にカスタマイズ可能なので、拡大ズームがどのように表示され、動作するかを正確に制御できます。複数の異なるレンズ形状、スタイリングオプション、アニメーション、ズームレベルなどを選択できます。
始めたばかりの方や予算が限られている場合は、WordPress.orgからWP Image Zoomのライトバージョンをダウンロードできます。
この無料プラグインを使用すると、WordPressブロックエディターのボタンをクリックするだけで、任意の画像にズームを追加できます。
ただし、プレミアムプラグインにはより多くのカスタマイズオプションが付属しています。これには、ズームレベルの変更、マウスのクリックでズームウィンドウをトリガーする、レンズサイズの変更などが含まれます。
WooCommerceユーザーの場合、無料プラグインは製品やWooCommerceカテゴリページにズーム効果を追加できます。ただし、アップグレードすると、製品バリエーションにも倍率を追加できます。
WP Image Zoomレビュー：あなたに適した画像ズームプラグインは？
オンラインストアを運営している場合、拡大効果はカスタマージャーニーとショッピング体験を最適化できます。多くの 写真ウェブサイトでも、画像拡大を使用して元の作品をより詳細に表示しています。
どのようなブログやウェブサイトを運営していても、適切なズームプラグインがあれば、訪問者はグラフィックを間近で探索するようになります。そこで、この WP Image Zoom レビューでは、それがあなたにとって適切な拡大プラグインかどうかを見ていきます。
1. セットアップと使用が簡単
WP Image Zoomは、セットアップと使用が簡単です。まず、他のWordPressプラグインと同様にインストールして有効化できます。
これが完了したら、レンズの形状、ズームレベル、アニメーション、カーソルの種類などを選択してズーム設定を構成できます。
さらに良いことに、WP Image Zoom にはライブプレビューがあり、いつでも変更を確認できます。これにより、さまざまな設定を試して、最適なものを確認できます。
ズームの設定が完了したら、その動作を設定できます。「一般」タブでは、WooCommerceの製品画像、サムネイル、添付ファイルページ、製品カテゴリページなどのさまざまなコンテンツタイプに対して虫眼鏡効果を有効または無効にできます。
投稿やページ でズーム効果を使用したいですか？
その後、通常どおり画像を追加し、「ズーム付き」ボタンをクリックするだけです。
それだけです！ WP Image Zoom は画像に拡大効果を追加し、プラグインの設定で定義したスタイルを使用します。
2. WooCommerceと完全に互換性があります
オンラインマーケットプレイスを運営していますか？WP Image Zoomを使用すると、訪問者に商品画像を拡大表示するオプションを提供できます。
さらに良いことに、WooCommerceと完全に互換性があるため、プラグインの設定でチェックボックスをオンにするだけです。それが完了すると、商品画像にズーム効果が追加されます。
さらに、WooCommerceの商品ページに拡大効果を追加することもできます。
ウェブサイトで商品バリエーションを使用していますか？潜在顧客が別のバリエーションを選択すると、WooCommerceは商品画像をその新しいバリエーションを表示するように変更します。
幸いなことに、WP Image Zoomはこの変更に対応するため、顧客はズームインしてさまざまな製品バリエーションを探索できます。
一部の WooCommerce テーマでは、WooCommerce ギャラリーにライトボックスが追加される場合もあります。この場合、WP Image Zoom にはこれらのサムネイル画像のライトボックスを削除する設定があり、メイン画像でのみ利用できるようになります。
3. モバイルフレンドリーな設定
私たちのインターネット利用統計によると、モバイルインターネットトラフィックはウェブトラフィック全体の約55%を占めています。そのため、ユーザーが使用しているデバイスに関係なく、すべてのユーザーに良い体験を提供したいと思うでしょう。
まず、プラグインの設定でモバイルユーザー向けの画像ズームを簡単に無効または有効にできます。
スマートフォンやタブレットで画像ズームを有効にすると、訪問者はどのデバイスを使用していても、画像をより詳細に調べることができます。
ただし、ウェブサイトや画像によっては、拡大効果がスマートフォンやタブレットでうまく機能しない場合があります。そのため、ウェブサイトのモバイルバージョンをテストして、ユーザーにとって最善の決定を下すことが重要です。ウェブサイトのモバイルバージョンをテストする。
4. 個々の画像にズームを適用
特定のランディングページやセールスページのヒーロー画像のように、特定の画像に虫眼鏡効果を追加したい場合があります。
前述の通り、WordPressコンテンツエディターを使用して、どの画像にもズームを追加できます。
無料プラグインでは、投稿ごとに1つの画像に制限されていることに注意してください。複数の画像に虫眼鏡効果を追加したい場合は、プレミアムプラグインにアップグレードする必要があります。
5. 複数のレンズ形状
WP Image Zoom を設定する際、複数のレンズ形状を選択できます。
図形を選択した後、サイズ、色、境界線、色合い、フェード時間を変更して、レンズの外観を微調整できます。
または、ズームウィンドウを使用することもできます。レンズの形状と同様に、ウィンドウの影、高さ、画面上の表示位置、メイン画像からの距離などを変更することで、ウィンドウの外観と動作を微調整できます。
最後に、拡大効果に形状を使用したくない場合は、「レンズなし」を選択できます。
「レンズなし」オプションを選択すると、拡大されたセクションは元の画像の境界内に表示されます。
6. 複数のズーム位置
プラグインを設定する際、ズームウィンドウを拡大された画像の右側または左側に表示できます。これにより、ウェブサイトのレイアウトに最適な場所、つまり通常ページに画像を配置する場所にウィンドウを正確に表示できます。
7.カスタマイズ可能なズームレベル
WP Image Zoomは、アップロードされた画像のフルサイズに基づいてズームレベルを自動的に計算できます。ただし、元の画像の1.5倍、2倍、2.5倍、または3倍にズームレベルを手動で調整することもできます。
8. アニメーションイージング効果
訪問者が画像を移動すると、ズームレンズがカーソルを追跡します。この動きをより自然でスムーズにするために、WP Image Zoomはアニメーションイージング効果と呼ばれる遅延を自動的に追加します。
このアニメーションを速くしたり遅くしたり、サイトからアニメーションのイージング効果を完全に削除することもできます。
いつものように、ライブプレビューでさまざまな設定をテストして、好みのスピードを確認できます。これにより、WordPressブログでのズームの外観をより細かく制御できます。
9. フェード効果の増減
デフォルトでは、WP Image Zoom はズームレンズが突然表示されたり消えたりするのではなく、フェードイン・フェードアウトするようにわずかな遅延を追加します。
必要に応じて、この効果をカスタマイズして、レンズのフェードイン・フェードアウトをより遅くしたり、フェード時間を短縮してより突然のアニメーションを作成したりできます。
10. 「マウスのクリック」と「マウスのホバー」を切り替える
デフォルトでは、訪問者がカーソルを画像の上にホバーすると、レンズまたはウィンドウが表示されます。
ただし、特にサイトに画像が多い場合、一部の訪問者は誤ってズームをトリガーする可能性があります。その場合は、プラグインの設定で「マウスのクリック」に切り替えることができます。これにより、訪問者は画像を拡大レンズまたはウィンドウで開くために画像をクリックする必要があります。
11.ライトボックス内でズームを有効にする
ウェブサイトにライトボックス効果を追加することで、訪問者が画像をより詳しく見たくなるように促すことができます。
ウェブサイトでライトボックスを使用している場合、朗報です。WP Image Zoomは、多くのギャラリープラグインと互換性があります。とはいえ、ライトボックスギャラリー内に虫眼鏡効果を追加できるため、訪問者はライトボックスウィンドウ内の特定のセクションにズームインできます。
12. Easy Digital Downloadsをサポート
電子書籍、ワークシート、ビデオ、音楽ファイルなどをオンラインで販売するために、Easy Digital Downloadsを使用していますか？
WP Image Zoomは、この人気のデジタルダウンロードプラグインと完璧に連携します。実際、Easy Digital Downloadsストア全体で、すべてのフィーチャー画像を自動的に拡大できます。
13. WordPressテーマでライトボックスを無効にする
前述のように、一部のテーマは WooCommerce ギャラリーにライトボックスを追加します。しかし、一部の WordPress テーマ は、さらに進んで、すべての画像にライトボックスを追加します。
すべての画像にライトボックスと画像ズームを追加すると、混乱を招く可能性があり、一般的なエラーやその他の奇妙な動作につながる可能性があります。幸いなことに、WP Image Zoom はテーマに組み込まれたライトボックスを無効にすることで、よりスムーズなユーザーエクスペリエンスを提供できます。
14. ギャラリープラグインとの互換性
WordPressウェブサイトで、すでに別のギャラリーまたはスライダープラグインを使用していますか？
その場合、WP Image Zoom はこれらのプラグインを使用して作成したギャラリーにズーム効果を適用できます。ギャラリープラグインによっては、ギャラリーを含む div のクラスを入力するだけで済む場合もあります。
または、ズーム効果を追加したいギャラリーのIPアドレスを入力することもできます。
15. WordPress ページビルダーに対応
ページビルダープラグインを使用していますか？ WP Image Zoomは、最も人気のある多くのページビルダーと完全に互換性があります。
選択したページビルダー内で、虫眼鏡効果を有効にしたい画像を選択するだけです。次に、ページビルダーの設定を使用して、画像に「zoooom」というCSSクラスを追加できます。
これで、プラグインの設定方法に応じて、訪問者は画像にカーソルを合わせるかクリックすることでズームレンズを起動できます。
16.コミュニティとプロフェッショナルサポート
WP Image Zoom は、ギャラリー、商品、ブログ投稿の画像に虫眼鏡を追加できるため、WordPress開発者を雇う必要はありません。さらにヘルプが必要な場合は、WP Image Zoom のウェブサイトで詳細なドキュメントを見つけることができます。
このナレッジベースには、プラグインの主要機能の使用方法に関する詳細なガイドと、WP Image Zoom を他の 必須のWordPressプラグイン と一緒に使用する方法に関するアドバイスが記載されています。
プレミアムプランにアップグレードすると、プロフェッショナルサポートも受けられます。ライセンスが失効した後もプラグインを使い続けることはできますが、プロフェッショナルサポートへのアクセスはできなくなることに注意してください。
ライセンスが期限切れになった場合、または無料プラグインを使用している場合は、WordPress.orgのWP Image Zoomフォーラムに質問や懸念事項を投稿できます。
公開サポートフォーラムに投稿する際は、専門家が問題を完全に理解し、役立つ回答を投稿できるように、できるだけ多くの情報を含めるようにしてください。このトピックの詳細については、WordPressサポートの適切な依頼方法に関するガイドをご覧ください。
WP Image Zoomレビュー：価格とプラン
WordPress.org から WP Image Zoom の lite バージョンをダウンロードできます。このプラグインでは、インナーズーム、丸型レンズ、角型レンズ、ズームウィンドウの拡大効果を選択できます。
ズームを設定した後、WooCommerceの商品画像、商品カテゴリ、ブログ投稿画像に適用できます。ただし、ページごとに1つの画像にのみズーム効果を適用できます。この制限を解除するには、プレミアムプラグインにアップグレードする必要があります。
アップグレード後、商品バリエーションに拡大を追加したり、ズームレベルを変更したり、その他の高度な機能にアクセスしたりすることもできます。
3つのプランから選択できます。他のいくつかの画像プラグインとは異なり、すべての3つのプランには完全な機能セットに加え、1年間のプロフェッショナルサポートとアップデートが含まれています。主な違いは、WP Image Zoomを使用できるウェブサイトの数です。
- 個人向け。年間 $78.90 で、単一の WordPress ブログ、ウェブサイト、またはオンラインストアで WP Image Zoom を使用できます。
- 開発者向け。年間 $157.90 で、最大 10 のウェブサイトで使用できます。とはいえ、複数のサイトを運営している場合、例えば関連するブログをいくつか持つような アフィリエイトマーケティング ネットワークを構築している場合には良い選択肢です。
- 大手エージェンシー。 WordPress開発エージェンシーを運営していますか？年間249ドルで、WP Image Zoomを最大50のウェブサイトにインストールできます。
WP Image Zoomレビュー：あなたに適した画像ズームプラグインは？
機能、サポート、価格を検討した結果、WP Image Zoomは優れた拡大プラグインであると確信しています。
このWP Image Zoomレビューをまとめると、無料バージョンには多くの重要な機能が付属しています。この無料プラグインを使用すると、ブログ画像やWooCommerce商品画像に拡大効果を追加できます。また、アニメーションのイージング効果、フェード時間、レンズが表示される画面上の場所を変更することで、デフォルトのズームを微調整することもできます。
ただし、プレミアムプラグインには追加機能が付属しています。特に、WooCommerceストアを実行している場合は、商品バリエーションにズーム効果を追加できるため、アップグレードすることをお勧めします。
ブログ画像に拡大機能を追加したい場合、プレミアムプラグインはページまたは投稿ごとに複数のズーム効果を適用することもできます。
このWP Image Zoomのレビューが、あなたにとって最適なズーム効果プラグインであるかどうかを判断するのに役立ったことを願っています。次に、最適なWebデザインソフトウェアの選び方に関するガイドをご覧になるか、WordPressおよびWooCommerce向けの最高のソーシャルプルーフプラグインの専門家のおすすめをご確認ください。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
WP Image Zoom ユーザーレビュー
コミュニティの他のユーザーを助けるために、WP Image Zoomのレビューを共有してください。