如何创建一个完美的网站12-设置标签栏图标（favicon）

文章目录 显示

这节课，我们来介绍如何设置标签栏的图标，什么是标签栏图标呢？就是这里：

这种图标通常需要有一个透明的背景。

在哪设置这个图标呢？

自定义 > 站点身份 > 站点图标：

它提示我们：站点图标必须为方形，且宽高至少512 × 512像素。

在这里我们就需要创建一个logo，大家可能会觉得制作一个logo很难，一开始我也觉得，那我在twitter上关注了一些设计类的话题，我有一个习惯，就是早上起床刷刷twitter，了解今天世界上发生的新鲜事，每天刷一刷twitter不仅可以看新闻，还是可以涨知识的.

有一天我收到了关于logo制作的一个推送，有一个在线制作logo的非常实用的网站：https://logomakr.com/

可以在网站搜索一些图标，如果你想要三角形，就可以搜索：

接着，我们可以修剪它的大小到：512 × 512像素

点击这个按钮可以拖拽修剪：

双击修剪完成，然后可以调整logo的大小来适配修剪框，调整好后，点击保存，下载即可：

下载完成后，把站点图标设置为刚刚保存的图标即可。点击发布，来到网站前台预览，就可以看到添加的站点图标了。

这就是我们创建网站的一个完整的流程。

现在我们退出wordpress登录，以用户的身份来看最终的效果。

这4个页面都是OK的，咱们制作的网站还是非常漂亮大方的。

希望你能够喜欢你自己亲手制作的网站，也希望你能够喜欢这套视频教程。

我是MrBang。