zblogphp:development:features:1.7:fonticon

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

--- zblogphp:development:features:1.7:fonticon [2020/08/13 17:43]
捷闪站长网创建
+++ zblogphp:development:features:1.7:fonticon [2020/08/18 18:25] (当前版本)
捷闪站长网
@@ 行 1: / 行 1: @@
 ====== 1.7新增特性：后台字体图标 ======
-在现代化的网页中，图片图标已逐渐被字体图标取代。图片不仅增加了请求文件的大小，还额外多出很多 HTTP 请求，降低网页性能。另外，图片图标不能灵活地缩放、更改颜色，降低用户体验。为此，在 1.7 版本中，我们的后台采用了字体图标替代了传统的图片图标，给 Bloggers 一个更好的写作和管理环境。
+在现代化的网页中，图片图标已逐渐被字体图标取代。图片不仅增加了请求文件的大小，还额外多出很多 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个参数，即图片图标地址。
+===== 顶部菜单图标 =====
+后台顶部菜单已增加字体图标。如果您是开发者，想要为自己的顶部导航增加字体图标，请阅读以下指南，当然，您也可以不加**（推荐更换）**。
+==== 更换指南 ====
+  - 找到挂载了 ''Filter_Plugin_Admin_TopMenu'' 接口的函数。
+  - 修改调用 ''MakeTopMenu'' 函数，在末尾加上一个参数，为**字体图标的 class（在列表中找）**。
+===== 管理页面标题 =====
+后台管理页面的标题（.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>

zblogphp/development/features/1.7/fonticon.1597311784.txt · 最后更改: 2020/08/13 17:43 由捷闪站长网