Avada主题教程 5:网站分类目录页面设计
教程总目录:Avada主题详细教程:从0开始创建一个网站
分类目录Archive页面的模板我搞了5个最后还是选择了普通博客常见的2栏布局,左侧为内容列表,右侧为小工具栏。
目前5个样式都还在测试站点展示着,可以去看看。
http://avada.diqizhang.com/index.php/category/uncategorized/
后期可能会删除测试站点,样式的截图我会发到本文末。
整体思路
分类目录页面创建还是挺简单的,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–摘录长度基于 ,选项设置中,我们改为单词方式。
更多排版截图
图片有点长。