WordPressでウェブサイトを運営する際、特に高画質の商品画像や写真が掲載されている場合、画像ズーム機能が特に重要になります。WordPressはデフォルトではこの機能をサポートしていませんが、プラグインの助けを借りて、簡単に画像ズーム効果をウェブサイトに追加することができます。このプラグインの使い方をご紹介します。WP Image Zoom プラグインWordPressに画像の拡大縮小機能を追加
![Images[1] - WordPressサイトに強力な画像スケーリングを与えるシンプルな設定](https://www.361sale.com/wp-content/uploads/2025/04/20250426143230718-image.png)
WP Image Zoomプラグインをインストールする
WP Image Zoomプラグインをインストールし、有効化する必要があります。以下の手順に従ってください:
- WordPressのバックエンドにログインします。
- 左メニューの プラグイン → プラグインのインストール.
- 検索ボックスに入力 WPイメージズーム.
- 打点 取付インストールが完了したら コミッション プラグインを有効にします。
![画像[2] - WordPressウェブサイトの強力な画像スケーリングのためのシンプルな設定](https://www.361sale.com/wp-content/uploads/2025/04/20250426141937756-image.png)
インストールが完了したら、画像のスケーリング設定のカスタマイズを開始できます。
プラグインの設定
- プラグインを有効化した後、WP Image Zoomの設定オプションを見つけ、それをクリックします。
![画像[3] - WordPressウェブサイトの強力な画像スケーリングのためのシンプルな設定](https://www.361sale.com/wp-content/uploads/2025/04/20250426142044326-image.png)
- プラグインの設定画面では、主に2つの設定オプションが表示されます:一般設定歌で応えるズーム設定.私たちは、次のような点に重点を置く。ズーム設定.
![画像[4] - WordPressウェブサイトの強力な画像スケーリングのためのシンプルな設定](https://www.361sale.com/wp-content/uploads/2025/04/20250426142224717-image.png)
レンズ形状の選択
WP Image Zoomでは、お好みに合わせて4種類のレンズ形状からお選びいただけます:
- カメラレスこのオプションは、画像の上にマウスポインタを置くと自動的にズームインします。
- 丸レンズカメラのような円形のレンズ。
- 角型レンズよりシャープな倍率のスクエアレンズ。
- ズーム・ウィンドウこのオプションは、ズーム・ウィンドウを使用して、ズーム・インの効果を確認します。
![画像[5] - WordPressウェブサイトの強力な画像スケーリングのためのシンプルな設定](https://www.361sale.com/wp-content/uploads/2025/04/20250426142316323-image.png)
お好きなレンズシェイプを選んだら、ページ下部の画像にカーソルを合わせるとレンズ効果を見ることができます。
カスタムズーム効果
WP Image Zoomプラグインには、以下のような詳細なカスタマイズオプションがあります:
- レンズサイズと透明度レンズの大きさ、枠の太さ、枠の色、透明度などを調整します。
- アニメーション効果ズーム効果のアニメーション方法を設定し、視覚効果を高めます。
- ズーム・ウィンドウズーム・ウィンドウ・オプションが選択されている場合、ウィンドウの幅、高さ、境界線の太さ、影の効果を調整することもできます。
![画像[6] - WordPressウェブサイトの強力な画像スケーリングのためのシンプルな設定](https://www.361sale.com/wp-content/uploads/2025/04/20250426142640490-image.png)
これらの設定により、ウェブサイトのデザインスタイルに応じてズーム効果を正確に調整することができます。
WordPressの投稿にズーム効果を設定する
- ワードプレスのバックエンドで、新しい投稿を作成し、画像をアップロードする。
![画像[7] - WordPressウェブサイトの強力な画像スケーリングのためのシンプルな設定](https://www.361sale.com/wp-content/uploads/2025/04/20250426142754492-image.png)
- 画像を選択した後、右側のブロックセッティングパネルでタイプオプション
![Images [8] - WordPressウェブサイト上で強力な画像のスケーリングを行うためのシンプルな設定](https://www.361sale.com/wp-content/uploads/2025/04/20250426142826440-image.png)
- スタイル設定で ズーム効果を有効にする オプション
![Images [9] - WordPressウェブサイトの強力な画像拡大縮小のためのシンプルな設定](https://www.361sale.com/wp-content/uploads/2025/04/20250426142848769-image.png)
- 完了したら ポスト.
公開後、記事にアクセスすると、画像のズーム効果が正常に適用されていることがわかります。
概要
WP Image Zoomプラグインを使えば、WordPressウェブサイトに画像ズーム機能を簡単に追加することができ、ユーザーは画像の詳細をより詳細に見ることができ、全体的なユーザー体験を向上させることができます。Eコマースサイトであれ、コンテンツショーケースサイトであれ、画像ズーム機能はウェブサイトのインタラクティブ性を高める素晴らしい方法です。
WordPressに関連するチュートリアルや情報については、以下を参照してください。光子ゆらぎネットワーク最も充実したWordPressチュートリアルと、最もアクティブなWordPress Exchange コミュニティ.
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/52265この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。























![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし