小编, 手把, 把手, 您在, wordpress
Iconfont，从事设计与开发的人员应该都知道，这是一个NIU X的图标站。 Iconfont的自我介绍： Iconfont是阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标名站分类目录到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。 只看介绍可能很难联想到和WordPress站长有什么关系，但要说道实用性，估计每位站长都觉得很赞： 目前Iconfont支持微博和Github账户的直接登录，您根本不用注册，去试试吧，Iconfont.cn。 登录后，您会看到一个大大的搜索框，然后输入您想要的中文或者英文，比如您想要一个“首页”的图标，您可以直接搜索“小网站程序”或者“小网站程序图标”来查找。  1590225969-dcda7ec2db15590.png 名站网址导航提供 名站网址导航 2020-5-31 23:37 名站分类目录 每个图标上都有一个添加入库的购物车图标，只需点击这个图标即可将该图标收纳入库。 1590226044-5554ff4d2770671.png 名站网址导航提供 名站网址导航 2020-5-31 23:37 名站分类目录 当您觉得收纳的图标足够了的时候，您可以点击页面右上角的购物车来“添加至项目”，没有项目的话可以创建一个项目 1590226056-6bcf5c7780ba6fc.png 名站网址导航提供 名站网址导航 2020-5-31 23:37 名站分类目录 然后您就来到了图标项目页，您可以看到刚刚选择的所有图标。 1590226064-21ec51f6bce2e56.png 名站网址导航提供 名站网址导航 2020-5-31 23:37 名站分类目录 菜鸟源码站长推荐：不要嫌我啰嗦，我现在找一个图标速度飞快，因为流程就这些，图标找好了就要用上，继续下文。 Iconfont图标在网页中的运用： 第一步：在图标项目页中可以“查看在线链接”，您将得到类似下图的具体代码如下。 1590226195-1e6f5d4b75609c8.png 名站网址导航提供 名站网址导航 2020-5-31 23:37 名站分类目录 第二步：将以下全部具体代码如下复制到 主题设置-自定义具体代码如下-自定义css样式 中。或者添加到主题的一般是 style.css里面。 第三步：选择相应图标并复制图标具体代码如下，如： ，然后像下面一样使用。 <i class="iconfont"></i>Copy第四步：复制第三步的全部具体代码如下粘贴到您想要显示图标的位置。 如果您想在导航菜单中加入图标，您需要将具体代码如下复制到 外观-菜单 的 导航标签 中，比如您的导航文字原本是“首页”，现在您只需要在“首页”前面加上第三步的具体代码如下即可。  1590226455-d72b82cceb01702.png 名站网址导航提供 名站网址导航 2020-5-31 23:37 名站分类目录 如果您想在文章中加入图标，您需要在编辑文章的时候切换成文本模式，将第三步的具体代码如下粘贴进去即可。如果您想修改主题的具体代码如下并添加或者替换图标，您需要找到合适的位置来放置第三步的具体代码如下即可。 |
解决discuz解决文章字数的限制完美教程方法
