当前位置:网站首页>零基础创作专业wordpress网站12-设置标签栏图标(favicon)
零基础创作专业wordpress网站12-设置标签栏图标(favicon)
2022-08-11 08:53:00 【51CTO】
这节课,我们来介绍如何设置标签栏的图标,什么是标签栏图标呢?就是这里:

image
种图标通常需要有一个透明的背景。
在哪设置这个图标呢?
自定义 > 站点身份 > 站点图标:

image
它提示我们:站点图标必须为方形,且宽高至少512 × 512像素。
制作favicon
在这里我们就需要创建一个logo,大家可能会觉得制作一个logo很难,一开始我也觉得,那我在twitter上关注了一些设计类的话题,我有一个习惯,就是早上起床刷刷twitter,了解今天世界上发生的新鲜事,每天刷一刷twitter不仅可以看新闻,还是可以涨知识的.
有一天我收到了关于logo制作的一个推送,有一个在线制作logo的非常实用的网站: https://logomakr.com/
可以在网站搜索一些图标,如果你想要三角形,就可以搜索:

image
接着,我们可以修剪它的大小到:512 × 512像素
点击这个按钮可以拖拽修剪:

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

image
下载完成后,把站点图标设置为刚刚保存的图标即可。点击发布,来到网站前台预览,就可以看到添加的站点图标了。
这就是我们创建网站的一个完整的流程。
现在我们退出wordpress登录,以用户的身份来看最终的效果。
这4个页面都是OK的,咱们制作的网站还是非常漂亮大方的。
希望你能够喜欢你自己亲手制作的网站,也希望你能够喜欢这套视频教程。
我是MrBang。
边栏推荐
猜你喜欢
随机推荐
Kotlin算法入门求自由落体
for循环和单击相应函数的执行顺序问题
Kotlin算法入门计算质因数
[UEFI]EFI_DEVICE_PATH_PROTOCOL 结构体初始化的一个例子
【系统梳理】微服务的注册和发现中心
MySql事务
Kotlin算法入门计算水仙花数
WiFi cfg80211
如何在移动钱包中搭建一个小程序应用商店
ASP.NET Core 6框架揭秘实例演示[32]:错误页面的集中呈现方式
shell之sed
Interview questions about Android Service
用 Antlr 重构脚本解释器
阿里云OSS上传文件超时 探测工具排查方法
YTU 2297: KMP pattern matching three (string)
第一次因没有找到iframe元素而怀疑selenium4是不是有bug?
万字长文带你了解多态的底层原理,这一篇就够了
jenkins 流水线脚本详细解析Pipeline
Typescrip编译选项
IPQ4019/IPQ4029 support WiFi6 MiniPCIe Module 2T2R 2×2.4GHz 2x5GHz MT7915 MT7975









