如何讓 WordPress 自定義文章類型支持置頂功能

最近開發一個 WordPress 淘寶客主題，應客户要求，需要做一個店鋪推廣。這個店鋪推廣需要上首頁，也就是説只有提供了贊助的的店長的鏈接才可以在首頁展示。為了達到這個目的，筆者提供的解決方案是採用置頂功能。店鋪採用 WordPress 自定義文章類型。然而問題來了，WordPress 自定義文章類型默認並不支持置頂功能。為此我們可以通過一個插件來實現：Sticky Custom Post Types 。

一、添加 WordPress 自定義文章類型置頂功能

首先需要做的是安裝和激活 Sticky Custom Post Types 插件。然後到設置-閲讀進行設置讓哪一個 WordPress 支持置頂功能。如下圖：

這裏有兩個選項，一個是設置自定義文章類型，一個是設置顯示在首頁。如果你的自定義文章類型不再首頁主循環之內，就無需勾選首頁。由於我那個項目自定義文章類型不在主循環之內，所以沒有勾選「首頁」。

但你設置之後，在發佈自定義文章類型文章的時候，你就會看到置頂功能：

勾選即可。

二、如何顯示置頂自定義文章類型

關於顯示自定義置頂自定義文章類型有兩種方法。

1 、顯示在主循環之外。

這個方法可以顯示在特定區域如在主循環之上，如在側邊欄上。採用了方法是加上下面的代碼：


<?php
 $sticky = get_option('sticky_posts');
 query_posts( array('post__in' => $sticky,'showposts' => 6,'caller_get_posts' => 1,'post_type'=>'goods' ) );?>

重點就是 $sticky = get_option(‘sticky_posts’) 和’post__in’ => $sticky 。

2 、顯示在主循環之內。

如果在首頁，則直接勾選設置中的首頁，但是如果要顯示在存檔頁呢？實際上這個插件默認是不支持在存檔顯示置頂的，為此我們需要在 functions.php 中增加如下代碼：

function wpb_cpt_sticky_at_top( $posts ) {

    // apply it on the archives only
    if ( is_main_query() &amp;&amp; is_post_type_archive() ) {
        global $wp_query;

        $sticky_posts = get_option( 'sticky_posts' );
        $num_posts = count( $posts );
        $sticky_offset = 0;

        // Find the sticky posts
        for ($i = 0; $i &lt; $num_posts; $i++) {

            // Put sticky posts at the top of the posts array
            if ( in_array( $posts[$i]-&gt;ID, $sticky_posts ) ) {
                $sticky_post = $posts[$i];

                // Remove sticky from current position
                array_splice( $posts, $i, 1 );

                // Move to front, after other stickies
                array_splice( $posts, $sticky_offset, 0, array($sticky_post) );
                $sticky_offset++;

                // Remove post from sticky posts array
                $offset = array_search($sticky_post-&gt;ID, $sticky_posts);
                unset( $sticky_posts[$offset] );
            }
        }

        // Look for more sticky posts if needed
        if ( !empty( $sticky_posts) ) {

            $stickies = get_posts( array(
                'post__in' =&gt; $sticky_posts,
                'post_type' =&gt; $wp_query-&gt;query_vars['post_type'],
                'post_status' =&gt; 'publish',
                'nopaging' =&gt; true
            ) );

            foreach ( $stickies as $sticky_post ) {
                array_splice( $posts, $sticky_offset, 0, array( $sticky_post ) );
                $sticky_offset++;
            }
        }

    }

    return $posts;
}

add_filter( 'the_posts', 'wpb_cpt_sticky_at_top' );

// Add sticky class in article title to style sticky posts differently

function cpt_sticky_class($classes) {
			if ( is_sticky() ) :
			$classes[] = 'sticky';
	        return $classes;
		endif;
		return $classes;
				}
	add_filter('post_class', 'cpt_sticky_class');
&nbsp;

接下來你需要建立自定義文章類型存檔頁。

三、風格化置頂文章

如果你的主題裏使用了 post_class() 函數，那麼你就可以在你的樣式表中對主循環中的文章進行風格化，可以添加如何代碼：

.sticky {
background-color:#ededed;
background-image:url('http://example.com/wp-content/uploads/featured.png');
background-repeat:no-repeat;
background-position:right top;
}

如果這個風格化還是不能滿足你的需求，那麼可以通過置頂函數進行判斷是否是置頂文章，然後再添加置頂樣式：


<?php if ( is_sticky() ) : ?>
 <span class="djzhiding dj_tuijian"></span>
 <?php endif;?>

我的一個項目的樣式如下：


span.djzhiding{ position: absolute; top: -10px; right: -11px; display: block; width: 101px; height: 101px; }
span.dj_tuijian { background: url(images/dj_tuijian.png) no-repeat; }

效果如下：

其中的熱銷推薦就是根據置頂添加的樣式。

如何讓 WordPress 自定義文章類型支持置頂功能