Pixelium, Inc.

Hiroshi Sato

<p>Adds a block that mimics the Cloudflare downtime error screen. Use it to create error pages that look like the official Cloudflare error pages.</p>
<p>This plugin provides a Gutenberg block that displays a realistic Cloudflare error page mockup, perfect for:<br />
– Creating custom 404 error pages<br />
– Building error page templates<br />
– Adding humorous error messages to your site<br />
– Testing error page designs</p>
<h4>Features</h4>
<ul>
<li><strong>Customizable Error Codes</strong>: Change the error code (e.g., 404, 500, 502) via block settings</li>
<li><strong>Customizable Messages</strong>: Edit the error message text to match your needs</li>
<li><strong>IP Address Display</strong>: Shows visitor IP address when they click “Click to reveal” (uses WordPress REST API, no external services)</li>
<li><strong>Authentic Design</strong>: Faithfully recreates the Cloudflare error page appearance</li>
<li><strong>Easy to Use</strong>: Simple block interface in the Gutenberg editor</li>
</ul>
<p>This plugin is based on the <a href="https://github.com/donlon/cloudflare-error-page" rel="nofollow ugc">cloudflare-error-page</a> project, adapted as a WordPress block for the Gutenberg editor.</p>
<p><strong>Important Notice:</strong> This plugin is not affiliated with, endorsed by, or connected to Cloudflare, Inc. This plugin is an independent project created for educational and entertainment purposes.</p>
<h3>Usage</h3>
<ol>
<li>After installing and activating the plugin, go to any page or post editor in WordPress.</li>
<li>Click the <strong>+</strong> button to add a new block.</li>
<li>Search for <strong>“CDN Error Mockups”</strong> or <strong>“Cloudflare”</strong> and select the block.</li>
<li>The block will appear with default settings. You can customize:
<ul>
<li><strong>Error Code</strong>: Change the error code (e.g., 404, 500, 502, 503)</li>
<li><strong>Error Message</strong>: Edit the error message text</li>
</ul>
</li>
<li>Save or publish your page to see the error mockup on the frontend.</li>
</ol>
<h4>Example Use Cases</h4>
<ul>
<li>Add to your site’s 404 page template</li>
<li>Create a maintenance mode page</li>
<li>Use in page templates for error handling</li>
<li>Add to custom page templates</li>
</ul>
<h3>Source Code</h3>
<p>The plugin’s JavaScript and CSS are built from source. The human-readable source is in the <code>src/</code> directory on <a href="https://github.com/sato-jp/cdn-error-mockups" rel="nofollow ugc">GitHub</a>.</p>
<h3>Contributing</h3>
<p>Contributions are welcome! Here are ways you can contribute:</p>
<ul>
<li><strong>Report Bugs</strong>: Open an issue on <a href="https://github.com/sato-jp/cdn-error-mockups/issues" rel="nofollow ugc">GitHub</a></li>
<li><strong>Suggest Features</strong>: Share your ideas via GitHub issues</li>
<li><strong>Submit Pull Requests</strong>: Send pull requests with improvements or bug fixes</li>
<li><strong>Improve Documentation</strong>: Help improve the documentation</li>
</ul>
<p>For more information, visit the <a href="https://github.com/sato-jp/cdn-error-mockups" rel="nofollow ugc">GitHub repository</a>.</p>
<h3>Credits</h3>
<p>This plugin is based on the idea and some code from <a href="https://github.com/donlon/cloudflare-error-page" rel="nofollow ugc">cloudflare-error-page</a> by donlon (MIT License). See <a href="https://github.com/sato-jp/cdn-error-mockups/blob/main/THIRD_PARTY_LICENSES.md" rel="nofollow ugc">THIRD_PARTY_LICENSES.md</a> for details.</p>


CDN Error Mockups

Adds a block that mimics the Cloudflare downtime error screen.

naoyuki

Nao,Sungohan

<p>混雑状況を知らせてお客様の安心に繋げます。1ステップで御社のウェブサイトに数パターンの混雑状況を反映しましょう。</p>
<h3>概要</h3>
<p>オリジナルの信号機画像で混雑状況を段階的に掲載できます。アイドルタイムの呼び込みとして、「混雑時は避けたい」と考えるお客様へのアプローチにもぴったりです。</p>
<h4>BizSignalは全ての方に</h4>
<p>混んでェるさ-BizSignal-は、商店やスモールオフィスから大規模店までいずれのビジネスにも対応いたします。</p>
<h3>インストール方法</h3>
<ol>
<li><code>/wp-content/plugins/</code>ディレクトリ内にzipファイルを展開します。</li>
<li>管理画面の<code>プラグイン</code>メニューから有効化します。</li>
<li>メニューに「混んでェるさ」が追加されます。こちらから混雑状況を変更できます。</li>
<li>または、管理画面の<code>プラグイン</code>メニューから、<code>Bizsignal</code>と検索してみてください。より簡単にインストールできます。</li>
</ol>
<h3>よくある質問</h3>
<p>次のページをご覧ください。 <a href="https://icghn.com/bizsignal/questions/" rel="nofollow ugc">FAQs on icghn.com</a>.</p>
<h3>スクリーンショット</h3>
<ol>
<li>8タイプの信号イメージと文言があらかじめセットされています。</li>
<li>変更するには管理画面から選んで押すだけ。</li>
</ol>
<h3>変更履歴</h3>
<p>プラグインの変更履歴は次のページからご覧いただけます。 https://icghn.com/bizsignal/releases</p>


混んでェるさ-BizSignal

混雑状況を知らせてお客様の安心に繋げます。1ステップで御社のウェブサイトに数パターンの混雑状況を反映しましょう。

CDN Error Mockups vs 混んでェるさ-BizSignal