CDN Error Mockups

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

1. After installing and activating the plugin, go to any page or post editor in WordPress.
2. Click the + button to add a new block.
3. Search for “CDN Error Mockups” or “Cloudflare” and select the block.
4. 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
5. 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 を参照してください。