Avada主题详细教程:从0开始创建一个网站

2022年6月7日

Avada主题是WordPress主题森林网站销量常年占据第一的产品。这是一款非常优秀的网站主题,使用它你可以构建各类博客、企业网站、电商网站等多种类型的页面。很多公司和外贸都在使用Avada主题(配合 WooCommerce 插件)。

此教程仅介绍Avada主题的详细安装使用,关于 WooCommerce 插件的使用以后我会另写一个系列教程。

下面每篇文章的发布和调整过程大修小改基本都用了一天左右。

后期我们在网站实际设计中需要的时间更长,一般一个网站页面稳定成型需要很多时间,这期间基本都在做各类微调操作。前期我们做好大致风格,后期微调才是最难的工作。博主在后期也会发布一些小细节调整的单篇文章,建议直接收藏本页面。

提醒,本站所有教程文章及资源无需付费和需登录即可查看和下载,转载请带上本站教程地址。

教程环境

WordPress:6.0
Avada:V7.7.1
PHP:7.4
MySQL:5.6
Nginx:1.20.2

上面环境版本使用其他版本基本不受影响,不需要跟本教程版本一致。

教程演示站点(后期可能删除):http://avada.diqizhang.com/

教程目录

以下是教程详细步骤列表

WordPress主题–Avada主题破解版下载

Avada主题教程 1:主题的下载上传和启用

Avada主题教程 2:创建带图文的超级菜单(导航菜单)

Avada主题教程 2.1:超级菜单使用教程2.0版本

Avada主题教程 3:网站Footer页脚元素设计

Avada主题教程 3.1 :邮件订阅表单设置

Avada主题教程 4:网站post文章主体页面排版设计

Avada主题教程 5:网站分类目录页面设计

Avada主题教程 6:创建搜索结果页面布局

首页页面如果从前面的教程来讲,我们首页也应该创建传统博客样式得排版。但是那种排版和分类目录页高度类似,写一个文章也没什么意义。

下面博主将写一些其他类型排版的教程。比如首页首屏大图模块、页中项目产品展示、页尾画廊、图文列表等的设计。

关于这些元素的设计会比较零散。如果你想要做一个漂亮的网站出来,我推荐你综合网站内容和受众人群。来综合设计网站排版样式和色调,尽量做到样式统一。

在首页设计的文章中我会先放出预览图,整体分析,然后是操作步骤。

Avada主题教程 7.1:首页首屏大图 2栏 图片+文字

Avada主题教程 7.2:首页首屏 三栏 图片+文字

 

 

Posted by 柴郡猫