17713433920 info@mac163.com

网站图标(“ favourite icon”的缩写)也可以称为站点图标。如果您现在查看浏览器页面,则可能会显示许多图标。但是,您可能从来没有自觉地注意到过图标,要知道它们是什么或做什么。那么,什么是Favicon?为什么您的WordPress网站需要一个Favicon?

在本文中,我们将确切解释什么是网站图标,以及它如何使您的企业或博客受益。然后,我们将研究如何快速轻松地将其添加到WordPress博客。

如何创建和添加wordpress网站图标或网站图标
如何创建和添加wordpress网站图标或网站图标

什么是网站图标/网站图标?

网站图标是在网站页面标题旁边的浏览器选项卡上显示的图标。在收藏了书签的站点列表中,也可以在网站名称旁边看到Favicon,并用作应用程序图标,在WordPress中,这些图标也称为“站点图标”。

网站图示通常会使用其代表的网站徽标的图像。但是,如果更合适,它们也可以是链接到网站品牌或样式的图像。一旦选择了网站图标,除非您的企业进行了重新命名,否则不应对其进行更改。这样,您的网站查看者就会熟悉您的收藏夹图标,并在一系列浏览器选项卡中识别它。

使用Favicon的重要性

Favicons都是关于对您的网站访问者进行可视化营销并与之建立联系的网站。添加收藏夹图标将使您的听众能够在众多应用程序或网页中下意识地并立即识别您的WordPress网站。

熟悉您的网站图标将帮助您的听众快速,轻松地找到您。它还会提醒用户您站点的存在,从而导致流量增加和回访者数量增加。最后,收藏夹图标可以帮助您的网站在竞争中脱颖而出,并将您的网站确立为信誉良好的来源。

如您所见,使用favicon的好处是巨大的。因此,现在让我们了解如何创建收藏夹图标并将其添加到WordPress网站…

创建一个图标

网站图标过程的第一步是创建合适的图像。如前所述,理想情况下,图标图标应该与您网站的徽标相同,以便访问者可以立即识别出它。

但是,有时带有复杂的徽标,这可能导致图标图标不清楚或令人困惑。在这种情况下,您将必须简化徽标或使用其他图像。确保选择能代表您的业务并明显反映出您的品牌的东西。

设计或编辑收藏夹图像

根据WordPress Codex,网站图标图像必须为正方形,并且尺寸至少为512 x 512像素。尽管可以在WordPress中裁剪图像,但我建议您事先使用编辑软件来编辑图像。

如果您希望从头开始设计新图像,或者徽标需要进行一些认真的调整,那么最好使用专业的编辑程序。Photoshop或GIMP是不错的选择。

使用Canva

但是,对于那些缺乏设计经验的人来说,更简单的解决方案是使用Canva。这个免费的图形设计工具网站使您可以轻松地编辑图像并使它成为收藏夹图标。调整徽标的大小,或更改颜色或透明度,以创建适合您的网站的收藏夹图像。

对图像满意后,将其用作网站图标,则需要以gif,png或jpeg格式保存。您现在可以将您的收藏夹图标上传到WordPress网站…

如何在您的WordPress网站/博客中添加Favicon?

以前,最好将网站图标添加到Web开发人员和具有深入编码知识的开发人员手中。但是幸运的是,在WordPress 4.3发行后,添加图标图标变得非常容易和直接。

打开WordPress仪表板,然后在菜单中选择外观>自定义。这将打开实时WordPress定制器,并带有您网站首页的预览。

选择“ 站点标识”。在这里,您将看到显示的站点标题和站点图标。

在“ 站点图标”下,您可以添加,更改或删除您的网站图标。单击选择图像

您的WordPress媒体库现在将出现在屏幕上。选择上载文件  选项卡,然后将您的收藏夹图像拖放到框中,或者从计算机中选择它。

返回媒体库,检查图像是否已打勾,然后单击右下角的“ 选择 ”。WordPress现在会询问您是否要裁剪图像。如果您已经在编辑程序中编辑过图像,请选择“ 跳过裁剪”。否则,请收起。

在定制器的“ 站点图标”下,  您将看到您上传的图像。选择 定制器顶部的“ 保存并发布 ”,然后刷新页面。现在,您应该能够在网页浏览器选项卡中查看收藏夹图标。

如果您想在某个时间更改图标, 只需在Site Icon下选择Change Image即可。但是,如前所述,除非重新命名,否则不建议这样做。如果您不断更改收藏夹图标,那么当观众查看其浏览器标签或应用程序时,他们将无法识别哪个图像代表了您的网站。

将Favicon添加到WordPress网站的其他方法

当然,还有许多其他方法可以将favicon添加到您的WordPress网站。让我们来看看一些不同的选择……

Favicon由RealFaviconGenerator

信息与下载查看演示

许多人更喜欢使用插件向其网站添加功能,而不是依赖主题。RealFaviconGenerator的Favicon是一个WordPress插件,如果您要向网站添加Favicon,则是一个不错的选择。

将插件安装到您的WordPress网站,然后指向并单击以上传图片并将其添加为网站图标。然后,RealFaviconGenerator将生成各种浏览器和设备所需的所有图标。这是一个简单易用的插件,可以免费下载和使用。

通过主题的选项页面上传

许多新主题都具有众多特性和功能,使人们可以轻松快捷地建立新的WordPress网站。现在,其中一些主题带有为您添加收藏夹图标的选项。检查主题的“选项”页面以查看它是否提供此功能。例如,Total WordPress主题在内置主题面板中包含Favicon(以及各种设备大小)的选项。

使用代码

如果您是喜欢为其网站编码的人,则可以将您的收藏夹图像上传到网站的根目录。然后需要将代码添加到您的header.php文件中。有关此过程的更多信息,以及保存图像所需的图像大小和文件类型的详细信息,请参阅WordPress支持文档。


微信二维码

微信扫描二维码联系我们!
我们在微信上24小时期待你的声音
提供外贸路由器设备产品,轻松翻墙,解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建等!


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
回到顶部