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

Avada主题DEMO建站的心得体会

Avada主题DEMO建站方便快捷美观

Avada主题DEMO建站方便快捷美观

Avada主题建站是这些年比较流行的一种建站方式。特别是在外贸网站方面很受国人欢迎。几年前用过一次 avada主题,那时候 avada版本大概是4点几,通过看网上视频教程看一点操作一点。那是我第一次接触国外主题,整个做下来用了一个月时间也是稀里糊涂的。还记得那个网站用的是默认的 classic Demo,在那个基础上改了一版出来。总之 avada网站看起来很漂亮,不过制作过程并不容易。

这几年断断续续对 avada主题有了一些初步了解,avada主题是themeforest中销量第一的wordpress主题,那里面有上万个国外主题销售,感兴趣可以点我去看看。最近老魏用了 avada主题+wordpress程序搭建网站,正好借着这次机会加深操作技能。本文就简单记录一下这次建站过程中的一些心得体会。

安装 Avada主题前提条件

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

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

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

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

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

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

3、Avada主题。目前在 themeforest上面这款主题是一次付款终身使用,和别的主题一年一付费的情况相比还是蛮划算的。付费后拿到注册密钥留用。

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

用DEMO还是重新设计

因为各种原因这次还是选择了改 DEMO而不是重新设计。改起来就容易多了,而且DEMO一般都有各行各业的代表作品,比如国内有一位宠物行业老板拿DEMO改成功公司官网,也蛮好看。同时他也用 avada重新设计了宠物销售网站,速度和易用性都不错。

总之你如果有设计能力,觉得自己美工还不错,且有充足时间重新设计,那么当然是自己设计出来的更好;没时间也不太懂设计的话就直接用DEMO,官方设计的效果都是很不错的。

选择DEMO依据

根据你的业务需要选择DEMO。比如宠物行业就可以直接照搬兽医DEMO,经过调整很快就能上线网站。所以直接拿来改一改就是了。

就是下面 health& Beauty里面的 Veterinarian 这个兽医DEMO,完美契合宠物网站。

avada主题选择DEMO依据

avada主题选择DEMO依据

DEMO里面有很多你用不着的直接删除就是了(教程:如何删除Avada主题DEMO模板?),你说你不会用也别着急。avada主题其实和搭积木有点像,鼠标拖来拖去的就能慢慢搭起来网站形状了。

老魏这次要做的网站只有一款产品,所以干脆选择了 one page里面的一款主题,特点是页面较少,改版容易,准备在原来基础上改一改就上线。

怎么改DEMO

国外主题有三个基本概念,post,page 和 portfolio。post就是默认的发文章,page是页面,portfolio是avada主题新增的一种类似文章形式,用来发产品,对应的 portfolio catagories是产品分类。老魏看到很多新手对这三个概念一直很迷糊,所以就把个人的经验体会分享一下。

以企业官网/B2B网站为例,post发布企业新闻/blog等企业新闻/企业博客的内容。page发布首页、企业简介、认证证书、企业实力、关于我们等单页面内容。portfolio则发布产品信息。

提前准备好产品的相关信息,比如文字材料、产品图片、工厂图片、使用说明等等一些资料,建站的时候用 photoshop简单编辑图片就可以用上了。

1、我们选择好DEMO之后,按照Avada主题Demo演示导入教程的方法导入DEMO演示到网站中,然后直奔 page,比如找到 DEMO的 home页面,第一眼先看到 fusion slider,这是avada的特效插件,可以做出一些酷炫效果。缺点是访客浏览器打开时比较慢,影响整个页面的打开时间。老魏会 Remove Slider,在这个页面中取消特效。当把所有page页面的 Slider都删除之后,再删除 Fusion Slider插件,节省服务器资源。

移除了Slider就没有那些动来动去的特效了,比如国内建站公司给企业建站这块还是一个卖点能要高价,这个根据你个人业务需要选择吧。

avada主题修改DEMO

avada主题修改DEMO

2、上图中蓝色边框的是 container,老魏管它叫盒子。盒子是页面中最大的模块,一个页面可以放多个盒子。盒子里放入多个列排版,在列里面放入文字、图片、视频、表格等各种内容,就像搭积木一样。所以说你想要学习国外主题, 脑海中要有盒子套盒子的形状,有点像俄罗斯套娃?恩大概是这个意思吧。

灰色细线边框的区块叫 column,老魏管它叫列。比如上图中的那三个区块就叫列。列用来排版,比如左侧列,中间列,右侧列。column列中包含 element要素,要素是盒子中最小的基本元素,要素包括其他的标题、声音、按钮、文字、表格、滑块、地图、分隔线、媒体链接等等,可以有很多种类。

总结一下:post,page,portfilo页面,放入container盒子(最后你看到网页中一部分一部分的内容就是多个盒子),盒子中用 column列排版,用 element要素添加内容。盒子、列的功能是排版,他们不是内容,用途是把内容放到你指定的位置。然后在当中添加 element要素(这是内容)。这三个区块各司其职,组成了一个网页。

简化成一句话:盒子、列(排版),要素(内容)。

avada主题建站选择element要素

avada主题建站选择element要素

3、Avada主题建站像搭积木一样,每个 container盒子 里面包含了若干个小的column列。添加 element然后选择对应的合适要素就行了。比如图片、文本、标题、视频,表格等等很多不同列。老魏建站的时候删除了一些没用的container盒子,添加了一些列和要素。

4、当你把鼠标放到上图的列上面时,会出现四个小图标,笔(编辑),克隆,保存,删除。我们主要用的是编辑功能,点击“笔”进入就能看到具体的设置内容了。

如下图所示是 text block 文字区块的编辑框(与wordpress编辑器、古登堡编辑器看起来都差不多),主要是在下面编辑器中输入文字,懂html语言的话可以查看并直接修改源代码。其他的图片区块、视频区块用起来也都类似的简单设置就行了。如果你懂CSS可以在下面(太大了没截图)填入CSS代码实现更多功能。

对于老魏来说直接把文字换成自己的就好了,再改一下文字大小就行。至于别的区块添加后大家自己琢磨如何使用,功能都在那摆着,多尝试一下就明白了。

Avada主题建站text block文字区块

Avada主题建站text block文字区块

5、Portfolio这次没用,因为只有一款产品大幅减轻了工作量。portfolio是从 post改过来的,当初是为了展示博主图片、相册之类的内容。post本身只能用文本调用,图片调用不方便,所以就设计了 portfolio。page和 portfolio都可以用来发产品,不过Page制作的产品页不能按照分类调用产品,而 portfolio能通过分类调用,在工作量上明显 portfolio比Page要省不少。

Portfolio是很重要的建站组成部分,如果是多个产品的外贸网站,相当一部分时间和精力都是花在这上面的,这是客户最想看的部分。具体操作起来和上面提到的 page是一样的,也是添加 container盒子,column列和要素element等组成部分,也就是“套娃”。

6、Appearance外观 > Menu菜单中改一改网站菜单,该添加的添加,该删除的删除。

7、Post发布企业新闻/企业博客之类的内容,这块定期发布,有利用网站seo优化。post发布内容时可选 default editor还是 fusion builder。一般文字+图片都用默认编辑器就行了,折腾 fusion builder就太费事了。

8、安装sitemap插件:Google XML Sitemaps,教程请看Google XML Sitemaps插件使用教程,至于seo插件有很多人用了,老魏这里就不用了,没有用这类插件的习惯。

9、Wordpress先不要开放给搜索引擎抓取,先禁止。等到网站正式完工之后再放开抓取。

10、使用了 cloudflare给网站加速(教程:Cloudflare 国外免费 CDN 加速注册使用教程),老魏在国内打开网站速度还是蛮快的。另外给网站添加 SSL证书(教程:宝塔 Linux 面板一键获取 Let’s Encrypt 免费证书教程),好处多多。

11、其实这次建站还有很多小细节,因为篇幅关系没有一一体现出来。因为只是改一改DEMO,工作量也并不大。

建站是业余时间操作的。总体来说修改DEMO来建站还是容易多了,如果你对这类国外主题有一定了解,那么avada主题DEMO演示还是比较友好的,即使初次接触的人在搞懂了一些基础概念和名词之后,也能很快上手。可以节约大量时间和精力用于网站SEO和内容推广,这是更重要的事情。

老魏这次用 avada主题建站也是一个巧合,最近在研究 avada主题然后就有这么一个网站需求摆在面前,就当做是练手了,顺便也积攒了一些经验,以后可以接触、使用、分享更多国外主题知识和经验。

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

赞(0) 打赏
允许转载,保留出处:魏艾斯笔记 » Avada主题DEMO建站的心得体会

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

支付宝扫一扫打赏

微信扫一扫打赏