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

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

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

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

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 图标对比

安装 Avada主题前提条件

1、教程使用的国内服务器 1核1g从实际使用来看速度并不快。如果你是学习的话,选择 1核2g配置的服务器起步,如果用 avada主题建站要使用 2核4g配置,这样才能运行流畅。

国内服务器:阿里云腾讯云(都有代金券,付款时抵用省钱)

国外服务器:点我登陆 Vultr 主机

不知道如何选择地域、配置请在页面右侧+老魏的联系方式,我们一起研究。

2、如果是学习 Avada主题,那么也可以不用域名,直接用服务器IP当做网站域名使用。

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

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

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

本文是全系列中第5 / 18篇:Avada

赞(0) 打赏
允许转载,保留出处:魏艾斯笔记 » Avada主题网站favicon图标设置详细图文教程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏