Z-Blog Wiki

本页面只读。您可以查看源文件，但不能更改它。如果您觉得这是系统错误，请联系管理员。
====== 1.7新增特性：后台字体图标 ======

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

字体图标列表：（[[https://static.zblogcn.com/image/icon/demo.html|ZBlog Icon Sets Demo]]）

===== 左侧菜单图标 =====

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

==== 更换指南 ====

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

===== 管理页面标题 =====

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

==== 更换指南 ====

  - 找到应用的设置或管理页面，大多数主题为主题目录下 ''main.php''。
  - 在最后加入 JS 代码。<code javascript>
AddHeaderFontIcon('icon-class'); // icon-class 为图标的 class（在列表中找）
</code>
  - 如果您的应用需要兼容 1.7 以下的版本，可自行判断版本，若版本低于 1.7 ，不调用该函数。或者在 JS 代码中判断 ''AddHeaderFontIcon'' 函数是否存在，如：<code javascript>
typeof AddHeaderFontIcon === "function" ? AddHeaderFontIcon("icon-class") : AddHeaderIcon("old-img.png");
</code>
Z-Blog Wiki

用户工具

站点工具

页面工具
