初学者指南:将 WordPress 网站图标添加到您的网站的 3 种简单方法

已发表: 2021-11-11

您听说过WordPress Favicon或站点图标吗? 如果没有,favicon 是一个小图像,显示在浏览器选项卡中您的网站标题旁边。 除此之外,当您为标签添加书签或将网站添加到智能手机设备或其他地方的主屏幕时,您可以看到网站图标。

因此,网站图标是您品牌推广不可或缺的一部分。 因为它可以帮助人们轻松识别您的网站并快速识别您的品牌。 Favicon 甚至还增强了网站的用户体验。

因此,在本主题中,您将了解我们在您的站点中使用网站图标的好处以及创建它的方式。 之后,您可以选择三种方式之一将站点图标添加到您的网站。 最后,还有一些使用时的提示。

让我们潜入吧!

拥有 WordPress 网站图标的好处

– 当用户打开太多标签时快速识别每个站点

– 当他们可以看到网站的标题但他们仍然可以通过打开的选项卡上的网站图标找到您的网站时改进用户体验

Favicon WordPress帮助您的网站看起来更专业和令人印象深刻。 所以这也可以建立信任。

– 另外,如果客户想将您的网站保存到他们的主屏幕,favicon 将在客户的智能手机设备上显示为图标。

如何制作 WordPress 网站图标

大多数人会使用他们品牌的标志作为他们的网站图标或网站图标。 如果您已经拥有该图像,则可以立即转到下一部分。 如果没有,请继续阅读指南以制作WordPress Favicon

这个小图片应该是 PNG、JPEG、ICO 和 GIF 格式。 当然,您可以在任何类型的浏览器上看到您的网站图标,但带有 JPEG 格式的网站图标的 Internet Explorer 除外。

如果您知道如何使用 Adob​​e Photoshop,则可以使用它来快速设计站点图标。 您应该申请的图标大小为 512×512 像素。 这意味着它是方形的。 此外,您设计的图像可以是透明背景或彩色背景。

但是,如果您有现有图像,则可以尝试使用 RealFaviconGenerator、Favicon.cc 或 Favicon Generator 来创建站点图标集。

– RealFaviconGenerator 和 Favicon Generator 可以帮助创建应用程序图标,在 PNG 和 ICO 文件中提供WordPress 更改 Favicon ,甚至在上传图像后定制您的站点图标,等等。

– Favicon.cc 有助于从头开始构建站点图标,如果您还没有或从现有图像上传。

如何将 WordPress 网站图标添加到您的网站(3 个简单选项)

成功创建网站图标后,您现在可以轻松地将其添加到您的网站。 现在让我们探索 3 种方法:

使用 WordPress 定制器上传您的网站图标

从 WordPress 4.3 开始,您可以直接在管理面板上快速添加您的网站图标。 上传图像后,您也可以对其进行裁剪。 请记住,图像的尺寸至少为 512×512 像素。

所以你可以简单地去你的 WordPress 区域,在你的侧边栏中找到Appearance -> 选择自定义

wordpress 自定义外观

接下来,单击站点标识选项卡:

wordpress 网站标识

然后您可以看到站点图标部分,然后单击选择站点图标按钮:

选择站点图标

之后,您可以选择在媒体库中选择现有图像或从计算机上传新图像。

要使用 RealFaviconGenerator 生成您的网站图标,您必须下载软件包并解压缩文件。

不要忘记单击“选择”按钮。

选择 favicon thimpress

如果您的图片超出标准尺寸,WordPress 也会帮助您进行裁剪。 但是,如果您的图像符合标准尺寸,您只需要保存发布您的更改。 所以现在您可以在浏览器或智能手机上看到您的网站图标。 特别是,如果您希望您的网站图标出现在您的移动主屏幕上,您只需在浏览器菜单上选择添加到主屏幕即可。

即使您打算更改 Favicon WordPress ,您也可以重做上述步骤并完成。

使用插件添加您的网站图标 WordPress

Favicon 添加到 WordPress的第二种方法是安装插件。 在本节中,我们建议使用 RealFaviconGenerator 的免费插件 Favicon。 这是一个简单而有用的插件,具有数十种强大的设备和应用程序图标功能。 因此,您可以通过管理仪表板查看安装 WordPress 插件的方法:

安装图标插件

成功激活插件后,转到您的管理区域,将鼠标悬停在侧边栏中的外观-> 并选择Favicon生成 favicon

与第一种方法类似,您可以从媒体库中选择上传图像。 请记住提交至少 70 x70 像素的方形图片。 最推荐的尺寸是 260×260 像素。

从媒体库中选择

单击Generate favicon 后,您将被导航到RealFaviconGenerator网站而不是 WordPress 网站。

因此,您可以单击网站底部的生成您的收藏夹和 HTML代码按钮。 然后插件会将您带回管理仪表板。

站点图标生成器

该工具完成工作后,您可以看到您的WordPress Favicon已启动并准备就绪,在 iOS、桌面或 Windows 8 和 10 上具有不同的外观。

在 3 个屏幕中安装站点图标

通过 FTP 添加您的网站图标

如果您想以具有挑战性的方式添加您的网站图标,您可以通过 FTP 来完成。 首先,您应该拥有自己的网站图标图像。 其次,我们将使用 RealFaviconGenerator 包来执行此方法。

1. 您应该通过 FTP 客户端访问您网站的文件。

2. 确定根目录并上传您的 favicon 包的内容。 它应该是 favicons.zip。

请注意所有文件(wp-admin 和 wp-content)都应该在同一个文件夹中。 这就是WordPress Favicon Change的全部内容。

使用 WordPress 网站图标的其他提示

对于多站点网络,我们强烈建议您安装 favicon 插件。 通过编辑您的主题文件,它可以帮助您在每个网络站点中拥有一个独特且令人惊叹的网站图标。

基本上, WordPress Favicon将存储在您的服务器上。 如果您希望有多种选项来优化您的站点,您可以使用 CDN 来提供此图像。

这些是如何在 WordPress 中更改 Favicon 的一些提示,您可以参考。

最后的想法

希望您了解我们关于如何在 WordPress 中添加 Favicon及其好处的文章。 如果您有网站图标,它将提高您的品牌知名度和用户体验。 有 3 种方法可以添加您的网站图标,但第一种方法是最简单的选项时的第一个建议。

阅读更多:WordPress 用户角色:它们是什么以及如何使用它们?