WordPress添加网站Favicon图标的4种方法。

除了Logo以外,网站还有一个非常重要的视觉元素——Favicon图标,它在浏览器中起着非常大的作用,今天我们就和大家分享WordPress添加网站Favicon图标的4种方法

为什么要使用Favicon图标

很多人觉得网站顶部有Logo就好,却忽略了Favicon图标,其实这个图标有很多作用

  • 当用户打开网页时,浏览器中标签中会显示Favicon图标
  • 当用户收藏网站时,收藏夹会显示Favicon图标
  • 当用户创建快捷方式时,Favicon会作为网站快捷方式的桌面图标

Favicon图标主要是为网站老用户准备,能够让用户更快速的找到我们自己的网站,尤其对于用户黏度较高的网站是非常必要的

怎样制作Favicon图标

这个没有什么专门的规定,使用WordPress建站,你只需要制作一个正方形大小的图标,能够让人知道这个是你的网站图标即可,一般的网站都是使用缩小版的logo

不过这里我有2点建议

  1. 将大小设置最少70×70,因为这个尺寸可以生成桌面图标
  2. 格式最好为PNG,能够与浏览器更好的融合

WordPress添加Favicon图标方法

图片制作好了以后,就可以上传到网站作为浏览器图标了,这里我们为大家准备了4种方法,你可以任意挑选一个自己喜欢的使用

使用WordPress自带的自定义模块

打开WordPress的主题自定义模块,仪表盘 – 外观 – 自定义

选择 站点身份 – 站点图标,上传自己刚刚制作的Favicon图标

WordPress添加网站Favicon图标的4种方法。

这种方式比较好的一点就是它会给你提前预览一下你在浏览器看到的样式,如果不满意,还可以选择不发布,直到修改满意为止

使用主题选项设置图标

WordPress添加网站Favicon图标的4种方法。

可能有一些人不喜欢使用WordPress自定义功能,很多的高级主题都在面板中配置了Favicon设置,每个主题的设置方法不一样,按照要求上传就可以了

使用Favicon插件

WordPress添加网站Favicon图标的4种方法。

Favicon by RealFaviconGenerator 是一款专门制作Favicon的插件,虽然说安装和生成都比较麻烦,不过它有一个其他方式没有的特性就是支持各种设备,包括桌面、安卓、IOS等,对于要求高的站点来说这个插件很实用

手动添加Favicon图标

WordPress添加网站Favicon图标的4种方法。

首先制作一个 .ico 格式的图标,我们可以使用比特虫这个网站转一下格式

然后再通过FTP或者其他方式将其上传到网站根目录即可,之后会自动生效

手动的方法比较麻烦,不过它适用于所有类型的网站,和程序没有关系,以后你用别的程序可能会用到

好了,这就是我们今天介绍的WordPress添加Favicon的4种方法,希望你可以灵活的运用,让自己的站点从众多网站中脱颖而出

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/112805.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2022年10月25日 01:32
下一篇 2022年10月25日 01:32

相关推荐

  • Elementor设计WordPress网站首页教程。

    当我们使用WordPress制作时,很多人都希望能自己设计网站的首页,比如一些企业、商城类型的网站,一般都需要自己定制首页,在本文我们来教大家如何用Elementor设计网站首页 在教程开始前,请确保你已安装好Elmentor…

    2022年10月25日 wordpress开发
    081
  • 使用区块管理器隐藏不需要的古腾堡区块。

    在使用古腾堡写WordPress文章时,会发现有一些区块并不会经常用到,但是总是在编辑器中干扰写作,这个时候如果你不想在使用这个区块,可以使用区块管理器来隐藏这个区块 区块管理器(Block Manager)是古腾堡中集成的…

    2022年10月25日 wordpress开发
    024
  • WordPress站内搜索排除指定文章。

    WordPress的站内搜索是一个非常好的工具,可以让访客快速找到自己需要的内容,减少网站的跳出率 不过有时候因为一些原因,我们并不想把某些特定的文章或者页面让访客在网站内搜索到,这个时候就需要将这些文章和页…

    2022年10月25日
    022
  • WordPress站内搜索排除指定文章。

    WordPress的站内搜索是一个非常好的工具,可以让访客快速找到自己需要的内容,减少网站的跳出率 不过有时候因为一些原因,我们并不想把某些特定的文章或者页面让访客在网站内搜索到,这个时候就需要将这些文章和页…

    2022年10月24日
    017
  • WP Smart Preloader 为你的WordPress添加预加载动画。

    有时候我们会看到一些网站有预加载动画效果,不仅漂亮而且可以避免因网站加载慢而造成的内容显示补全的情况,如果你的网站加载速度有瓶颈或者想更具设计感,那么也应该设置预加载动画,本文中我们教大家如何用WP Sm…

    2022年10月25日 wordpress开发
    034
  • WordPress更换静态首页的方法。

    在使用wordpress建站的过程中,网站首页默认显示的是最新的文章,这样做是对优化是有好处的,适合博客文章等类型的站点使用。不过有时候我们并不想展示最新的文章,比如产品站点、企业官网等,只想展示一个特定的静…

    2022年10月25日
    028
  • 免费的WordPress沙箱测试工具poopy.life。

    相信对于Wordpress使用者来说,测试主题和插件是每个人都会做的事情,但是总是用自己的站点进行测试并不是一个很好的选择,因为每次安装新的东西,可能都会在数据库留下痕迹,而新建站点的话也比较麻烦,就算很熟悉…

    2022年10月25日 wordpress开发
    025
  • 在宝塔面板上搭建WordPress测试网站。

    WP主题站在许多教程中都推荐大家使用宝塔面板来搭建自己的WordPress网站,其中的原因,除了使用简单,维护方便外,还有很重要的一点就是你可以在同一个宝塔面板中创建多个网站,而无需花费其他的费用 我们就可以利…

    2022年10月24日 wordpress开发
    041

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息