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

通过Avada主题了解网页基本结构和页面布局

Avada主题是目前很流行的国外建站主题,我们在学习 avada主题建站初期有必要先了解网页基本结构和页面布局情况,这样对后面使用 avada主题建站,了解 avada主题Theme Options设置有很大帮助。Theme Options也叫主题选项,在 avada主题的网页布局中包括了很多设置项目,可以说网页中你看到的很多结构形式都是在 theme options中设置好的。

外贸产品网站包含多个不同含义的页面,比如网站首页、公司介绍页、产品分类页、产品详情页、国际证书页、联系我们等一系列围绕着企业和产品的页面。虽然每个页面内容不同,不过你仔细观察后会发现每一个页面在“天”“地”“左”“右”的布局上是比较相似的。比如魏艾斯笔记这种博客类型就很容易能分辨出页头、页尾,内容区域和侧边栏。

如下图所示是 avada主题经典DEMO的一个产品详情页,按照不同功能我们分为 6个区域,各自有各自的功能。

avada主题经典DEMO页面布局结构

avada主题经典DEMO页面布局结构

  • 区块1:Header也叫页头、页眉、网站头部,这部分区域包含:Logo、导航栏、顶部联系方式、SNS图标等。在Avada主题 Theme Options -> Header。Header 中的Logo和Menu分别在 Theme Options > Logo 和 Theme Options > Menu 设置;
  • 区块2:Page Title Bar也叫页面标题,还有面包屑的相关设置在 Theme Options > Page Title Bar 中找到。
  • 区块3:Content 是网页正文内容,在编辑每个页面(Page、Portfolio、Post)时在Fusion Builder 中设置布局、添加和修改内容。这里是网页中动态变化的部分(每个产品页面、每个新闻页面内容都不同)。
  • 区块4:Sidebar 是侧边栏,平时常见于网站右侧。存放产品分类、新闻标题、联系表单等。Sidebar分左、右两种,根据需要设置都显示、都隐藏或只显示一个,比如上图中的 right Sidebar,每个页面的 Sidebar 可以设置不同样式。Sidebar 内容在 Appearance > Widgets 添加;Sidebar 样式在 Theme Options > Sidebars 设置。
  • 区块5:Footer又叫页脚/网站尾部。根据需要能设置1栏~6栏,常见的是3栏、4栏。比如本文图中的 Footer分成 4栏,包括about us,you may interested, contact info, search。内容和Sidebar一样在 Appearance > Widgets 中进行添加修改。
  • 区域6也叫Copyright Bar,是 Footer的一部分。样式等在 Theme Options > Footer中设置。
Avada主题 Theme Options > Header

Avada主题 Theme Options > Header

以上几个区块中涉及到具体页面时部分参数可以在开启 fusion builder后,在页面下面的 fusion page options 中找到。

本文内容不仅适合 avada主题初学了解,所有的网站主题内容也都是由这些区域组成的。只要你想搭建网站就有必要先了解网页基本构成、页面布局这些基础知识。在学习 avada主题初期搞清楚页面由哪些部分组成,然后想调整某个区域内容和样式时就知道该去哪里设置了。即使以后你不用 avada主题建站,了解了这些网页基础知识也可以很好的用于其他建站主题当中。

域名、服务器、面板、程序、主题

建站首先要准备域名、服务器。

1、域名:国内网站使用就一定要在国内域名商注册,比如阿里云腾讯云等等,涉及到域名实名要求是在国内注册。如果外贸网站建议在国外注册域名。打开namesilo官网,在搜索框里输入要注册的域名,选择好之后注册,付费之前记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。

2、云服务器:选择国内服务器就要申请网站备案,选择国外服务器就不用了。

3、配置:根据长期建站经验,老魏建议使用 2核4g配置,这样才能运行流畅。

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

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

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

4、面板:网站程序是在建站环境中运行的,我们一般称之为:建站面板、环境面板,一键环境包等等。目前国内比较流行的可视化建站面板是宝塔面板,还没有安装宝塔面板的朋友,请点我直达宝塔面板官网,记得注册宝塔官方账号后,要绑定到你服务器的宝塔面板中,新用户即可享受0.99元体验1个月专业版。

5、程序:wordpress可以免费下载安装使用。

6、主题:Avada主题是目前 themeforest上面销量第一的 wordpress主题,功能强大,建站像搭积木一样便捷。那里面有上万个国外主题销售,感兴趣可以点我查看详情。Avada是付费的,目前一次性付款60美元终身使用,很划算。

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

赞(0) 打赏
允许转载,保留出处:魏艾斯笔记 » 通过Avada主题了解网页基本结构和页面布局

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

支付宝扫一扫打赏

微信扫一扫打赏