WordPressサイトで強力な画像スケーリングを行うためのシンプルな設定

WordPressでウェブサイトを運営する際、特に高画質の商品画像や写真が掲載されている場合、画像ズーム機能が特に重要になります。WordPressはデフォルトではこの機能をサポートしていませんが、プラグインの助けを借りて、簡単に画像ズーム効果をウェブサイトに追加することができます。このプラグインの使い方をご紹介します。WP Image Zoom プラグインWordPressに画像の拡大縮小機能を追加

Images[1] - WordPressサイトに強力な画像スケーリングを与えるシンプルな設定

WP Image Zoomプラグインをインストールする

WP Image Zoomプラグインをインストールし、有効化する必要があります。以下の手順に従ってください:

  • WordPressのバックエンドにログインします。
  • 左メニューの プラグインプラグインのインストール.
  • 検索ボックスに入力 WPイメージズーム.
  • 打点 取付インストールが完了したら コミッション プラグインを有効にします。
画像[2] - WordPressウェブサイトの強力な画像スケーリングのためのシンプルな設定

インストールが完了したら、画像のスケーリング設定のカスタマイズを開始できます。

プラグインの設定

  • プラグインを有効化した後、WP Image Zoomの設定オプションを見つけ、それをクリックします。
画像[3] - WordPressウェブサイトの強力な画像スケーリングのためのシンプルな設定
  • プラグインの設定画面では、主に2つの設定オプションが表示されます:一般設定歌で応えるズーム設定.私たちは、次のような点に重点を置く。ズーム設定.
画像[4] - WordPressウェブサイトの強力な画像スケーリングのためのシンプルな設定

レンズ形状の選択

WP Image Zoomでは、お好みに合わせて4種類のレンズ形状からお選びいただけます:

  • カメラレスこのオプションは、画像の上にマウスポインタを置くと自動的にズームインします。
  • 丸レンズカメラのような円形のレンズ。
  • 角型レンズよりシャープな倍率のスクエアレンズ。
  • ズーム・ウィンドウこのオプションは、ズーム・ウィンドウを使用して、ズーム・インの効果を確認します。
画像[5] - WordPressウェブサイトの強力な画像スケーリングのためのシンプルな設定

お好きなレンズシェイプを選んだら、ページ下部の画像にカーソルを合わせるとレンズ効果を見ることができます。

カスタムズーム効果

WP Image Zoomプラグインには、以下のような詳細なカスタマイズオプションがあります:

  • レンズサイズと透明度レンズの大きさ、枠の太さ、枠の色、透明度などを調整します。
  • アニメーション効果ズーム効果のアニメーション方法を設定し、視覚効果を高めます。
  • ズーム・ウィンドウズーム・ウィンドウ・オプションが選択されている場合、ウィンドウの幅、高さ、境界線の太さ、影の効果を調整することもできます。
画像[6] - WordPressウェブサイトの強力な画像スケーリングのためのシンプルな設定

これらの設定により、ウェブサイトのデザインスタイルに応じてズーム効果を正確に調整することができます。

WordPressの投稿にズーム効果を設定する

  • ワードプレスのバックエンドで、新しい投稿を作成し、画像をアップロードする。
画像[7] - WordPressウェブサイトの強力な画像スケーリングのためのシンプルな設定
  • 画像を選択した後、右側のブロックセッティングパネルでタイプオプション
Images [8] - WordPressウェブサイト上で強力な画像のスケーリングを行うためのシンプルな設定
  • スタイル設定で ズーム効果を有効にする オプション
Images [9] - WordPressウェブサイトの強力な画像拡大縮小のためのシンプルな設定
  • 完了したら ポスト.

公開後、記事にアクセスすると、画像のズーム効果が正常に適用されていることがわかります。

概要

WP Image Zoomプラグインを使えば、WordPressウェブサイトに画像ズーム機能を簡単に追加することができ、ユーザーは画像の詳細をより詳細に見ることができ、全体的なユーザー体験を向上させることができます。Eコマースサイトであれ、コンテンツショーケースサイトであれ、画像ズーム機能はウェブサイトのインタラクティブ性を高める素晴らしい方法です。

WordPressに関連するチュートリアルや情報については、以下を参照してください。光子ゆらぎネットワーク最も充実したWordPressチュートリアルと、最もアクティブなWordPress Exchange コミュニティ.


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はEarly Seasonが執筆しました。
終わり
好きなら応援してください。
クドス7 分かち合う
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし