关注VPS服务器
相关知识分享

Avada主题网站favicon图标设置详细图文教程

Avada主题网站favicon图标如何设置?很多网站打开后在浏览器标题栏会发现前面有一个小图标,在浏览器标签页和收藏夹中也能看到。这个标志名叫 favicon图标ico图标网站图标。是展示网站个性的logo标识,能够让网站看起来每专业、美观、有个性。同时在搜索引擎seo中也是必不可少的元素,老魏分享 avada主题如何添加 favicon图标的详细教程。

之前针对普遍性质的网站,老魏写过怎么制作网站 ico 图标并上传生效,本文是专门针对 avada主题网站图标分享的,类似的国外主题在后台设置的 header,options中都能找到 ico或 favicon设置项。

安装国外主题前提条件

1、如果你是学习的话,选择 1核2g配置的服务器起步,如果用 avada主题建站要使用 2核4g配置,这样才能运行流畅。
国内服务器:阿里云腾讯云(都有代金券,付款时抵用省钱) 国外服务器:点我登陆 Vultr 主机 不知道如何选择地域、配置请在页面右侧+老魏的联系方式,我们一起研究。

2、如果是学习国外主题,那么也可以不用域名,直接用服务器IP当做网站域名使用。 如果是用来建站,那么就要注册域名了。主要用户是老外的话(外贸网站、B2C/C2C等),建议在国外注册,不要在国内注册。打开namesilo官网,在搜索框里输入要注册的域名,选择好之后注册,付费之前记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。

3、Avada主题 是themeforest中销量第一的wordpress主题,感兴趣可以点我去看看,那里面有上万个国外主题销售。目前在 themeforest上面这款主题是一次付款终身使用,和别的主题一年一付费的情况相比还是蛮划算的。付费后拿到注册密钥留用。

4、建站面板。老魏在本文中使用了宝塔面板,点我领取宝塔官方赠送 3188元优惠券礼包。新用户可享受0.99元体验1个月专业版,多亏宝塔的可视化操作界面部署avada主题才这么快速。

5、Siteground虚拟主机是 wordpress官方推荐的主机,与 wordpress是天生一对。老魏在实际使用当中发现 siteground虚拟主机上面的 wordpress网站速度、稳定性都很棒,而且在国外测试评分网站的得分也很高,如果你打算长期运行外贸网站,老魏强烈建议选择 siteground虚拟主机。
如果你要做外贸网站,点我打开 siteground去注册一个新账号,开始你的外贸建站之旅吧。
关于 siteground建站:siteground专题

Favicon图标意义

  • 具有象征性意义,有点类似产品商标;
  • SEO优化意义,搜索引擎规则有提及;
  • 建议使用 .ico后缀名的文件,尺寸更小便于网络传播。

制作favicon图标

搜索:在线ico图标制作,随便点击一个网站进去,我们就用这个 ico的logo作为例子拿来使用。用 qq截图后扔到 photoshop中,以截图的长度数字为依据,新建 长宽相等(正方形)画布,拖拽进去并适当调整尺寸,生成web所用格式,选择png格式,保存。

制作favicon图标

制作favicon图标

如下图所示回到在线ico制作网站中,选择刚才生成的正方形图片,目标尺寸16*16,老魏测试 32*32图标的文件大小是 16*16的4倍多,而实际效果没区别,所以16*16是合适的。

生成。

本文中的ico图标就是借用了下图中网站的图片做例子讲解的。

在线生成favicon图标网站

在线生成favicon图标网站

打开 avada主题进入 avada > Theme Options > Logo > Favicon,在 Favicon栏点击 upload 并上传刚才制作好的 16*16图标,save changes。

avada主题上传 favicon图标

avada主题上传 favicon图标

打开前台网页随便切换几个页面,能看到浏览器标题栏中的图标从默认的 wordpress图标变成了刚上传的图标,这样就成功完成了Avada主题网站 favicon图标设置。

下图是 wordpress默认图标,本文案例修改的 ico图标,魏艾斯笔记的 vps 图标对比。

wordpress默认图标 w,本文案例修改的 ico图标,魏艾斯笔记的 vps 图标对比

wordpress默认图标 w,本文案例修改的 ico图标,魏艾斯笔记的 vps 图标对比

这是本专题38篇文章中的第20篇: Avada

赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《Avada主题网站favicon图标设置详细图文教程》
文章链接:https://www.vpsss.net/21967.html
本站资源仅供个人学习交流,转载请保留出处及链接,不允许用于商业用途,否则法律问题自行承担。