karasunouta

Dev Favicon Switcher helps you easily distinguish between your production and development environments. It automatically displays a different favicon based on the current URL, avoiding mistakes where you might accidentally edit the live site thinking it’s the development environment.
Key Features:
<ul>
<li>Automatic Environment Detection: Automatically applies the development favicon on common local domains (<code>.local</code>, <code>.test</code>, <code>.dev</code>).</li>
<li>Custom Development URLs: Specify exact URLs where the development favicon should appear (supports multiple URLs).</li>
<li>Easy Icon Management: Upload your own dev favicon using the WordPress media uploader, complete with built-in image cropping.</li>
<li>Restore Default Icon: Don’t have an icon handy? Easily apply our unified default development favicon with a single click.</li>
<li>Automatic Size Generation: Automatically generates all standard WordPress site icon sizes (32×32, 180×180, 192×192, 270×270) to ensure compatibility across all devices and browsers.</li>
<li>Admin Bar Styling: Customize the admin bar’s background and text colors to clearly identify your development environment at a glance, with a live preview and easy reset options.</li>
<li>No Frontend Bloat: Everything works efficiently via standard WordPress filters without adding unnecessary frontend scripts.</li>
</ul>
Perfect for developers working with local environments, staging servers, and migration tools like All-in-One WP Migration.
For a detailed setup and usage guide, please check out our <a href="https://karasunouta.com/en/wp-plugins/dev-favicon-switcher/" rel="nofollow ugc">detailed guide</a>.
Development Source: 
This plugin is developed using npm and webpack. You can find the human-readable source code and build tools in our <a href="https://github.com/karasunouta/dev-favicon-switcher" rel="nofollow ugc">public repository</a>.

Dev Favicon Switcher

Automatically switches your favicon (site icon) between production and development environments to prevent confusion.

Jewel Rana

Alada Favicon – Conditional Site Icons gives you full control over your site’s favicon at every level. Set a global override to replace WordPress’s default site icon, then go deeper by assigning a unique favicon to any individual page, post, category, or taxonomy term — all from the native WordPress admin, with zero file writes and zero .htaccess changes.
Built for developers and power users who need pixel-perfect branding across multi-section, multi-brand, or multilingual websites.
<h4>Key Features</h4>
Global Site Icon Override 
Upload a replacement favicon directly from the plugin Settings page. This replaces the icon set in Appearance → Customize → Site Identity for the entire site, without touching any theme files.
Per-Page / Per-Post Favicon 
Assign a unique favicon to any individual page or post. A clean media picker appears in both the Block Editor (Gutenberg) sidebar and the Classic Editor metabox. The icon is stored as post meta and resolved dynamically at runtime.
Per-Term / Per-Category Favicon 
Set a favicon for any taxonomy term (categories, tags, WooCommerce product categories, and any custom taxonomy). The icon appears on that term’s archive page. The favicon picker is injected into the standard WordPress Add Term and Edit Term screens.
Elementor Page Settings Integration 
A dedicated “Favicon” section is added to Elementor’s Page Settings panel. Designers can update the page favicon directly inside the Elementor editor.
Smart Priority Matrix 
When multiple rules exist for the same page, the plugin resolves the correct icon using a strict top-down priority:
<ol>
<li>Per-page / per-post meta (highest — singular views only)</li>
<li>Elementor per-page document settings</li>
<li>Per-term / taxonomy archive meta</li>
<li>Plugin global site icon (Settings page)</li>
<li>Native WordPress Core site icon (baseline fallback — never overwritten)</li>
</ol>
Settings Page (Settings → Alada Favicon) 
Choose which post types and taxonomies are eligible for the custom favicon picker. Only enabled types show the metabox or term field, keeping the editing interface clean. Includes a “Settings” quick-link directly on the Plugins screen.
No File Writes. No .htaccess. 
Every favicon override is handled purely at runtime via WordPress’s native <code>get_site_icon_url</code> and <code>site_icon_meta_tags</code> filter hooks. Nothing is written to disk. Nothing changes in your hosting configuration.
Performance-Optimised Asset Loading 
Admin scripts (<code>wp_enqueue_media</code>, picker JS, admin CSS) are loaded only on the exact admin screens that need them: post edit screens, taxonomy add/edit screens, and the plugin settings page. Zero extra assets load anywhere else in the admin.
Secure by Default 
All save paths are protected by WordPress nonce verification, <code>current_user_can()</code> capability checks, and strict input sanitisation (<code>esc_url_raw</code>, <code>sanitize_key</code>, <code>sanitize_text_field</code>). Post meta is exposed to the REST API only through a scoped <code>auth_callback</code>.
Clean Uninstall 
A dedicated <code>uninstall.php</code> removes all post meta, term meta, and plugin options when the plugin is deleted. Elementor settings are surgically cleaned — only the plugin’s own keys are removed, leaving all other Elementor settings intact.
<h4>Who Is This For?</h4>
<ul>
<li>Multi-brand or multi-section websites that need a different favicon per page or category or brand</li>
<li>WooCommerce stores wanting a unique icon per product category or brand</li>
<li>Agencies building client sites where individual landing pages need their own branding</li>
<li>Elementor users who want favicon control inside the editor workflow</li>
</ul>
<h4>Compatibility</h4>
<ul>
<li>WordPress: 6.2 and later</li>
<li>PHP: 7.4 and later</li>
<li>Block Editor (Gutenberg): Full sidebar panel support (no build step, no npm required)</li>
<li>Classic Editor: Full metabox support via the Classic Editor plugin</li>
<li>Elementor: 3.5 and later (Page Settings panel integration)</li>
<li>WooCommerce: Product and product category support with smart taxonomy filtering</li>
</ul>

Alada Favicon – Conditional Site Icons

Show a different favicon on any page, post, category, or tag — without touching files or .htaccess.

Dev Favicon Switcher vs Alada Favicon – Conditional Site Icons