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

作者 : King 本文共960个字,预计阅读时间需要3分钟 发布时间: 2024-10-4 共19人阅读

ArchiveAvadaAvada主题Avada分类目录Avada教程分类目录

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

 

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

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

http://avada.diqizhang.com/index.php/category/uncategorized/

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

本文目录

整体思路

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

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

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

预览图

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

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

创建布局

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

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

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

 

修改布局

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

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

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

文章列表区域

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

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

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

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

摘录设置

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

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

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

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

 

更多排版截图

图片有点长。

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

 

下载仅供下载体验和测试学习,不得商用和正当使用。

[ppwp passwords=”zhishitu.cn”]

下载体验

应版权要求,禁止分享,敬请谅解,有问题务必找客服哈。

如何获取解压密码

有问题找客服哈,并领取学习福利!

[/ppwp]

点击下载

小鱼网是一个美好的开源学习社区,学习编程,学习WordPress,下载WordPress插件主题,
小鱼网 » Avada主题教程 5:网站分类目录页面设计

常见问题FAQ

发表回复

分享最优质的学习资料

立即查看 了解详情