WordPress 拡大画像をポップアップで表示させるプラグイン Easy FancyBox

本日のトレンドキーワードでAmazon検索

概要説明

画像の拡大表示を簡単に実装できるプラグインEasy FancyBox。同一画像での拡大表示や拡大表示は別の画像を表示もできます。jqueryが導入されていれば簡単に使用できます。ドラゴンボール 作画 ミスのいち場面を拡大画像でご紹介。

拡大画像を簡単に設定

Easy FancyBox – WordPress Lightbox Plugin – プラグイン

縮小画像と拡大画像を同じものを使用する場合

WordPress 拡大画像をポップアップで表示させるプラグイン Easy FancyBox

メディアファイルを選択する際にリンク先をメディアファイルにする

WordPress 拡大画像をポップアップで表示させるプラグイン Easy FancyBox

縮小画像と拡大画像で別のファイルを使用する場合

WordPress 拡大画像をポップアップで表示させるプラグイン Easy FancyBox

拡大表示を確認することでなぜこの画像を使ったかがわかります。ヒント「亀」

拡大表示用の画像をメディアにアップロード

こちらは拡大表示用なので挿入は行いません。画像のURLをコピーしておきましょう。

WordPress 拡大画像をポップアップで表示させるプラグイン Easy FancyBox

リンク設定から拡大画像用のURLを設定することで縮小画像と拡大画像を変えることが出来ます

関連機能

  1. WordPress現在表示しているページのプログラムファイルを表示させるプラグイン Show Current Template

  2. WordPress の縮小版の画像を一括で作り直す Regenerate Thumbnails（大きさを変えた・足したとき）

  3. WordPress Simply Staticプラグインを使用している際に code 429 Too Many Requestsが発生

サイドバー

よく使うカスタマイズ

  1. ローカル環境構築ツール「Local」でWordPress作業環境を構築 ( Windows,Mac対応 )

    2024.04.13

  2. Simply Static で WordPress を静的 HTML にし、.htaccess で HTML があれば返す方法（ログイン中・検索・送信は WordPress へ）

    2024.04.12

  3. DBキャッシュ機能を実装 外部データなど任意の情報を一定期間キャッシュさせる

    2024.03.2

  4. functions.php処理内のデータをdebug.logに出力する

    2024.02.23

  5. WordPress 永続オブジェクトキャッシュAPC設定を設定して高速化 (エックスサーバー)

    2024.02.20

最近の記事

  1. エックスサーバーの WAF をどこまでオンにするか：コードの記事を載せるサイトでの考え方

    2026.10.16

  2. PHP 8 で ” == 0 が false になり、カテゴリーのボタンが消えた：文字と数の比べ方の変更と、テーマの直し方

    2026.10.15

  3. 公開フォルダに残った古い PHP スクリプトの見つけ方と片付け方：手元のコピーで探して、外から開かずに片付ける

    2026.10.14

  4. TCD テーマのページビルダーの中身が消えたときの原因と戻し方（リビジョンから page_builder をコピーする）

    2026.10.13

  5. WordPress で使っていない大きさの画像を探して安全に消す（これから作らせない設定つき）

    2026.10.13

実績・評価 実績・評価
WordPressセキュリティー診断サービス WordPressセキュリティー診断サービス
ご依頼はこちら ご依頼はこちら

Profile

プロフィール

フリースタイル

フリースタイルフリーランス・Webクリエイター

フリーランスとしてWebのお仕事を行っております。制作作業の合間にコンテンツの作成、思いついたアイデアを形にしています。

ランサーズ - 受賞歴

  • ・2024 ランサーランキング 岡山代表
  • ・2024 ランサーランキング Webｴﾝｼﾞﾆｱ 13位
  • ・全国プロフリーランスマップ2023 岡山代表
  • ・2022 ランサーランキング 報酬部門 TOP 100
  • ・2021 ランサーランキング 報酬部門 TOP 100

運営サイト

ChatGPT活用 AIで作業負担を減らすためのアイデア集

PAGE TOP