Cómo añadir entradas fijas en WordPress Tipo de contenido personalizado Archivos

Una forma de ayudar a los visitantes a encontrar sus entradas más importantes es colocarlas en la parte superior de la página, donde puedan ser vistas con mayor facilidad.

Sin embargo, mientras que la característica de entradas fijas de WordPress puede hacer esto con entradas estándar, no funciona para ningún tipo de contenido personalizado (CPTs) que hayas creado. En nuestra experiencia, la forma más fácil de añadir esta funcionalidad a tu sitio de WordPress es con un plugin.

En este artículo, te mostraremos cómo añadir la funcionalidad de entradas fijas a tus tipos de contenido personalizados y mostrarlas en páginas de archivo de tipos de contenido personalizados.

¿Por qué hacer que las entradas personalizadas de WordPress sean fijas?

Si creas contenido para tu sitio web WordPress con un formato diferente al de una entrada o página estándar, probablemente ya estés utilizando un tipo de contenido personalizado. Por ejemplo, si tiene un sitio web de reseñas de libros, es posible que haya creado un tipo de entrada de reseñas de libros.

Es posible que desee colocar su contenido más importante en la parte superior del archivo de tipo de contenido personalizado. Es una de las mejores maneras de destacar contenido en profundidad y sensible al tiempo, así como sus entradas personalizadas más populares.

Sin embargo, aunque WordPress ofrece la característica de entradas fijas, ésta no está disponible para los tipos de contenido personalizados.

Veamos cómo añadir una característica fija a sus páginas de archivo de tipo de contenido personalizado.

Añadir entradas fijas en tipos de contenido personalizados

En primer lugar, tendrás que 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 ” Entradas fijas – Cambiar para configurar el plugin. Simplemente marque la casilla siguiente a los tipos de contenido personalizado que desea ser capaz de hacer pegajosa.

Para este tutorial, vamos a marcar / comprobar el tipo de contenido ‘Reseñas de libros’.

A continuación, debe hacer clic en el botón “Guardar cambios” situado en la parte inferior de la pantalla.

Ahora, cuando visites la página del administrador para ese tipo de contenido personalizado, verás que hay una nueva columna en la que puedes hacer que las entradas sean fijas. Todo lo que necesitas hacer es hacer clic en la estrella al lado de las entradas que deseas caracterizar.

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

Mostrar entradas fijas en los archivos de tipo de contenido personalizado

Para mostrar tus entradas fijas en la parte superior de tu página de archivo de entradas personalizadas, necesitas crear una nueva plantilla.

Para ello, deberá utilizar un cliente FTP o la opción de gestión de archivos de su panel de control de alojamiento de WordPress. Si no has usado FTP antes, entonces puede que quieras ver nuestra guía sobre cómo usar FTP para subir archivos a WordPress.

Debe acceder a su sitio mediante su cliente FTP o gestor de archivos y, a continuación, ir a la carpeta /wp-content/themes/YOURTHEME/.

Por ejemplo, si utiliza el tema Twenty Twenty-One, deberá ir a /wp-content/themes/twentytwentyone/.

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

Por ejemplo, si su slug de tipo de contenido personalizado es ‘bookreviews’, debe crear un nuevo archivo llamado archive-bookreviews.php.

Después, tienes que encontrar el archivo archive.php en la misma carpeta. Simplemente copia el contenido de archive.php y pégalo en el nuevo archivo que has creado.

El siguiente paso requiere que añadas código a los archivos de tu tema. Si necesita ayuda para añadir código a su sitio, consulte nuestra guía sobre cómo añadir código personalizado en WordPress.

Cuando esté listo, deberá añadir el siguiente código al archivo functions. php de su 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 entradas fijas a la parte superior. Si tu tema utiliza la función post_class(), entonces también añade una clase ‘fija’ para que puedas estilizar tus entradas fijas utilizando CSS.

Este es el aspecto del archivo de tipo de contenido personalizado Reseñas de libros en nuestro sitio de demostración. Antes de añadir el código, la entrada fija era la segunda de la lista.

Ahora puedes dar estilo a tus entradas fijas utilizando la clase .sticky en la hoja de estilos style.css de tu tema. He aquí un ejemplo:

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

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

Guías de expertos sobre entradas fijas

Ahora que ya sabes cómo añadir entradas fijas a los archivos de tipo de contenido personalizado, puede que te interese ver otras guías relacionadas con las entradas fijas en WordPress.

• Cómo hacer entradas fijas en WordPress (rápido y fácil)
• Cómo añadir entradas fijas para categorías en WordPress
• Cosas interesantes que puedes hacer con entradas fijas en WordPress
• Cómo excluir entradas fijas del bucle en WordPress
• Cómo reordenar entradas fácilmente 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 fija en WordPress
• Cómo crear una barra de pie de página flotante “fija” en WordPress

Esperamos que este tutorial te haya ayudado a aprender cómo añadir entradas fijas en los archivos de tipo de contenido personalizado de WordPress. Puede que también quieras ver nuestra guía sobre cómo acelerar tu sitio web en WordPress o nuestra selección de los mejores plugins para encuestas en WordPress.

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.