Z-Blog Wiki Z-Blog Wiki

Z-Blog官方文库

用户工具

站点工具


zblogphp:development:features:1.7:fonticon

1.7新增特性:后台字体图标

在现代化的网页中,图片图标已逐渐被字体图标取代。图片不仅增加了请求文件的大小,还额外多出很多 HTTP 请求,降低网页性能。另外,图片图标不能灵活地缩放、更改颜色等,降低用户体验。为此,在 1.7 版本中,我们的后台采用了字体图标替代了传统的图片图标,给 Bloggers 一个更好的写作和管理环境。

字体图标列表:(ZBlog Icon Sets Demo

左侧菜单图标

后台左侧菜单已全部更换为字体图标。如果您是开发者,想要将应用注册的左侧栏图标替换成最新的字体图标,请阅读以下指南,当然,本次升级仍兼容老的图片图标,无需修改(推荐更换)

更换指南

  1. 找到挂载了 Filter_Plugin_Admin_LeftMenu 接口的函数。
  2. 修改调用 MakeLeftMenu 函数,在末尾加上一个参数,为字体图标的 class(在列表中找)
  3. 如果您的应用需要兼容 1.7 以下的版本,应保留调用该函数的第6个参数,即图片图标地址。

顶部菜单图标

后台顶部菜单已增加字体图标。如果您是开发者,想要为自己的顶部导航增加字体图标,请阅读以下指南,当然,您也可以不加(推荐更换)

更换指南

  1. 找到挂载了 Filter_Plugin_Admin_TopMenu 接口的函数。
  2. 修改调用 MakeTopMenu 函数,在末尾加上一个参数,为字体图标的 class(在列表中找)

管理页面标题

后台管理页面的标题(.divHeader, .divHeader2)已全部更换为字体图标。如果您是开发者,想要将应用设置页面或管理页面的图标替换成最新的字体图标,请阅读以下指南,当然,本次升级仍兼容老的图片图标,无需修改(推荐更换)

更换指南

  1. 找到应用的设置或管理页面,大多数主题为主题目录下 main.php
  2. 在最后加入 JS 代码。
    AddHeaderFontIcon('icon-class'); // icon-class 为图标的 class(在列表中找)
  3. 如果您的应用需要兼容 1.7 以下的版本,可自行判断版本,若版本低于 1.7 ,不调用该函数。或者在 JS 代码中判断 AddHeaderFontIcon 函数是否存在,如:
    typeof AddHeaderFontIcon === "function" ? AddHeaderFontIcon("icon-class") : AddHeaderIcon("old-img.png");
zblogphp/development/features/1.7/fonticon.txt · 最后更改: 2020/08/18 18:25 由 捷闪站长网