首页 > 创作专业网站 > 零基础创作专业wordpress网站12-设置标签栏图标(favicon)
2018
09-12

零基础创作专业wordpress网站12-设置标签栏图标(favicon)

这节课,我们来介绍如何设置标签栏的图标,什么是标签栏图标呢?就是这里:

wordpress favicon - 零基础创作专业wordpress网站12-设置标签栏图标(favicon)

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

在哪设置这个图标呢?

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

wordpress站点图标设置 - 零基础创作专业wordpress网站12-设置标签栏图标(favicon)

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

制作favicon

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

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

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

wordpress logomakr - 零基础创作专业wordpress网站12-设置标签栏图标(favicon)

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

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

wordpress 修剪按钮 - 零基础创作专业wordpress网站12-设置标签栏图标(favicon)

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

wordpress保持logo - 零基础创作专业wordpress网站12-设置标签栏图标(favicon)

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

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

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

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

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

我是MrBang。

最后编辑:
作者:MrBang
WordPress迷

留下一个回复