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

分类目录 Archive 页面的模板我搞了 5 个最后还是选择了普通博客常见的 2 栏布局，左侧为内容列表，右侧为小工具栏。

目前 5 个样式都还在测试站点展示着，可以去看看。

后期可能会删除测试站点，样式的截图我会发到本文末。

整体思路

分类目录页面创建还是挺简单的，avada 带的元素工具有多个可以调用文章列表。

在此文中我们使用的是“Blog”和“Widget Area”两个工具来完成了整体页面的创建。

预览图

如果你想要展示图片等内容，可以考虑使用类型一或者二的展示方式。

创建布局

和前面的文章页面排版一样，我们目录列表页面也是需要创建一个布局，并且关联上他的显示关系。

修改布局

创建容器我们直接添加一对 3/4 和 1/4 的两列组合即可。

左侧使用“Blog”调用博文列表。右侧使用“Widget Area”调用小工具栏。

文章列表我们使用的“Blog”工具调用，下面说下他的详细设置。

样式布局 Blog Layout ：中等 Medium
每页文章数量 Posts Per Page ：8（自己根据需求调整）
摘抄字数 Excerpt Length ：120
分页类型 Pagination Type ：分页

这里指的更改的设置主要是分页类型，本文是分页模式，你也可以选 滚动加载 或是 加载更多按钮。

摘录设置

avada 是个国外的主题，在国内使用数量还是较少的。他的摘录字数默认是字符计数。在汉字统计时会出问题。

这里我们需要更改一下 avada 的摘录统计方式。

在 avada 选项设置中–Extras–摘录长度基于 ，选项设置中，我们改为单词方式。

更多排版截图

图片有点长。