Ajax分类短代码

通过添加短代码,调用分类文章,并可Ajax无刷新加载分页,可搭建一个全新的图片布局。 

 

三种外观样式

图片模式

Ajax分类短代码-图片1

卡片模式

Ajax分类短代码-图片2

标题模式

Ajax分类短代码-图片3

 

使用方法:

新建页面 → 右侧 → 页面属性面板 → 模板,选择“空白模板”,选择添加下面的短代码。

可以将不同的分类使用不同的短代码分别调用。首屏文章非AJAX加载,不会影响搜索引擎抓取首屏内容。

下面的短代码可能会有变动,以“主题选项 → 基本设置 → AJAX分类短代码”为准。


基础代码

[be_ajax_post]

以TAB选项卡的形式列出网站全部分类文章,并显示数字分页。


卡片模式

[be_ajax_post style="grid"]

style="grid"参数用于显示卡片样式


标题模式

[be_ajax_post style="title"]

style="title"参数用于显示标题样式


分栏

[be_ajax_post column="4"]

column="4"参数用于设置分栏

图片模式 可以设置4栏、5栏、6栏

卡片与标题模式可设置1栏、2栏、3栏、4栏


无最新按钮

[be_ajax_post btn_all="no"]

btn_all="no"参数用于移除全部文章按钮。


无选择按钮

[be_ajax_post btn="no"]

btn="no"参数用于移除分类按钮及全部文章按钮


显示首页幻灯

[be_ajax_post slider="1"]

slider="1"参数用于调用首页幻灯


调用指定分类

[be_ajax_post terms="1,2,3,4"]

terms="1,2,3,4"参数用于调用指定分类ID


每页4篇文章

[be_ajax_post posts_per_page="4"]

posts_per_page="4"参数用于每页显示几篇文章,不加则以WP后台阅读中设置的篇数为准。


随机排序

[be_ajax_post orderby="rand"]

orderby="rand"参数用于随机排序


按发表日期排序

[be_ajax_post orderby="date" order="DESC"]

orderby="date" order="DESC"参数用于按发表日期排序


按更新日期排序

[be_ajax_post orderby="modified" order="DESC"]

orderby="modified" order="DESC"参数用于按最后更新日期排序


按评论数排序

[be_ajax_post orderby="comment_count" order="DESC"]

orderby="comment_count" order="DESC"参数用于按文章评论数排序


按浏览量排序

[be_ajax_post meta_key="views" orderby="meta_value_num" order="DESC"]

meta_key="views" orderby="meta_value_num" order="DESC"参数用于按文章浏览量排序


无限加载按钮

[be_ajax_post more="more"]

more="more"参数用于替代数字翻页按钮,显示加载更多按钮,在当前文章基础上加载更多文章。


无限滚动加载

[be_ajax_post more="more" infinite="true" animation="true"]

pagination_type="more" infinite="true" animation="true"参数用于实现无限滚动加载文章,直到所有文章加载完毕。


参数可组合使用,多个参数用空格隔开,可添加多个短代码,并可在文章及"增强文本"小工具中添加上述短代码


如想将该页面显示为首页,可以到WP后台 → 设置 → 阅读 → 您的主页 → 显示一个静态页面 → 主页,选择该页面。

最后不要忘为该页面添加页面描述与关键词。


目前主题已在各首页模板,分类模板选择中集成相同的AJAX翻页功能,完全可以替代之前的模板。

如果使用Ajax分类短代码功能,尽量不要使用主题Ajax加载文章和勾选“文章列表无下边距”,否则正常的文章列表圆角可能会有些问题。