主题图标_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格式,保存。

eb49d99cb9286454acc6671c0e8f3b27.png

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

生成。

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

5a85319576b7a54412bdae70c0c6141d.png

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

b7798cd09aaa21526ec2b442a17b5091.png

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

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

acaa6830e77dccc9f08c1d006bbeca4f.png

安装 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、更多关于 avada主题的详细内容如下:

企业上云wordpress+Avada主题如何选择服务器配置及机型

Avada主题安装教程_如何部署Avada主题到wordpress程序

Avada主题Demo演示导入教程 快速搭建美观大气的网站

如何删除Avada主题DEMO模板

Avada主题新建/编辑页面没有Fusion Builder编辑器的解决办法

WordPress+Avada主题建站详细流程

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值