正在寻找一种向您的网站添加 WordPress 网站图标的简便方法?

网站图标是您会在任何浏览器选项卡左侧看到的小图像。默认情况下,您的站点仅包含通用图像,因此您可以自己添加一些自定义图像。这样做可以帮助您的网站看起来更值得信赖,可以帮助建立您的品牌,并使页面更具辨识度。

为什么需要创建 WordPress Favicon

如果您在任何浏览器中查看一系列选项卡,您会看到每个选项卡都包含相关页面的名称和一个小图:

这张图- 网站图标 - 标识相关站点。鉴于它们无处不在,您可能从未想过它们。但是,当您创建自己的网站时,它不会有自己的自定义图标。相反,您页面的选项卡将显示非描述性默认图像:

这些图标平淡无奇、令人难忘,可能会使您的网站不专业。因此,创建自定义 WordPress 网站图标是您为自己的网站要做的第一件事。

使用精心挑选的网站图标还可以让您的网页更容易被用户识别。此外,它还有助于确保您的网站令人难忘并强化您的品牌。

向 WordPress 添加图标也不难,这使它成为您可以为网站做的最好的“唾手可得的事情”之一。

如何将网站图标添加到您的 WordPress 网站(分 3 个步骤)

在接下来的几节中,我们将讨论如何创建 WordPress 网站图标并将其添加到您的网站。开始吧!

第 1 步:规划图标设计

在实际创建和上传您的网站图标之前,需要进行一些规划。这张小图片将代表您和您的网站,因此您不必急于抓拍。

您需要做的第一件事是决定是使用现有图像还是创建新图像。例如,如果您已经有一个可以准确代表您的网站或业务的徽标,您可能希望将其用作您的网站图标。

但是,请记住网站图标很小,因此不能包含太多细节。如果您现有的徽标很复杂,您可能需要对其进行简化,以便在浏览器选项卡中看起来不错。

另一方面,您也可以创建一个全新的图像。最好还是在这里使用您网站或公司品牌的元素。这意味着选择合并已经是大型网站设计一部分的颜色、字体和/或图标。

在这个阶段,它可以帮助确定您的图标在纸上或在简单的图像编辑程序中的一些可能性。请记住——您的设计必须非常简单,不包含不必要的元素,并且一目了然地直观清晰地展示您的品牌。

第 2 步:创建您的网站图标

设计概念确定后,就可以创建实际的网站图标了。如果您使用的是现有徽标,并且有幸获得干净、简化的版本,则此步骤很简单。

否则,您需要设计一个图标。有几种方法可以做到这一点:

  • 聘请设计师为您设计。对于这么小的基本图像,这似乎有点矫枉过正,但您可以获得更高质量的专业结果。或者,设计者可以提供有关如何针对各种交付方法优化和调整图像大小的建议。

  • 使用 Photoshop 等程序从头开始设计网站图标。如果您有扎实的设计技能(或有空闲时间),手动创建网站图标可以让您完全控制。

  • 使用 Favorites Creator 简化流程。如果您不想聘请专业人士,但对自己不满意,有很多工具可以帮助您弥合差距。许多都是免费的,您可以使用空白模板设计网站图标,或上传和编辑现有图像。

记住最后一点,Faviconer 是一个简单的浏览器内工具,可以完成这项工作:

您甚至可以在您网站的浏览器选项卡中查看您的设计,让您知道它在上下文中的外观。

这些网站图标创建工具的其他好处是您可以使图像保持简单并使用各种尺寸选项。浏览器和设备各不相同,但大多数都要求网站图标为 16 x 16 或 32 x 32 像素。这意味着您可以创建更大的图像(WordPress 标准 512 x 512 像素),并根据需要缩小它们。

第 3 步:将 WordPress 网站图标添加到您的网站并对其进行优化

一旦您准备好网站图标,您可以通过多种方式将其添加到您的网站。

使用 WordPress Customizer – 适用于大多数用途

最简单的方法是在仪表板中导航至“外观”>“自定义”,然后选择“站点徽标”选项卡:

除了一些基本选项,您还会找到一个此处名为“Favicon”的部分。您可以在此处上传 512 x 512 像素版本的图像,以用作网站图标和移动应用程序图标。

使用免费插件 – 确保与所有设备兼容

虽然上述过程工作正常,但请记住,您的 WordPress 网站图标将显示在各种设备上。这包括各种屏幕尺寸和分辨率。

如果您想要为了最好地提高您的网站图标显示的机会,无论您如何看待它,都值得安装一个像 RealFaviconGenerator 这样的插件,例如 Favicon:

这个插件可以帮助您快速生成许多版本的网站图标,针对各种浏览器、设备和更多的。安装插件后,如果您导航到 WordPress 控制面板的“新外观”>“网站图标”部分,您可以上传主图片:

然后您将被带到一个页面,您可以在其中为不同的目的自定义图标:

你会在这里找到大量关于如何调整每个版本的建议WordPress 图标。如果您的主图片不合适,您甚至可以上传全新图片以在某些设备上使用。另外,您将预览图标在各种情况下的外观。

之后,您可以选择页面底部的按钮生成图标并返回仪表板:

总的来说,无论你使用什么终端设备,如果你想确保你的网站图标很好地代表你的品牌,你需要采取一些额外的步骤来确保它完全优化。

结论

很容易将注意力集中在设计网站的主要方面,例如选择主题和构建页面,而忘记较小的细节。如果您不希望您的页面在浏览器选项卡和移动设备上看起来通用,那么包含一个简单而有效的 WordPress 图标是关键。

如您所见,将 WordPress 网站图标放在一起的过程只需要三个步骤:

  1. 规划您的网站图标的设计。
  2. 从头开始或使用 Faviconer 等创建工具创建网站图标。
  3. 将 WordPress 网站图标添加到您的网站,并使用 WordPress Customizer 或 RealFaviconGenerator 的插件(如 Favicon)对其进行优化。