晋江定制网站:WordPress文章和页面过滤的最终指南

2019.05.14 |
标签

如果你曾经在亚马逊上购物过,很可能你已经意识到过滤器的强大力量,能够深入到大量的内容中,准确定位你想要的内容。当在Amazon上搜索产品时,总是会有一个侧栏,它会帮助您改进搜索,只返回满足您最重要需求的结果。过滤器,如客户评级,品牌,产品是为男性还是女性,条件(新的/使用的),等等。

考虑到内容过滤器是多么有用,为WordPress内容创建它们的能力被内置到WordPress Core中,这一点也就不足为奇了。有了一点诀窍,你就可以把这种能力带给你的网站访问者-让他们比以往任何时候都更灵活地浏览你的内容。

在这篇文章中,我们晋江定制网站将向您介绍使用插件为用户创建内容过滤选项的过程。

我们开始吧!

为什么WordPress邮报和网页过滤?

WordPress非常灵活。核心允许您完全控制您的网站上的一切。文章和页面过滤是WordPress最强大的功能之一。文章、页面和自定义内容有几个内置函数。此外,有许多方法可以选择、分组和筛选存储在数据库中的项。您可以根据页面模板、POST类型、分类法术语、模板层次结构、产品页或任何您想要的内容创建可排序的搜索结果列表。

默认情况下,WordPress附带内置的搜索功能。但是,该搜索功能在读者希望以特定方式过滤结果时,仍有许多不足之处,没有帮助。这就是第三方插件的帮助发挥作用的地方。

搜索和过滤插件是做什么的?

搜索和过滤插件是一个易于使用的插件,它将默认的WordPress搜索框提升到下一个级别。它允许访问者搜索特定的术语,并根据类别、标签、自定义帖子类型、自定义分类法、日期范围甚至所有这些项的组合筛选结果,以获得更精确的搜索结果和更准确的结果。

使用插件非常简单。安装并激活插件后,您将被带到设置页面,并详细说明如何使用它。简而言之,您可以在文章、页面或任何已扩展的侧栏中的任何位置使用短代码。或者,如果你觉得勇敢并且不介意用一些代码弄脏你的手,你可以在你的主题文件中粘贴一行代码。

让我们看几个例子。

如何用搜索和过滤文章

插件最基本的用法是允许访问者搜索所有类别和标签的短代码。默认的短代码如下所示:

[searchandfilter fields="search,category,post_tag"]

您可以将其插入到任何POST、页面或文本小部件中,它将在前端显示带有搜索、类别和标记字段的筛选选项:

晋江定制网站

如果您想让访问者选择多个类别或标签,您可以很容易地通过修改短代码来包括复选框,而不是下拉列表,并为每个字段贴上标签:

[searchandfilter headings="Select categories:" types="checkbox" fields="category"]

晋江定制网站上面的例子展示了如何在侧边栏中使用插件。但是,您也可以在主题文件中使用它在任何页面上显示它。在下面的示例中,表单将显示在博客页面上。您所要做的就是粘贴以下代码行:

<?php echo do_shortcode('[searchandfilter fields="search,category,post_tag"]'); ?>

在我们的例子中,我们将它添加到20个主题的主索引模板中。

如何过滤自定义分类法?

上面的例子展示了插件的基本用法。但是,Search&Filter插件也接受其他参数。您可以使用一个允许访问者只对自定义分类法筛选搜索结果的短代码。

假设你和WooCommerce在你的网站上有一家商店。如果要在搜索结果中包括产品类别,只需添加以下短代码:

[searchandfilter taxonomies="search,category,post_tag,product_cat" headings=",Categories,Tags,Product Categories"]

在本例中,我还在每个字段之前添加了标题,以便访问者更容易区分字段:

晋江定制网站

如果您想在主题中的页面上显示这一点,那么您所需要做的就是将下面的代码粘贴到相应的页面模板中外观>主题>编辑器:

<?php echo do_shortcode('[searchandfilter taxonomies="search,category,post_tag,product_cat" headings=",Categories,Tags,Product Categories"]'); ?>

如何按日期范围过滤帖子?

另一个案例使用是如果您想让访问者在特定日期范围内搜索特定类别的帖子。在这种情况下,只需将以下代码行粘贴到Archive.php:

<?php echo do_shortcode('[searchandfilter fields="search,post_date" types=",daterange" headings=",Post Date"]'); ?>

如何过滤邮件格式和页面?

在最后一个示例中,让我们看一下过滤POST格式和页面。如果发布视频或音频帖子,此短代码只允许访问者查找属于您指定的POST格式的帖子:

[searchandfilter fields="search,post_format" types=",select" headings=",Post Format" submit_label="Filter"]

如果希望访问者筛选页面或帖子,则只需接受将POST类型作为参数的短代码:

[searchandfilter fields="search,post_types" post_types="post,page" headings=",Post Types"]

除了上面的例子,插件让我们扯平更具体通过包含用于按层次顺序排序结果的参数,以显示指定类别中的POST计数、添加类、筛选作者等。

如何手动过滤职位

和任何与WordPress相关的东西一样,有一种不用插件就能做到的方法。假设您想要创建一个简单的表单,允许访问者过滤某个类别的帖子。
首先,您需要创建一个简单的表单:

<form action="<?php echo site_url() ?>/wp-admin/admin-ajax.php" method="POST" id="filter">
    <?php
        if( $terms = get_terms( 'category', 'orderby=name' ) ) :
            echo '<select name="categoryfilter"><option>Select category...</option>';
            foreach ( $terms as $term ) :
                echo '<option value="' . $term->term_id . '">' . $term->name . '</option>';
            endforeach;
            echo '</select>';
        endif;
    ?>
    <label>
        <input type="radio" name="date" value="ASC" /> Date: Ascending
    </label>
    <label>
        <input type="radio" name="date" value="DESC" selected="selected" /> Date: Descending
    </label>
    <button>Apply filters</button>
    <input type="hidden" name="action" value="customfilter">
</form>
<div id="response"></div>

在上面的表单中,第一部分简单地让用户使用获取项功能。您可以将其用于默认类别和标记以及自定义分类法。下一部分添加允许访问者按升序或降序显示结果的单选按钮。最后,最后一部分是表单的按钮,该按钮允许他们应用所选的过滤器。

整个表单被添加到侧栏模板外观>主题>编辑器.

下一步是使用jQuery,这样就可以显示结果,而不必重新加载页面:

jQuery(function($){
    $('#filter').submit(function(){
        var filter = $('#filter');
        $.ajax({
            url:filter.attr('action'),
            data:filter.serialize(), // form data
            type:filter.attr('method'), // POST
            beforeSend:function(xhr){
                filter.find('button').text('Applying Filters...');          },
            success:function(data){
                filter.find('button').text('Apply filters');                $('#response').html(data);
            }
        });
        return false;
    });
});

最后一段代码是向Function.php文件中添加一个函数,该函数将根据选定的过滤器处理结果。它将查看所选的类别,并且只要有帖子,它将在它们以升序或降序发布的日期显示它们。如果在该类别中没有找到任何帖子,它将显示没有找到任何帖子的消息:

function my_filters(){
    $args = array(
        'orderby' => 'date',
        'order' => $_POST['date']
    );

        if( isset( $_POST['categoryfilter'] ) )
        $args['tax_query'] = array(
            array(
                'taxonomy' => 'category',
                'field' => 'id',
                'terms' => $_POST['categoryfilter']
            )
        );

    $query = new WP_Query( $args );

    if( $query->have_posts() ) :
        while( $query->have_posts() ): $query->the_post();
            echo '<h2>' . $query->post->post_title . '</h2>';
        endwhile;
        wp_reset_postdata();
    else :
        echo 'No posts found';
    endif;

    die();
}


add_action('wp_ajax_customfilter', 'my_filters');
add_action('wp_ajax_nopriv_customfilter', 'my_filters');

最终结果显示如下前端:

为什么要让读者过滤WordPress中的文章和页面

以上方法是一个很好的方式,让用户过滤您的帖子。但你为什么要这么做?

WordPress已经允许你用类别和标签来组织你的文章,但是它只允许用户一次查看一个类别或标签。此外,如果您使用自己类别的自定义POST类型,则这些类别与用于常规帖子的类别将不可见。

搜索和过滤插件是特别有用的,不仅当你有许多不同的类别和标签与一年的内容,它也是有用的,如果你添加了自定义的帖子类型,如投资组合,画廊,证明,等等。

另一个例子是,您的访问者可以很容易地使用这个插件来过滤您的产品,并找到他们正在寻找的东西。如果您熟悉这段代码,手动操作可以使您更好地控制搜索结果的显示方式和使用哪些参数。

包起来

确保你的网站易于使用,晋江定制网站让你的访问者快速找到你想要的内容是一个很好的方式,为他们提供一个愉快的用户体验,并鼓励他们回来。如果您的站点内容丰富,请考虑实现页面和帖子筛选,以确保他们获得他们想要看到的更多内容。


相关推荐

晋江网站开发:WordPress插件漏洞及其解决方法
 

晋江网站开发:WordPress插件漏洞及其解决方法

你努力工作使你的网站很棒。在你投入这么多工作之后,你最不想做的事就是把你的网站丢给某个恶意黑客。当涉及到黑客和WordPress时,插件漏洞是坏人最容易进入的方法之一。由于受欢迎,WordPress是黑客的一块磁铁...
2019.04.29
晋江企业网站开发:如何在WordPress中添加Screencast
 

晋江企业网站开发:如何在WordPress中添加Screencast

想通过WordPress提供高质量的教育内容吗?一个很好的方法就是给WordPress添加屏幕。无论您需要教育您的客户或您的网站访问者,屏幕是一个极好的选择。晋江企业网站开发在这篇文章中,我将讨论屏幕的一些好处,以...
2019.04.29
晋江定制网站:WordPress文章和页面过滤的最终指南
 

晋江定制网站:WordPress文章和页面过滤的最终指南

如果你曾经在亚马逊上购物过,很可能你已经意识到过滤器的强大力量,能够深入到大量的内容中,准确定位你想要的内容。当在Amazon上搜索产品时,总是会有一个侧栏,它会帮助您改进搜索,只返回满足您最重要需求的结...
2019.05.14
晋江高端网站开发:如何在单击按钮时使Bloom选择窗体弹出
 

晋江高端网站开发:如何在单击按钮时使Bloom选择窗体弹出

现在很难想象没有选择形式的互联网。我们使用他们在我们的网站上有两个主要原因,特别是:获得订户或产生引线。找到一个正确的方式来接近你的听众选择的形式可能是一个真正的挑战。有些人想安全行事,不想让访客觉得...
2019.05.14

最新文章

晋江高端网站开发:如何在单击按钮时使Bloom选择窗体弹出
 

晋江高端网站开发:如何在单击按钮时使Bloom选择窗体弹出

现在很难想象没有选择形式的互联网。我们使用他们在我们的网站上有两个主要原因,特别是:获得订户或产生引线。找到一个正确的方式来接近你的听众选择的形式可能是一个真正的挑战。有些人想安全行事,不想让访客觉得...
2019.05.14
晋江定制网站:WordPress文章和页面过滤的最终指南
 

晋江定制网站:WordPress文章和页面过滤的最终指南

如果你曾经在亚马逊上购物过,很可能你已经意识到过滤器的强大力量,能够深入到大量的内容中,准确定位你想要的内容。当在Amazon上搜索产品时,总是会有一个侧栏,它会帮助您改进搜索,只返回满足您最重要需求的结...
2019.05.14
晋江企业网站开发:如何在WordPress中添加Screencast
 

晋江企业网站开发:如何在WordPress中添加Screencast

想通过WordPress提供高质量的教育内容吗?一个很好的方法就是给WordPress添加屏幕。无论您需要教育您的客户或您的网站访问者,屏幕是一个极好的选择。晋江企业网站开发在这篇文章中,我将讨论屏幕的一些好处,以...
2019.04.29
晋江网站开发:WordPress插件漏洞及其解决方法
 

晋江网站开发:WordPress插件漏洞及其解决方法

你努力工作使你的网站很棒。在你投入这么多工作之后,你最不想做的事就是把你的网站丢给某个恶意黑客。当涉及到黑客和WordPress时,插件漏洞是坏人最容易进入的方法之一。由于受欢迎,WordPress是黑客的一块磁铁...
2019.04.29

热门推荐

选择您希望晋江网站设计成品的风格偏好,让我们通过精确的分析与筛选,为您推荐合适的版式布局,
为此,您可以节省最基本的沟通时间,
让我们把有限的时间,充分的用在对行业的分析及您企业网站建设的自身分析上吧
联系电话 400-6065-301

建站咨询 星星-总监

投诉