• 注册
  • 发布
  • APP下载安卓
  • 注册
  • 查看作者
    • wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      本文语音阅读 播音源:Aiqi

      WP站点支持font awsome图标文字毋庸置疑,用的次数多了也会觉得审美疲劳,今天FUNION教大家快速掌握一门新技巧:wordpress引入iconfont图标文字

      先看下官网效果展示:

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了


      完成这个事情需要准备以下几点,飞小优现将wp引入iconfont图标教程分享给大家:

      1.登录iconfont官网,传送门?点击进入 注册即可!

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      2.搜索想要的目标图标,以官网为例,搜索“投稿”,接下来点击图标添加到购物车,点击项目,完成项目命名,在查看下

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      添加项目

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      完成项目命名

      3.查看添加的图标,然后生成代码,将代码添加到wp中的自定义css或者主题下的css文件底部中,如下,

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      添加完毕后,还需要找到图标下的代码,如下图,

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      4.接下来可以在wp后台通过添加菜单时,添加代码实现,如:

      <i class="iconfont">&#xe63c;</i>

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      TIPS:这里填写到后台时会出现一个小问号的情况“?”,这表示没有生效,此时你还需要粘贴这段代码到css文件,同步骤3,如下,

      .iconfont{
      font-family:"iconfont" !important;
      font-style:normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
      }

      最后,你打开前台就会看到已经生效了!

      总结:完成WP引入iconfont图标需要4步骤:

      1. 注册iconfont账号,登录找到目标icon创建项目

      2. 添加2段代码

      3. 填写输出到具体场景下的代码即可。

      以上就是飞小优跟大家分享的WP如何引入iconfont图标教程,希望大家多多关注,不清楚的可以在本文章评论回复!

    • 生成海报
    • 广东·深圳
    • 2
    • 0
    • 0
    • 586
    • 诸子百家翰林大学士

      请登录之后再进行评论

      登录
      海报

      最新评论

      2天前
      […] can young men take viagra […]

      来自: SaaS平台官网如何策划?

      文武双全文武双全3天前
      赠送了礼物[比心]

      来自: 专访黄海钧:TOB品牌信任生长之路

      1星期前
      […] viagra 200mg tablets […]

      来自: SaaS平台官网如何策划?

      1星期前
      […] generic cialis cheap […]

      来自: SaaS平台官网如何策划?

      1星期前
      […] female cialis […]

      来自: SaaS平台官网如何策划?

      小助手小助手1个月前

      一般认为Web2.0(论坛、博客为代表)和Web3.0(社交平台、微博客为代表)的相继流行,UGC(User-generated Content,用户生产内容,也称UCC,User-created Content)功不可没。随着移动互联网的发展,网上内容的创作又被细分出PGC(Professionally-generated Content,专业生产内容,也称PPC,Professionally-produced Content)和OGC(Occupationally-generated Content,职业生产内容),甚至有UGC、PGC和OGC谁是主 流的讨论。

      这三者之间既有密切联系又有明显的区别。一个平台(网站)的PGC和UGC有交集,表明部分专业内容生产者,既是该平台的用户,也以专业身份(专家)贡献具有一定水平和质量的内容,如微博平台的意见领袖、科普作者和政务微博。PGC和OGC也有交集,表明一部分专业内容生产者既有专业身份(资质、学识),也以提供相应内容为职业(职务),如媒体平台的记者、编辑,既有新闻的专业背景,也以写稿为职业领取报酬。

      因此,UGC和PGC的区别,是有无专业的学识、资质,在所共享内容的领域具有一定的知识背景和工作资历。PGC和OGC的区别,相对容易,以是否领取相应报酬作为分界,PGC往往是出于“爱好”,义务的贡献自己的知识,形成内容;而OGC是以职业为前提,其创作内容属于职务行为。是否有非专业的OGC?

      从上图也看到UGC和OGC没有交集。在一个平台(网站)上,用户和提供商总是相对的,两者之间,既是该平台的用户也是该平台的提供商的角色可能有,但属于极少的群体。

      以OGC为代表的网站如各大新闻站点、视频网站,其内容均有内部自行创造和从外部花钱购入版权;以UGC为代表的网站如各大论坛、博客和微博客站点,其内容均由用户自行创作,管理人员只是协调和维护秩序;PGC则在这两种网站中都有身影,由于其既能共享高质量的内容,同时网站提供商又无需为此给付报酬,所以OGC站点和UGC站点都很欢迎PGC。

      显然,PGC是稀缺的,由于内容的生产是需要成本的(时间、人力和物料),不给付报酬恐难维继,而给付报酬的PGC则归属到OGC的范畴。无论是以内容提供见长的新闻站点、视频网站,还是以互动服务见长的社区、社交站点,都努力争取更多的PGC。

      或许PGC只是业界的一种错觉,根本上来看,PGC是UGC中的一部分,只是这部分内容相当精彩。互联网内容供应仍是泾渭分明的UGC和OGC。


      来自: 什么是UGC、PGC和OGC?

      。_819。_8192个月前

      卧槽!无奈本人没文化,一句卧槽行天下!

      来自: Wordpress添加iconfont彩色图标教程「小白专用教程」

      小助手小助手2个月前
      1. 在内容层面上不要按照行业来区分啦。因为单一行业,内容太少啦,如果你认为此路可行,就在内容中心,做分类,结构化内容。

      2. 若是做解决方案页面,可以从行业通电,解决方法,落地案例,行业资料下载进行策划!



      来自: SaaS平台官网如何策划?

      小助手小助手2个月前

      看看这篇研究文档https://www.funion.info/2482.html

      来自: 请问什么是元宇宙?

      小助手小助手3个月前

      666

      来自: 深度剖析|DTC情感营销三部曲

    • 赚金币
    • 发布
    • 飞优网小程序码 小程序扫码
    • 签到中心
      小黑屋
      举报中心
    • 单栏布局 侧栏位置:
      关闭窗口
      下载海报