Title: Alada Favicon – Conditional Site Icons
Author: Jewel Rana
Published: <strong>29 Tháng 5, 2026</strong>
Last modified: 29 Tháng 5, 2026

---

Tìm kiếm plugin

![](https://ps.w.org/alada-favicon/assets/banner-772x250.png?rev=3552954)

![](https://ps.w.org/alada-favicon/assets/icon-256x256.png?rev=3552954)

# Alada Favicon – Conditional Site Icons

 Bởi [Jewel Rana](https://profiles.wordpress.org/jeweltechie/)

[Tải về](https://downloads.wordpress.org/plugin/alada-favicon.1.0.0.zip)

 * [Chi tiết](https://vi.wordpress.org/plugins/alada-favicon/#description)
 * [Đánh giá](https://vi.wordpress.org/plugins/alada-favicon/#reviews)
 *  [Cài đặt](https://vi.wordpress.org/plugins/alada-favicon/#installation)
 * [Nhà phát triển](https://vi.wordpress.org/plugins/alada-favicon/#developers)

 [Hỗ trợ](https://wordpress.org/support/plugin/alada-favicon/)

## Mô tả

**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.

#### Key Features

**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:

 1. Per-page / per-post meta (highest — singular views only)
 2. Elementor per-page document settings
 3. Per-term / taxonomy archive meta
 4. Plugin global site icon (Settings page)
 5. Native WordPress Core site icon (baseline fallback — never overwritten)

**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 `get_site_icon_url` and `site_icon_meta_tags` filter hooks.
Nothing is written to disk. Nothing changes in your hosting configuration.

**Performance-Optimised Asset Loading**
 Admin scripts (`wp_enqueue_media`, 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,`
current_user_can()` capability checks, and strict input sanitisation (`esc_url_raw`,`
sanitize_key`, `sanitize_text_field`). Post meta is exposed to the REST API only
through a scoped `auth_callback`.

**Clean Uninstall**
 A dedicated `uninstall.php` 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.

#### Who Is This For?

 * Multi-brand or multi-section websites that need a different favicon per page 
   or category or brand
 * WooCommerce stores wanting a unique icon per product category or brand
 * Agencies building client sites where individual landing pages need their own 
   branding
 * Elementor users who want favicon control inside the editor workflow

#### Compatibility

 * **WordPress:** 6.2 and later
 * **PHP:** 7.4 and later
 * **Block Editor (Gutenberg):** Full sidebar panel support (no build step, no npm
   required)
 * **Classic Editor:** Full metabox support via the Classic Editor plugin
 * **Elementor:** 3.5 and later (Page Settings panel integration)
 * **WooCommerce:** Product and product category support with smart taxonomy filtering

## Ảnh màn hình

[⌊Settings Page — Global site icon uploader, post type checkboxes, and taxonomy 
checkboxes all in one place.⌉⌊Settings Page — Global site icon uploader, post type
checkboxes, and taxonomy checkboxes all in one place.⌉[

**Settings Page** — Global site icon uploader, post type checkboxes, and taxonomy
checkboxes all in one place.

[⌊Block Editor Sidebar Panel — The "Page Favicon" panel in the Gutenberg document
settings sidebar, showing a set favicon with a live preview thumbnail and Change/
Remove actions.⌉⌊Block Editor Sidebar Panel — The "Page Favicon" panel in the Gutenberg
document settings sidebar, showing a set favicon with a live preview thumbnail and
Change/Remove actions.⌉[

**Block Editor Sidebar Panel** — The “Page Favicon” panel in the Gutenberg document
settings sidebar, showing a set favicon with a live preview thumbnail and Change/
Remove actions.

[⌊Classic Editor Metabox — The "Page Favicon" side metabox with media upload, preview,
and remove functionality.⌉⌊Classic Editor Metabox — The "Page Favicon" side metabox
with media upload, preview, and remove functionality.⌉[

**Classic Editor Metabox** — The “Page Favicon” side metabox with media upload, 
preview, and remove functionality.

[⌊Edit Category Screen — The favicon picker row injected into the WordPress Edit
Category form table.⌉⌊Edit Category Screen — The favicon picker row injected into
the WordPress Edit Category form table.⌉[

**Edit Category Screen** — The favicon picker row injected into the WordPress Edit
Category form table.

[⌊Elementor Page Settings — The "Favicon" section in the Elementor Page Settings
panel with the image media control.⌉⌊Elementor Page Settings — The "Favicon" section
in the Elementor Page Settings panel with the image media control.⌉[

**Elementor Page Settings** — The “Favicon” section in the Elementor Page Settings
panel with the image media control.

## Cài đặt

**From the WordPress Admin:**

 1. Go to **Plugins  Add New Plugin**.
 2. Search for **Alada Favicon**.
 3. Click **Install Now**, then **Activate**.

**Manual Upload:**

 1. Download the plugin ZIP file.
 2. Go to **Plugins  Add New Plugin  Upload Plugin**.
 3. Choose the ZIP file and click **Install Now**, then **Activate**.

**Via FTP:**

 1. Unzip the plugin folder.
 2. Upload the `alada-favicon` folder to `/wp-content/plugins/`.
 3. Go to **Plugins** in the WordPress admin and click **Activate**.

After activation, go to **Settings  Alada Favicon** to configure the global site
icon and choose which post types and taxonomies are eligible for per-item favicon
overrides.

## Hỏi đáp

### Does this plugin write to any files or .htaccess?

No. All favicon overrides are applied at runtime using WordPress filter hooks (`
get_site_icon_url` and `site_icon_meta_tags`). Nothing is written to disk. No `.
htaccess` rules are created or modified.

### My per-page favicon isn’t saving. What should I check?

First, go to **Settings  Alada Favicon** and confirm that the post type you’re editing
is checked under “Enable Custom Favicon for Post Types”. The metabox and Gutenberg
panel only appear for enabled types. If it is enabled and still not saving in the
Block Editor, ensure the post type has **custom-fields** support — the plugin adds
this automatically for enabled types, but some third-party CPT registrations may
override it.

### Does the Global Site Icon replace the icon set in Appearance  Customize?

Yes. The global favicon set on the Settings page overrides the WordPress site icon
at the filter level. The original icon in Customizer is untouched — it simply acts
as the baseline fallback when no plugin rule matches.

### Can I set a favicon for WooCommerce product categories?

Yes. Go to **Settings  Alada Favicon**, enable the **Product Category** taxonomy,
and save. A favicon picker will then appear on the Add/Edit Product Category screens.
The icon will show on your shop category archive pages.

### Does this work with the Classic Editor plugin?

Yes. A metabox titled “Page Favicon” is added to the Classic Editor sidebar for 
all enabled post types. It includes a media upload button, a preview thumbnail, 
and a remove button.

### Does this plugin work with Elementor?

Yes, with Elementor 3.5 or later. A “Favicon” section is added to the Elementor 
page Settings panel. This acts as Priority 2 in the resolution matrix (below per-
page WP meta, above taxonomy and global).

### What happens to my data if I delete the plugin?

All plugin data is removed cleanly on deletion: post meta (`_alada_page_favicon`),
term meta (`_alada_term_favicon`), Elementor settings (`alada_favicon_elementor_icon`),
and the plugin’s options record are all deleted. All other site content and settings
are untouched.

### What image format and size is recommended for the favicon?

For the global site icon, a 512×512 px PNG is recommended — WordPress uses this 
to generate the various sizes needed for browsers, mobile home screens, and browser
tabs. For per-page and per-term favicons, a 32×32 or 64×64 px PNG or ICO is sufficient
as the plugin outputs the image URL directly without resizing.

### Can I use an external image URL as a favicon?

The plugin stores and outputs image URLs directly. However, best practice is to 
upload images to your own WordPress Media Library to avoid broken icons if an external
source changes or goes offline.

### Is this plugin compatible with caching plugins?

Yes. Because the plugin outputs favicon tags via WordPress’s standard `wp_head` 
hook and filter pipeline, full-page caches will capture the correct output for each
URL. If you change a favicon and the old one persists, purge your page cache.

## Đánh giá

Không có đánh giá nào cho plugin này.

## Người đóng góp & Lập trình viên

“Alada Favicon – Conditional Site Icons” là mã nguồn mở. Những người sau đã đóng
góp vào plugin này.

Những người đóng góp

 *   [ Jewel Rana ](https://profiles.wordpress.org/jeweltechie/)

[Dịch “Alada Favicon – Conditional Site Icons” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/alada-favicon)

### Muốn tham gia phát triển?

[Duyệt code](https://plugins.trac.wordpress.org/browser/alada-favicon/), check out
[SVN repository](https://plugins.svn.wordpress.org/alada-favicon/), hoặc theo dõi
[nhật ký phát triển](https://plugins.trac.wordpress.org/log/alada-favicon/) qua 
[RSS](https://plugins.trac.wordpress.org/log/alada-favicon/?limit=100&mode=stop_on_copy&format=rss).

## Meta

 *  Phiên bản **1.0.0**
 *  Cập nhật lần cuối **5 tháng trước**
 *  Số lượt cài đặt **30+**
 *  Phiên bản WordPress ** 6.2 hoặc cao hơn **
 *  Đã kiểm tra lên đến **7.0.7**
 *  Phiên bản PHP ** 7.4 hoặc cao hơn **
 *  Ngôn ngữ
 * [English (US)](https://wordpress.org/plugins/alada-favicon/)
 * Thẻ
 * [custom favicon](https://vi.wordpress.org/plugins/tags/custom-favicon/)[favicon](https://vi.wordpress.org/plugins/tags/favicon/)
   [site icon](https://vi.wordpress.org/plugins/tags/site-icon/)
 *  [Nâng cao](https://vi.wordpress.org/plugins/alada-favicon/advanced/)

## Đánh giá

Chưa có đánh giá nào được gửi.

[Your review](https://wordpress.org/support/plugin/alada-favicon/reviews/#new-post)

[Xem tất cả đánh giá](https://wordpress.org/support/plugin/alada-favicon/reviews/)

## Những người đóng góp

 *   [ Jewel Rana ](https://profiles.wordpress.org/jeweltechie/)

## Hỗ trợ

Có điều gì muốn nói? cần giúp đỡ?

 [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/alada-favicon/)