分类页面

9天前发布4307

如果你的网站是个论坛网站，压根没使用文章来发布东西，那可以直接跳过本文的设置

首先，这里设置的页面为分类的页面，对应wp中对文章的分类（文章 -> 分类目录)

图片[1]-分类页面-子比主题帮助

图片[2]-分类页面-子比主题帮助

1.显示封面图

图片[3]-分类页面-子比主题帮助

开启后再每个分类页面均显示封面图，关闭则不显示分类页面中的分类封面图

图片[4]-分类页面-子比主题帮助

图片[5]-分类页面-子比主题帮助

2.显示文章数量

图片[6]-分类页面-子比主题帮助

开启之后在分类名称旁边显示本分类下的文章数量

关闭则不在前台分类页面显示本分类下的文章数量

图片[7]-分类页面-子比主题帮助

图片[8]-分类页面-子比主题帮助

3.默认封面图

图片[9]-分类页面-子比主题帮助

这里的设置项，需要先打开1中所提到的“显示封面图”才会有这个设置项

这里设置的图片，对应在添加分类后没有设置分类封面图像的时候才会显示此图像

4.排序方式按钮

图片[10]-分类页面-子比主题帮助

4.1显示排序方式

这里可以自定义排序条件，有更新、浏览、点赞、评论、发布、收藏、售价、积分、销量、随机共10个排序方式

图片[11]-分类页面-子比主题帮助

可以点击加入更多排序方式显示出来

也可以点击上面的“×”删除

拖动以排序显示的排序方式

4.2更多排序方式

图片[12]-分类页面-子比主题帮助

例如在上面只设置显示了4个排序方式，不想显示太多排序方式使页面过于复杂，用户又想选择其他的排序方式，这里就可以开启更多排序方式的选项

开启后就可以点击排序通过下拉框来显示所有的排序方式了

示例如下图

图片[13]-分类页面-子比主题帮助

科普：AJAX筛选菜单列表

下方的分类筛选功能是通过ajax来获取的，子比主题主题为了做到“快！在快一点！”的理念，在代码中多处使用了ajax加载逻辑，让网站加速更快

这里做一个小科普：什么是AJAX加载？（重点已用下划线+加粗文字显示）

AJAX（Asynchronous JavaScript and XML）加载是一种网页开发技术，它允许网页在不刷新整个页面的情况下从服务器获取数据。这意味着用户可以在与网站交互时获得更流畅的体验，因为只有一部分内容需要更新，而不是整个页面。

AJAX的核心思想是异步通信，即客户端（浏览器）可以发送一个请求到服务器，并且在这个过程中不需要等待服务器的响应就可以继续执行其他操作。当服务器准备好响应时，它会将结果返回给客户端，客户端再根据这些数据更新页面的部分内容。

尽管名字中包含XML，但实际上，AJAX不仅可以传输XML数据，还可以传输JSON、HTML甚至纯文本等格式的数据。在现代Web应用中，JSON已经成为传输数据的首选格式，因为它更轻量级并且易于解析。

使用AJAX加载的优点包括：

提高用户体验：由于只需要更新部分内容，用户不必等待整个页面重新加载，从而提高了交互速度和流畅性。
减少带宽消耗：仅下载所需的数据，而非整个页面，这减少了网络流量并加快了页面加载速度。
动态内容更新：AJAX使实时更新成为可能，例如滚动加载更多内容或实时显示通知。

图片[14]-分类页面-子比主题帮助

图片[15]-分类页面-子比主题帮助

图片[16]-分类页面-子比主题帮助

可以从上面的截图中看出来，子比主题通过ajax-异步加载来实现了许多的动态实时更新，大大加快了网站的加载速度！

5.分类筛选

图片[17]-分类页面-子比主题帮助

开启后，会在分类页显示在分类页显示的分类筛选列表

5.1按钮列表

选择并排序需要显示的按钮，建议选择同级内容，会自动获取二级三级内容

所选按钮内没有文章则不会显示

图片[18]-分类页面-子比主题帮助

5.2下拉列表与下拉菜单列表

图片[19]-分类页面-子比主题帮助

这里可以用下拉框显示更多内容

可以在下拉框中选择多个分类内容

图片[20]-分类页面-子比主题帮助

6.标签筛选

图片[21]-分类页面-子比主题帮助

和上面一样，不重复阐述了，自行理解

7.专题筛选

图片[22]-分类页面-子比主题帮助

这里可以开启在分类页显示专题筛选列表

7.1按钮列表

选择并排序需要显示的按钮，建议选择同级内容，会自动获取二级三级内容

所选按钮内没有文章则不会显示

7.2下拉列表

图片[23]-分类页面-子比主题帮助

也是可以使用下拉框显示更多的专题分类

© 版权声明

文章版权归作者所有，未经允许请勿转载。

评论抢沙发

欢迎您留下宝贵的见解！

提交

暂无评论内容