自定义wordpress后置过滤器没有刷新和相同数量的项目

时间:2016-02-26 09:11:32

标签: ajax wordpress post

我在自己的食谱网站上工作。我使用wordpress并为食谱创建了自定义帖子类型。有不同的类别,如"早餐","午餐","甜点"等。

在我的主页上,我想实现一个简单的过滤器 - >见screenshot

现在这里是棘手的部分。一开始我想展示不同类别的16个食谱/帖子(缩略图和标题)。点击 - 例如 - 在早餐后,应再有一次16种类型的食谱"早餐"。并且它应该工作而不刷新页面。

标准过滤器只隐藏未选择的项目..但此处应加载更多相同类别的项目。所以总共有16个项目。

我用Google搜索了一整天来找到一个剧本。我不是最好的程序员,所以也许有人给我一个教程或类似的链接。

我发现的全部是,使用ajax可以重新加载而无需刷新。但我如何结合wordpress,ajax和过滤器javascript ...

Thx in advanced !!!

P.S。插件不是解决方案,因为我想在我自己的页面中添加代码。

1 个答案:

答案 0 :(得分:1)

有几种方法可以解决这个问题。第一种 - 而不是完全有效的方法是同时加载所有选项并使用Jquery过滤器,如 Isotope - 请参阅:http://isotope.metafizzy.co/。您将不得不更改标记并引入一些Javascript,但您不必编写任何Ajax调用,但它是一个很好的过滤对象的系统,并且相对容易设置。

第二个 - 也是更复杂的选项 - 将使用 Wordpress Admin Ajax 功能,这需要更多地了解ajax系统如何在Wordpress中运行。

这里解释:https://codex.wordpress.org/AJAX_in_Plugins

  1. 在funcions.php
  2. 中设置动作调用
  3. 为过滤器项定义按钮侦听器(单击时)
  4. 为单击操作定义javascript处理程序,该操作调用您编写的函数并返回数据
  5. 这也是开始解决问题的非常有用的教程:http://code.tutsplus.com/tutorials/a-primer-on-ajax-in-the-wordpress-frontend-understanding-the-process--wp-27052