Så här add to Sticky inlägg i WordPress Custom Post Type Archives

Ett sätt att hjälpa besökarna att hitta dina viktigaste posts är att placera dem högst upp på sidan där de lättast kan notice.

Men medan WordPress utvalda inlägg kan göra detta med standardinlägg, fungerar det inte för några custom post types (CPTs) som du har skapat. Enligt vår erfarenhet är det enklaste sättet att add to denna funktionalitet till din WordPress site med ett plugin.

I den här artikeln visar vi dig hur du lägger till sticky post-funktionalitet till dina anpassade posttyper och visar dem på custom post type archive pages.

Varför göra WordPress Custom inlägg Sticky?

Om du skapar content för din WordPress website med ett annat format än ett vanligt post eller page, så använder du förmodligen redan en custom post type. Om du till exempel runar en website för bokrecensioner kan du ha skapat en Book Reviews post type.

Du kanske vill placera ditt viktigaste content högst upp i arkivet för custom post type. Det är ett av de bästa sätten att utvalt fördjupat och tidskänsligt content, liksom dina mest populära customize inlägg.

Men medan WordPress erbjuder en utvald inläggsfunktion, är detta inte tillgängligt för custom post types.

Låt oss ta en titt på hur du lägger till en sticky-funktion till dina custom post type archive pages.

Lägga till Sticky inlägg i Custom Post Types

Först måste du installera och aktivera pluginet Sticky Posts – Switch. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Vid aktivering måste du besöka Settings ” Sticky Posts – Switch page för att konfigurera plugin. Markera bara boxen bredvid de custom post types som du vill kunna göra sticky.

För denna tutorial kommer vi att kontrollera post typen ”Book Reviews”.

Efter det måste du klicka på knappen ”Save Changes” längst ner på vyn.

Nu, när du besöker administratörssidan för den custom post typen, kommer du att notera en new column där du kan göra posts sticky. Allt du behöver göra är att clicka på stjärnan bredvid de inlägg du vill utvalt inlägg.

Du har nu gjort (fast)klistrat inlägget. Problemet är att WordPress bara visar (fast)klistrade inlägg på home page. Nästa inlägg handlar om hur du visar (fast)klistrade inlägg på pages i archive.

Displaying Sticky Inlägg i Custom Post Type Archives

För att visa dina sticky posts högst upp på din custom post archive page måste du skapa en new mall.

För att göra detta måste du använda en FTP-klient eller alternativet filhanterare i kontrollpanelen på ditt WordPress webbhotell. Om du inte har använt FTP tidigare kan du läsa vår guide om hur du använder FTP för att uploada filer till WordPress.

Du måste komma åt din site med hjälp av din FTP-klient eller filhanterare och sedan gå till /wp-content/themes/YOURTHEME/ folder.

Om du till exempel använder temat Twenty Twenty-One måste du navigera till /wp-content/themes/twentytwentyone/.

Därefter måste du skapa en new fil i den foldern med ett namn som gillar archive-POSTTYPE.php.

Till exempel, om din custom post type slug är ”bookreviews”, bör du skapa en new fil som heter archive-bookreviews.php.

Efter det måste du hitta filen archive.php i samma folder. Kopiera helt enkelt innehållet i archive.php och klistra in det i den nya filen som you har skapat.

Nästa steg kräver att du addar kod till dina theme-filer. Om du behöver hjälp med att lägga till kod på din site kan du läsa vår guide om hur du lägger till custom code i WordPress.

När du är klar måste du add to följande kod till ditt temas functions.php-fil eller ett code snippets plugin som WPCode (rekommenderas):

function wpb_cpt_sticky_at_top( $posts ) {
  
    // apply it on the archives only
    if ( is_main_query() && 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 < $num_posts; $i++) {
  
            // Put sticky posts at the top of the posts array
            if ( in_array( $posts[$i]->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->ID, $sticky_posts);
                unset( $sticky_posts[$offset] );
            }
        }
  
        // Look for more sticky posts if needed
        if ( !empty( $sticky_posts) ) {
  
            $stickies = get_posts( array(
                'post__in' => $sticky_posts,
                'post_type' => $wp_query->query_vars['post_type'],
                'post_status' => 'publish',
                'nopaging' => 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');

Den här koden flyttar dina (fast)klistrade inlägg högst upp. Om ditt theme använder funktionen post_class(), så adderar den också en ’sticky’-klass så att du kan utforma dina (fast)klistrat inlägg med CSS.

Så här ser arkivet för den custom post typen Book Reviews ut på vår demo site. Innan koden lades till var det (fast)klistrade inlägget tvåa på listan.

Du kan nu styla dina (fast)klistrade inlägg genom att använda .stick y-klassen i ditt temas style .css stylesheet. Här är ett exempel:

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

Här är en updating screenshot från vår demo website.

Expertguider om fast)klistrade inlägg

Nu när du vet hur du addar sticky posts till custom post type archives, kanske du gillar att se några andra guider relaterade till sticky posts i WordPress.

• Hur man gör fast)klistrade inlägg i WordPress (snabbt och enkelt)
• Hur man addar (fast)klistrade inlägg för kategorier i WordPress
• Häftiga saker du kan göra med (fast)klistrade inlägg i WordPress
• Hur man utesluter (fast)klistrade inlägg från slingan i WordPress
• Så här ordnar du enkelt om posts i WordPress (steg för steg)
• Så här skapar du en sticky flytande navigation menu i WordPress
• Hur man skapar en sticky flytande sidebar widget i WordPress
• Så här skapar du en ”sticky” flytande footer i WordPress

Vi hoppas att denna tutorial hjälpte dig att lära dig hur du lägger till (fast)klistrade inlägg i WordPress custom post type archives. You may also want to see our guide on how to speed up your WordPress website or our expert picks for the best WordPress survey plugins.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.