后台上传站点图标:首页品牌图 + favicon + PWA 图标一起换
需求:后台新增设置,允许管理员上传自己的图标;上传后首页品牌图标与浏览器 标签页 favicon(以及「添加到手机主屏」图标)一起换成它。 要点: - 一张上传图服务端居中裁剪成正方形,生成 16/32/48/64/180/192/512 + maskable 192/512 整套尺寸,并手工拼装多帧 favicon.ico。 - 单一来源 site_icon_url() 统一取址;site_icon_head() 被首页/登录页/后台 三处共用;PWA manifest 改由 manifest.php 动态输出、maskable 也跟随 —— 三处防线共同杜绝「首页换了、标签页还是旧的」这类半生效。 - 目录可写则落静态文件(最快);不可写的保守环境整套压进设置、由 site-icon.php 按需输出,功能不因权限限制整块不可用。 - 与「网站列表里每个网站自己的图标」是两个维度:目录与设置键都分开, 清理时互不误伤。 顺手修掉两个真问题: - login.php / admin/_auth.php 各留了一行写死的 favicon,与新的 site_icon_head() 并存 → head 里两条 rel="icon",是「上传了却没换」的 温床。已删掉写死那两行。 - 自定义 favicon.ico 原先只塞 16+32 两帧,而内置是 16/32/48/64 四帧 —— 换图标反而退步。已补齐 icon-64 并统一为 4 帧。 - setting() 的请求内缓存导致「同请求写后再读」拿到旧值(真实坑): settings_cache() 支持强制重载 + settings_reload(),写入后立即失效。 验证:单测 44/44(含只读目录动态回退)、HTTP 56/56、e2e 174/0、 反向验证 5 变体全部被抓住(含「写死残留」与「ico 只塞两帧」两个新哨兵)、 真机几何 360/390/768/1440 无溢出、线上直连桌面+移动端几何全绿、 线上诊断页走通「上传→前台全换→复原」。
This commit is contained in:
@@ -103,6 +103,14 @@ body.admin { background: #eef0f3; color: #333; font-size: 14px; }
|
||||
}
|
||||
.icon-preview img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
|
||||
.icon-preview .ph { color: #bbb; font-size: 12px; }
|
||||
/* 站点整体图标:比格子里的图标大一号,看得清 */
|
||||
.icon-preview.big { width: 96px; height: 96px; border-radius: 20px; }
|
||||
.icon-field-preview.big { flex: 0 0 96px; }
|
||||
.pill {
|
||||
display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 12px;
|
||||
font-weight: 400; background: #eef2f7; color: #667085; vertical-align: 1px;
|
||||
}
|
||||
.pill[data-site-icon="custom"] { background: #e8f1fe; color: #2456cc; }
|
||||
.icon-field-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
|
||||
.icon-field-title { font-size: 13px; color: #555; font-weight: 600; }
|
||||
.icon-field-body input[type=text] {
|
||||
|
||||
Reference in New Issue
Block a user