如何创建比较页面

Question

我想创建一个比较页面，如this one或this one（另一种方式是复选框）。

我想在WordPress帖子，自定义帖子和自定义字段之间进行比较。

示例：我的帖子标题为“hello world”

我想将这篇文章与表格中特殊比较页面中的其他帖子进行比较。

Answer 1

这是一个有点过于宽泛的问题，取决于你最终想要实现的目标，你可能想要使用像Woocommerce这样的商业插件中的过滤器。

虽然如果您想手动执行此操作，但您应首先在帖子的数据属性中添加过滤器数据，以获得以下内容：

<div class="my-item" data-title="title of the post"
                     data-meta-field-1="value of meta field 1"
                     data-meta-field-12="value of meta field 2"
                     data-post-type="post type">

然后你过滤表单（复选框或任何你想要的）并使用jQuery监听它的变化，并隐藏/显示帖子取决于表单选择及其数据属性。