如何改变WordPress中的Favicon

213 阅读3分钟

在这个快速提示中,你将学习如何改变WordPress中的favicon。我们将在教程的开始,通过回答诸如它们是什么以及为什么它们很重要等问题,对favicons进行简单的介绍。

让我们开始吧。

什么是图标以及为什么你应该使用它们?

宠儿是那些出现在浏览器标签中任何网页标题旁边的小图片。

并非所有的网站都在每一个页面的标题中写上他们的名字。完整的标题和网站名称可能并不总是可见的,即使他们在最后附加了它。这可能使人很难识别哪个网站在哪个标签中被加载。如果网站非常受欢迎,或者你是它的常客,Favicons使这项工作变得非常容易。

Favicon ExamplesFavicon ExamplesFavicon Examples

你可以在上图中看到,第一个标签加载的是维基百科的页面,而第三个标签加载的是CodeCanyon。

缓冲区出现在很多地方,比如我们刚才讨论的浏览器标签,以及谷歌移动搜索结果。它们也会显示在用户的书签和浏览器历史中。

这意味着,拥有自己的自定义和可识别的书签,而不是通用的东西,可以帮助你的访问者快速识别你的网站,并可能增加搜索结果中的点击率和其他好处。

如何改变WordPress中的Favicon?

你必须点击的确切的菜单项目,以达到最后的屏幕,可能是不同的,取决于你所安装的主题。只要在 "外观">"自定义"下找一找,你很可能会找到favicon的设置。

改变默认WordPress主题中的图标

WordPress的默认主题有内置功能来改变你网站的图标。你可以在管理仪表板区域通过几个步骤来完成。

从侧面菜单进入外观>自定义

Default Theme WordPress Appearance CustomizeDefault Theme WordPress Appearance CustomizeDefault Theme WordPress Appearance Customize

这将把你带到以下屏幕,你可以点击网站标识

Default WordPress Theme Site IdentityDefault WordPress Theme Site IdentityDefault WordPress Theme Site Identity

你可以在这里设置一些东西,如网站标题、标语、标志和吉祥物。点击 "选择网站图标"按钮,从媒体库中选择一张图片。

Default WordPress Theme Select Site Icon Default WordPress Theme Select Site Icon Default WordPress Theme Select Site Icon

这将更新你网站的图标,如下图所示。

WordPress Default Theme Changed FaviconWordPress Default Theme Changed FaviconWordPress Default Theme Changed Favicon

改变高级WordPress主题中的图标

一些高级主题可能会覆盖WordPress的默认定制设置。这基本上意味着,你将不能采取默认路径来添加你自己的图标。在这种情况下,你最好的选择就是查看一些菜单项。下面是一个来自Eduma主题的例子。

从侧面菜单进入外观>自定义。这将向你展示一系列的项目。根据它们的名字,"通用"似乎最可能包含favicon设置,所以我们点击它。

WordPress Premium Theme CustomizerWordPress Premium Theme CustomizerWordPress Premium Theme Customizer

在下一个屏幕上,我们点击标志来改变网站的图标。

WordPress Custom Theme General SettingsWordPress Custom Theme General SettingsWordPress Custom Theme General Settings

在这里你可能会看到一些关于网站标题、标语和标志的选项。向下滚动一下,找到改变图标的设置。

WordPress Custom Theme Changed LogoWordPress Custom Theme Changed LogoWordPress Custom Theme Changed Logo

最后的思考

我希望这个快速的帖子能够帮助你认识到图标的重要性,以及你如何在你自己的WordPress网站上改变图标。

最后我想说的是,favicon通常会被缩小,以便在不同的设备和不同的背景下显示。因此,你应该考虑使用简单而令人难忘的设计。