説明
Cloudflare がダウンした際のエラー画面を模したブロックを追加します。公式の Cloudflare エラーページのように見えるエラーページを作成するために使用してください。
This plugin provides a Gutenberg block that displays a realistic Cloudflare error page mockup, perfect for:
– Creating custom 404 error pages
– Building error page templates
– Adding humorous error messages to your site
– Testing error page designs
Features
- Customizable Error Codes: Change the error code (e.g., 404, 500, 502) via block settings
- Customizable Messages: Edit the error message text to match your needs
- IP Address Display: Shows visitor IP address when they click “Click to reveal” (uses WordPress REST API, no external services)
- Authentic Design: Faithfully recreates the Cloudflare error page appearance
- Easy to Use: Simple block interface in the Gutenberg editor
このプラグインは cloudflare-error-page プロジェクトを基にし、Gutenberg エディター用の WordPress ブロックとして調整されたものです。
重要なお知らせ: このプラグインは Cloudflare, Inc. と提携しておらず、承認も受けておらず、また関係があるものではありません。本プラグインは教育および娯楽目的で作成された独立したプロジェクトです。
Usage
- After installing and activating the plugin, go to any page or post editor in WordPress.
- Click the + button to add a new block.
- Search for “CDN Error Mockups” or “Cloudflare” and select the block.
- The block will appear with default settings. You can customize:
- Error Code: Change the error code (e.g., 404, 500, 502, 503)
- Error Message: Edit the error message text
- Save or publish your page to see the error mockup on the frontend.
Example Use Cases
- Add to your site’s 404 page template
- Create a maintenance mode page
- Use in page templates for error handling
- Add to custom page templates
ソースコード
プラグインの JavaScript と CSS は、元のコードからビルドされています。人間が読みやすいコードは、GitHub の src/ ディレクトリにあります。
貢献方法
Contributions are welcome! Here are ways you can contribute:
- Report Bugs: Open an issue on GitHub
- Suggest Features: Share your ideas via GitHub issues
- Submit Pull Requests: Send pull requests with improvements or bug fixes
- Improve Documentation: Help improve the documentation
For more information, visit the GitHub repository.
クレジット
このプラグインは、donlon による cloudflare-error-page（MIT ライセンス）のアイデアと一部のコードに基づいています。詳細は THIRD_PARTY_LICENSES.md を参照してください。
スクリーンショット
「404 ページ」テンプレートに配置されたブロック 
エラーコードとメッセージは設定サイドバーで変更できます 
フロントエンドに表示される「404 ページ」
ブロック
このプラグインは1個のブロックを提供します。
- CDN Error Mockup – Cloudflare Adds a block that mimics the Cloudflare downtime error screen.
インストール
方法 1: WordPress プラグインディレクトリからインストール
- WordPress の管理画面で、プラグイン > 新規追加 に移動してください。
- 「CDN Error Mockups」を検索してください。
- 今すぐインストールをクリックし、有効化をクリックします。
方法2: 手動インストール
- WordPress プラグインディレクトリ からプラグインの ZIP ファイルをダウンロードしてください。
- WordPress の管理画面で プラグイン > プラグインを追加 > プラグインのアップロード に移動してください。
- ダウンロードした ZIP ファイルを選択し、今すぐインストールをクリックしてください。
- プラグインの画面よりプラグインを有効化します
FAQ
-
Is this plugin officially supported by Cloudflare?
-
No. This plugin is not affiliated with, endorsed by, or connected to Cloudflare, Inc. It is an independent project created for educational and entertainment purposes.
-
Can I customize the error code and message?
-
Yes! You can customize both the error code and error message through the block settings sidebar in the Gutenberg editor.
-
Does this plugin collect user data?
-
The plugin displays visitor IP addresses when they click “Click to reveal” using WordPress’s built-in REST API endpoint. No external services are used, and no data is sent outside your WordPress installation. The IP address is determined from server variables (Cloudflare headers, proxy headers, or standard remote address).
-
What WordPress version is required?
-
This plugin requires WordPress 6.9 or higher and PHP 8.0 or higher.
-
Can I use this on multiple pages?
-
Yes! You can add the block to any page, post, or template as many times as you need.
評価
このプラグインにはレビューがありません。
貢献者と開発者
変更履歴
1.0.3
- Current stable version
1.0.0
- 初回リリース