WePOP

説明

WePOP は、WordPress 用の軽量で jQuery 不要のポップアッププラグインです。
外部ライブラリやショートコードに依存せず、画像や動画をシンプルでレスポンシブなポップアップ表示で閲覧できます。

純粋な JavaScript のみで構築された WePOP は、モダンな WordPress テーマ環境において、長期的な信頼性と安定したパフォーマンスを提供します。

WePOP は 3 つのポップアップグループ化モードを提供し、ページ内の画像構成を柔軟に制御できます。
これは、ポートフォリオ、写真サイト、飲食店メニューなど、 1 ページ内に複数のギャラリーを含むサイトで特に有効です。

WePOP は、実際のクライアントワーク経験を持つ日本の制作者 WeDOK (今田一浩 ) によって開発されています。必要十分な機能と、一貫した使いやすさを重視しています。

⚙️ 1.6.1 の新機能

  • YouTube / Vimeo / MP4 動画のポップアップ表示に対応
  • ブロックサイドバーから、画像ごとに ポップアップを無効化 できる機能を追加
  • より安全なポップアップ起動のため、ファイル種別判定を改善
  • グループ化されたスライドショーの挙動を改善し、遷移をより滑らかに
  • 設定画面に基本情報セクションを追加
  • 対応しているすべての言語の翻訳を更新

⚙️ ポップアップの動作条件

WePOP はリンク先を自動判別し、URL が以下の対象を指している場合のみポップアップを起動します:

  • 画像ファイル (jpg / jpeg / png / gif / webp)
  • 動画 URL (YouTube / Vimeo)
  • MP4 ファイル

リンク先のファイル形式が対応外の場合、ポップアップは起動しません。
これにより、外部 URL やメディア以外のリンクによる予期しない動作を防ぎます。

※ YouTube / Vimeo の動画は、動画のプライバシー設定によって再生が制限される場合があります。
一部の動画は、第三者サイトへの埋め込みが許可されていません。

⚙️ ポップアップモード

画像をどのようにポップアップ表示でグループ化するかを選択できます

  • ギャラリーブロック単位でグループ化
    WordPress のギャラリーブロック内の画像のみが、スライドショーとしてグループ化されます。
    複数のギャラリーブロックは、それぞれ独立したグループになります。
    それ以外の画像は個別に表示されます。

  • すべての画像をグループ化
    投稿内のすべての画像リンクが、配置に関係なく1つのグループとしてまとめて表示されます。

  • グループ化しない
    各画像はナビゲーション矢印なしで、個別のポップアップとして表示されます。

※ ギャラリーのグループ化設定は、プラグイン設定画面から変更できます。

⚙️ 代替テキスト (Alt ) を表示

ポップアップ画像の下に画像の alt 属性 を表示します。
これによりアクセシビリティが向上し、カスタムフィールドを使わずに簡単なキャプションを表示できます。

🌐 言語サポート

WePOP は管理画面の表示を多言語に対応しています。
設定画面からプラグインの表示言語を切り替えることができます。

対応している言語

  • 🇯🇵 日本語
  • 🇺🇸 英語
  • 🇪🇸 スペイン語
  • 🇫🇷 フランス語
  • 🇩🇪 ドイツ語
  • 🇨🇳 中国語 (簡体字)
  • 🇮🇹 イタリア語
  • 🇰🇷 韓国語
  • 🇧🇷 ポルトガル語 (ブラジル)

📝 WePOP 公式日本語ドキュメント

https://wedok.jp/tools/wepop/

WePOP は、従来のライトボックスプラグインのような重さや複雑さを避け、高速・シンプル・信頼性の高いポップアップツールを求める開発者、フォトグラファー、デザイナー、クリエイターに最適です。

スクリーンショット

  • プラグイン設定画面
  • エディターで画像ごとに「ポップアップ無効」を切り替え
  • 単一画像のポップアップ表示
  • ナビゲーション付きギャラリースライドショー
  • YouTube ポップアップの例
  • Vimeo ポップアップの例
  • MP4 ポップアップの例

インストール

  1. WordPress 管理画面から

    • プラグイン > 新規追加 に移動します
    • WePOP を検索します
    • 今すぐインストール をクリックし、その後 有効化 します
    • 設定 > WePOP から設定を行います
  2. 手動インストール

    • wepop フォルダを /wp-content/plugins/ にアップロードしてください
    • プラグインメニューから有効化します
    • 設定 > WePOP から設定を行います

有効化すると、WePOP は対応しているメディアリンクを自動的に処理します。

FAQ

1. WePOP に jQuery は必要ですか ?

いいえ。WePOP は純粋なバニラ JavaScript で構築されており、外部ライブラリへの依存は一切ありません。

2. YouTube / Vimeo で「This video cannot be played」と表示されるのはなぜですか ?

動画の投稿者側の設定により、外部サイトへの埋め込みが許可されていない場合があります。
その場合、ポップアップは開きますが、再生できないことがあります。

3. サイトでポップアップが動作しないのはなぜですか ?

よくある原因は次のとおりです:
JavaScript / CSS を結合・圧縮するキャッシュ系プラグイン
– HTML 出力を書き換えるプラグイン
– リンクの挙動を強制的に変更するテーマ

WePOP が動作しない場合は、次の設定を無効にしてみてください:
– JS / CSS の圧縮 (minification)
– スクリプトの結合 (Script combination)
– 画像を追加タグでラップする遅延読み込み (Lazy-loading)

4. Classic Editor でも使用できますか ?

はい。
ギャラリーのグループ化は Gutenberg のギャラリーブロックでのみ機能しますが、ポップアップ自体は通常どおり動作します。

5. 古い WordPress バージョンでも動作しますか ?

推奨環境:WordPress 5.0以上
それ以前のバージョンでも動作する場合がありますが、 Gutenberg のギャラリー機能が制限されることがあります。

6. NextGEN のようなギャラリープラグインに対応していますか ?

画像のポップアップ自体は動作する場合がありますが、 NextGEN は独自の HTML を出力するため、グループ化は機能しません

7. MP4 動画ポップアップに関する注意点

WePOP で MP4 動画を使用する場合

  1. MP4 ファイルは、WordPress のメディアライブラリにアップロードしてください。
  2. 動画や画像のリンクは、WordPress のメディアライブラリに登録されたファイル URL を使用してください。
  3. 外部の MP4 ファイルやストリーミングサーバーへの直接リンクは避けてください。

外部の MP4 URL は、サーバー設定、MIME タイプの問題、またはブラウザのセキュリティ制限により、正常に再生できない場合があります。

評価

このプラグインにはレビューがありません。

貢献者と開発者

WePOP はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“WePOP” は1ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“WePOP” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.6.1

  • YouTube、Vimeo、MP4 動画のポップアップ表示に対応
  • エディターのサイドバーに、画像ごとの「ポップアップ無効」設定を追加
  • ファイル形式判定とポップアップ起動ロジックを改善
  • グループ化有効時のスライドショー遷移を改善
  • 設定画面に基本情報の表示を追加
  • 翻訳を更新し、言語表現の一貫性を改善

1.6.0

  • ポップアップモード設定を追加 (ギャラリー / すべて / なし)
  • スマートフォンでのスワイプ操作によるナビゲーションを追加
  • ポップアップ表示中は背景のスクロールを無効化
  • イタリア語、韓国語、ポルトガル語 (ブラジル) の 3 言語を追加
  • 翻訳テンプレートを更新

1.5.4

  • 「グループ化しない」モードの文言を更新
  • 不足していた gettext ラッパーを追加
  • .pot および ja_JP 翻訳ファイルを更新

1.5.3

  • 画像のグループ化モード設定を追加
  • ギャラリーモード時、単体画像は個別に表示
  • 多言語読み込みシステムを改善
  • 翻訳を更新

1.5.2

  • 属性の命名を data-wepop に修正
  • ドキュメントおよび翻訳を改善

1.5.1

  • 多言語インターフェースを改善
  • 設定画面の UI を更新

1.5

  • 初回公開リリース