WordPress知识分享

WPCOM主题图标如何添加及使用

WPCOM出品的 WordPress主题都支持添加图标,我们知道对于网站的美化是出于细节,越是注重细节的网站整体效果越好。魏艾斯笔记分享如何添加使用 WPCOM主题图标

WPCOM团队在 Themer框架中内置了3款优秀的图标:FontAwesome、Material Icons、Remix Icon,分别是Google开源项目有丰富图标、国人开源图标库,高质量图标及完整的国内社交媒体图标。另外为了满足用户的自定义需求,还引入自建 iconfont图标项目。

安装环境要求 推荐PHP 7.3~7.4,推荐MySQL 5.5~5.6;
伪静态(固定链接),使用宝塔面板一键设置伪静态 为获得更好的使用体验,推荐选用Linux系统;
为了网站安全稳定速度快,老魏推荐选择宝塔面板搭建网站环境、阿里云服务器腾讯云服务器部署主题;
入门主机配置 1核2G内存1M带宽,老魏建议选 2核4G内存1M带宽;
主题需要外网可访问的情况下才能激活,本地/内网服务器可能无法激活授权;

1、开启图标

进入 WordPress后台 > 主题设置 > 风格样式,找到图标设置选项,根据自己需要选择开启一个或多个图标。

WPCOM主题开启图标

记得保存主题设置,关键是要刷新主题设置页面 1-2次达到清除本地浏览器缓存的目的。

2、图标使用

WPCOM主题中经常用到图标的地方有页面右侧的浮层、手机端底部的浮层、菜单、以及模块等。

以页面右侧浮层图标设置为例讲解。

去主题设置>常规设置下的页面右侧浮层,点击下面的添加看到图标选项。

WPCOM主题图标使用

这里是一个图标选项,如果开启了多个图标库左边可以选择用哪个图标库,只有一个图标库左边的图标库会自动隐藏。

选择Remix Icon再展开右边,看到待选图标列表。

因为这里供选择图标太多了,老魏建议搜索关键字快速检索图标,比如输入 wechat就会看到好多种待选的微信图标。

3、菜单图标设置

从2021年 Themer框架的菜单和小工具的设置面板升级之后,可以直接在菜单里面选择图标。

Themer框架菜单图标设置

选好之后在前台菜单就看到精美的图标了,有助于丰富前台菜单样式,美化网站效果。

4、WPCOM推荐主题

赞(0)
文章名称:《WPCOM主题图标如何添加及使用》
文章链接:https://www.vpsss.net/25685.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。