趁着热度,我们继续昨天的教程。在理解了Avada的基本设计原理之后,或多或少有了一些思路。需要记住,在Avada眼里,任何一个网页都是由四个部分sections组成的,分别是Header头部、Page Title Bar页面标题栏、Content主体内容部分、Footer底部。其中,头部和底部套用在Global Layout全局布局中。网站中任何一个网页,如果不特别指定,默认情况下会直接调用全局布局中的头部和底部,也就是说,一次性做好头部和底部,就行了。而页面标题栏则需要根据页面的功能用途,进行单独设计。如果是文章页,那么做成标题大通栏即可,简洁明了。如果是栏目页,则可以引以一些幻灯片或者大图特效,让页面显得更专业大气些。至于主体内容页,顾名思义,用于展示内容的。比如文章页的文字内容,产品页的产品内容,关于我们页的介绍我们的内容等等。

当然,很少有人会去从代码层面去单独设计整个网站,网页设计控制页面需要用到大量的css,需要兼顾到SEO的要求,需要理解美工配色。尽管Avada被称为全开放的主题模板,用户可以任意组合设计自己想要的网页效果。不过,从一个有过10年网站技术专业背景的角度来看,千万别这么干,你会累吐血。真正专业的网页设计师,并不只是懂些美工设计,会Div+Css那么简单。务实一点,专业设计能让你的网站显得高端大气上档次,在客户面前留下好的印象,而代码层面的设计,则依据Google SEO影响因素,能让你的网站高度优化,适配大多数不同类型的展示终端。

采用Avada的好处,即是如此。设计专业一流,代码优化也是一流。特别值得一提的是Avada设计了80多套演示主题模板。从业余到专业,你所要做的,就是从中找一条能适合你的业务的演示模板,然后一键导入,快速建站。

80多套模板助力快速建站

Avada的最大优点之一就是快速建立专业网站。截止到2021年3月30日,Avada已经发布了82套演示模板,也就是说,一次购买商业授权后,可从这82套演示模板中任意选择一套用于网站搭建。没错,这里所说的快速,明确点说,就是直接使用官方已经提前做好的演示模板,将演示内容、图片修改成自己的需要的即可。

Avada的演示模板覆盖了行业非常广泛,无论是个人博客、电商网站,还是学校网站、酒店网站,或者是软件后台界面、专题活动网站,Avada的演示模板都可以拿来直接用。

你可能并不懂得美工设计这些,也不了解css样式表是如何控制页面布局和排版设计,没关系,这些现成的演示模板都经过了反复测试,无论是代码优化,还是美工设计,都是专业一流的。所以,在开始用Avada去专业化你的网站之前,第一件要做的事情就是从这82款演示模板中,找到一款最贴合自己主题,功能需求最接近,美工设计也最能让你诚心如意的模板。

举例来说,晨飞本身也并不是什么专业的美工设计,事实上,也缺乏美学基础知识,所以,更多的时候,我会站在一个读者或者网站访问者的角度去看待演示模板选择问题。简单点说,看第一印象。如晨飞博客所用的Avada virtual assistant模板,当我第一眼看到这个模板的时候,我就被模板强烈的配色对比所吸引了,这是专业水准的设计,并且比较适用于我的博客主题。索性,花了一周时间,Avada替换掉了原网站主题。然后,也就有了大家所看到的2021版晨飞博客。

下面,我们就分步完成,从购买Avada,部署主机,一键导入Avada演示内容。

购买Avada商业主题模板

不要去下载那些所谓免费版、中文汉化版、中文破解版。这是高风险行为。要知道Avada的程序是完全开放的,稍微懂点编程技术的人,都可以在将一段网上下载的php木马放进Avada的程序包中,然后以免费破解的形式进行传播。如果你真为了省那几十美元,用了这个所谓的免费版。事实上,在你安装的时候,php木马也一并被安装进了你的服务器中。至于后果,轻则挂马,搞些隐藏外链,耗费服务器资源,重则窃取订单,篡改网页内容。而破解版,就更荒唐了。每一套Avada都对应唯一的序列号,只有当序列号与Avada官网匹配上之后,才能从官网远程导入演示模板,并且可永久免费升级。上面说的,Avada的代码是完全开源的,但又和Avada服务器有着密切关联。破解的意义何在?所以,作为跨境创业者,不要在商业授权上动什么歪脑子,一方面是商业道德和法律风险,另一方面是网站安全隐患。

Avada是商业主题模板,60美元/套,实际上还会有2美元的手续费。Avada的唯一的销售渠道是在 avada 上。Avada的价格坚挺,每年也只在黑五期间会又一个大幅优惠政策,可降价到39美元。

你可以点击下面链接进入avada购买页面。

进入Themeforest 购买Avada商业主题模板

点击链接进入之后,你可能看到一下画面。这是防机器滥用机制,手动勾选即可跳过。

进入页面后,点击右侧Buy Now,进入购买流程。

第一次在themeforest中购买。还需要创建一个Envato市场账号。完成基本表单填写后,你会碰到以下情况:

没错,如果你无法科学上网,大概率是无法完成付费购买流程。仍然是防范滥用,themeforest启用了Google reCAPTCHA人机身份验证功能。然而,themeforest并不知道,在中国,是无法使用google的一些服务的。这个问题只能自己想办法解决。不过,在我看来,作为跨境创业者,如果缺乏基本的见识世界能力,跨境创业也无从谈起。

开启科学上网之后,验证功能就加载出来了。

完成验证,进入付款缓解,两种方式,信用卡或者PayPal。到这里,发现价格多了2美元出来,Themeforest称之为Handing Fee。大概就是收款工具收取的手续费吧。

最后,完成付款。

下拉菜单有4个选项,点击第二个,下载可安装版本wordpress文件即可。一个名为themeforest-VeipXMI1-avada-responsive-multipurpose-theme-wordpress-theme.zip的压缩包。

到这里,我们就拿到了Avada安装软件包了。接下来就是创建主机,安装并完成演示模板的导入。

主机购买

搭建一个网站,域名和主机是必备选项。在《跨境电商Woocommerce独立站完整搭建教程》详细解读了域名和主机的选择。简单点说,域名到 NameCheap 上购买,价格便宜,比如 COUPONFCNC ,原价8.88美元,优惠码折扣20%,结算只要7.28美元,相当于人民币48.8元,我想似乎很难找到更便宜的价格了。

主机的话,我推荐使用Cloudways的主机,原因可参考这里《Cloudways的Vultr HF高性能云主机 网站更快 Google排名更高 流量更多》。 Cloudways 提供了独立云主机完全控制权限,拥有独立ip,内置了Wordpress、Magento、Opencart、Drupal、Joomla等主流开源软件,用户可一键安装。显然,在同等价位上, Cloudways 作为独立云主机,无论是性能、速度还是可控性、可扩展方面,都要远远优于传统的共享主机。

为帮助晨飞博客会员用户降低独立站初期成本投入,并做好网站性能SEO站内优化,我单独创建了一台位于洛杉矶的Vultr HF高性能主机,所有会员用户可免费部署一个独立站,并获得免费的站内优化技术支持。当然,你也可以自行购买,Cloudways的Vultr HF高性能主机每月费用13美元,独立IP地址,不限网站创建数量。这种方式适用于独立自主的专业跨境卖家,独立掌控主机,可创建多个独立网站,自由度更高。

创建默认网站

Avada安装模板演示,我们就以在Cloudways主机上开设的网站为例。如果你是自己购买Cloudways主机,可参考《Cloudways的Vultr HF高性能云主机 网站更快 Google排名更高 流量更多》了解开设方法,这里就不再赘述。

在Cloudways可以选择默认安装WordPress版本,出于演示目的,我们这里就直接安装默认版的WordPress Version 5.6。当然,跨境电商卖家,大都会选择带WooCommerce的WordPress。

大概2分钟后,默认的网站就创建好了。我们得到了一个网站临时访问网址,后台登陆账号和密码。出于演示目的,这里就暂时不绑定自己的域名了。

默认网站是这样子的:

默认后台是这样子的。

安装Avada与激活

大概2-5分钟,完成上传,如果出现错误,有可能是主机服务器设置了上传文件大小限制,到Cloudways主机管理界面去,把上传限制大小改大一些。

完成后,点击激活。

你将看到以下界面:

按部就班,第一步,用购买码去激活Avada,第二步,再从演示模板中一键导入,第三步,调整编辑网站内容直到最终效果。

到themeforest中去下载购买码txt文档,

打开后,复制那一长串代码

粘贴到网站后台进行注册,完成Avada的授权激活。

接下来,你就可以一键导入演示模板内容了。

导入演示模板

如图所示,截止3月31日,演示模板增加到了82套,最新增加的是两套用于电商领域模板。不过,作为演示目的,我们还是选择一个比较传统演示网站,比如Business Coach进行演示。

点击Preview,可以浏览演示网站的样子,如果认可的话,点击Import进行导入环节。

如图所示,先安装2个必备的插件,Avade Core和Avada Builder,再勾选ALL,进行一键演示数据导入。

需要注意的是,很多读者反馈导入失败,反复多次也不行。这里大概率是你的主机服务器内存限制或者php最大处理时间限制过低。如果你有主机管理权限, 进入主机后台去设大一些即可。如果你使用的是共享主机,则可能没有权限进行调整。那么,只能尝试单个单个完成导入。

正常情况下,1-2分钟之后,演示数据就完全导入到网站中了。这时候,再刷新网站,会发现网站已经变成了演示模板内容了。

到这里,我们完成了Avada演示模板内容的导入。接下来,要做的事情,就是编辑、设计、调整演示模板中的内容。Avada的演示模板设计大都非常专业,无论是网页配色,还是内部结构方面,都是一流水准。所以,原则上,为了快速建站,并不建议自己再重新配色,或者大幅修改结构设计。你所要做的,就是将更换LOGO、更换图片、更换菜单内容、填充文字内容、以及任何与自身业务并不相关的内容展示。

当然,如果在完成演示模板导入之后,发现这并不是自己喜欢的那种设计,那么,回到导入界面。勾选上 Revome,并点击Remove删除按钮,如此,之前导入的演示内容就被删除重置了。你又可以重新选择其他演示模板进行导入操作。

总结

这篇教程,我们完成了演示模板的内容导入工作。坦白说,过程并不复杂。但从读者或会员中得到的反馈来看,不少人一开始就卡在演示导入环节中,以至于后续失去了对Avada的信心。

耐心一点,万事开头难。正如我所说的那样,Avada的品质和专业性是有目共睹的,当你熟练掌握的Avada的设计原理以及后台各项操作之后,你将有能力驾驭任何类型的网站。

在线购买Avada主题模板 开启你的网站

Leave A Comment

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据