<td id="imiki"><noscript id="imiki"></noscript></td>
  • <noscript id="imiki"></noscript>
  • <bdo id="imiki"><noscript id="imiki"></noscript></bdo>

    晉江定制網站: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
    晉江公司網站制作:如何禁用Gravatar作者圖像并添加您自己的
     

    晉江公司網站制作:如何禁用Gravatar作者圖像并添加您自己的

    WordPress允許我們使用我們上傳到的定制化身。格拉瓦托。Gravatar圖片被分配到我們的帳戶,并跟蹤我們從一個網站到另一個網站,幫助識別作者,無論是博客帖子或評論。這將創建一個全球公認的阿凡達,簡稱Gravata...
    2019.05.06
    晉江定制網站:WordPress文章和頁面過濾的最終指南
     

    晉江定制網站:WordPress文章和頁面過濾的最終指南

    如果你曾經在亞馬遜上購物過,很可能你已經意識到過濾器的強大力量,能夠深入到大量的內容中,準確定位你想要的內容。當在Amazon上搜索產品時,總是會有一個側欄,它會幫助您改進搜索,只返回滿足您最重要需求的結...
    2019.05.14
    晉江高端網站開發:如何在單擊按鈕時使Bloom選擇窗體彈出
     

    晉江高端網站開發:如何在單擊按鈕時使Bloom選擇窗體彈出

    現在很難想象沒有選擇形式的互聯網。我們使用他們在我們的網站上有兩個主要原因,特別是:獲得訂戶或產生引線。找到一個正確的方式來接近你的聽眾選擇的形式可能是一個真正的挑戰。有些人想安全行事,不想讓訪客覺得...
    2019.05.14

    最新文章

    晉江高端網站開發:如何在單擊按鈕時使Bloom選擇窗體彈出
     

    晉江高端網站開發:如何在單擊按鈕時使Bloom選擇窗體彈出

    現在很難想象沒有選擇形式的互聯網。我們使用他們在我們的網站上有兩個主要原因,特別是:獲得訂戶或產生引線。找到一個正確的方式來接近你的聽眾選擇的形式可能是一個真正的挑戰。有些人想安全行事,不想讓訪客覺得...
    2019.05.14
    晉江定制網站:WordPress文章和頁面過濾的最終指南
     

    晉江定制網站:WordPress文章和頁面過濾的最終指南

    如果你曾經在亞馬遜上購物過,很可能你已經意識到過濾器的強大力量,能夠深入到大量的內容中,準確定位你想要的內容。當在Amazon上搜索產品時,總是會有一個側欄,它會幫助您改進搜索,只返回滿足您最重要需求的結...
    2019.05.14
    晉江公司網站制作:如何禁用Gravatar作者圖像并添加您自己的
     

    晉江公司網站制作:如何禁用Gravatar作者圖像并添加您自己的

    WordPress允許我們使用我們上傳到的定制化身。格拉瓦托。Gravatar圖片被分配到我們的帳戶,并跟蹤我們從一個網站到另一個網站,幫助識別作者,無論是博客帖子或評論。這將創建一個全球公認的阿凡達,簡稱Gravata...
    2019.05.06
    晉江企業網站開發:如何在WordPress中添加Screencast
     

    晉江企業網站開發:如何在WordPress中添加Screencast

    想通過WordPress提供高質量的教育內容嗎?一個很好的方法就是給WordPress添加屏幕。無論您需要教育您的客戶或您的網站訪問者,屏幕是一個極好的選擇。晉江企業網站開發在這篇文章中,我將討論屏幕的一些好處,以...
    2019.04.29
    晉江網站開發:WordPress插件漏洞及其解決方法
     

    晉江網站開發:WordPress插件漏洞及其解決方法

    你努力工作使你的網站很棒。在你投入這么多工作之后,你最不想做的事就是把你的網站丟給某個惡意黑客。當涉及到黑客和WordPress時,插件漏洞是壞人最容易進入的方法之一。由于受歡迎,WordPress是黑客的一塊磁鐵...
    2019.04.29

    熱門推薦

    選擇您希望晉江網站設計成品的風格偏好,讓我們通過精確的分析與篩選,為您推薦合適的版式布局,
    為此,您可以節省最基本的溝通時間,
    讓我們把有限的時間,充分的用在對行業的分析及您企業網站建設的自身分析上吧
    聯系電話 400-6065-301

    留言

    A片试试看视频,丰满少妇高潮颤抖15秒,人妻av乱片aV出轨avApp
    <td id="imiki"><noscript id="imiki"></noscript></td>
  • <noscript id="imiki"></noscript>
  • <bdo id="imiki"><noscript id="imiki"></noscript></bdo>