Cómo mostrar publicaciones recientes por categoría en WordPress

¿Alguna vez ha querido mostrar sus publicaciones recientes de cada categoría en su barra lateral de WordPress? Recientemente, uno de nuestros usuarios nos pidió una manera fácil de mostrar publicaciones recientes de una categoría específica en los widgets de la barra lateral de WordPress. En este artículo, cubriremos cómo mostrar publicaciones recientes por categoría en su barra lateral de WordPress.

Tutorial en video

Si no le gusta el video o necesita más instrucciones, continúe leyendo.

Hay dos formas de mostrar publicaciones recientes por categoría en WordPress. El primer método es bastante simple y amigable para principiantes porque usaremos un complemento para mostrar publicaciones recientes por categoría en un widget (no es necesario codificar).

El segundo método utiliza un fragmento de código para nuestros usuarios avanzados de bricolaje, por lo que puede mostrar publicaciones recientes de una categoría específica sin un complemento.

La única ventaja de usar el método de código es que no depende de un complemento y tiene algunas opciones de personalización más. Sin embargo, el método del complemento es FÁCIL y tiene la mayoría de las opciones de personalización para satisfacer al 95% de las personas, como mostrar imágenes en miniatura de la publicación, mostrar el extracto de la publicación y controlar la longitud del extracto, mostrar la fecha de la publicación y el número de comentarios, etc.

Dicho esto, echemos un vistazo a cómo puede mostrar publicaciones recientes por categoría en la barra lateral de WordPress con el complemento de widget de publicación de categoría.

Mostrar publicaciones recientes por categoría (método de complemento)

Lo primero que debe hacer es instalar y activar el Widget de publicaciones de categoría enchufar.

Tras la activación, debe visitar Apariencia »Widgets, allí verá el nuevo widget de Publicaciones de categoría en la lista de widgets disponibles.

Simplemente arrastre y suelte el widget de publicaciones de categoría en una barra lateral donde desee mostrar las publicaciones recientes por categoría.

Configuración del widget de publicaciones de categoría

Las opciones del widget se explican por sí mismas. Primero debe proporcionar un título para la sección de publicaciones de categoría y elegir una categoría. Después de eso, puede elegir otras opciones de visualización como número de publicaciones, extractos, imagen destacada, etc.

Una vez que haya terminado, haga clic en el botón Guardar para almacenar la configuración de su widget. Ahora puede visitar su sitio para ver publicaciones recientes por categoría en acción.

Mostrar publicaciones recientes por categoría sin un complemento (fragmento de código)

En este método, usaremos un fragmento de código para mostrar publicaciones recientes de una categoría.

Primero debe agregar este código en el archivo functions.php de su tema o en un complemento específico del sitio.


function wpb_postsbycategory() {
// the query
$the_query = new WP_Query( array( 'category_name' => 'announcements', 'posts_per_page' => 10 ) ); 

// The Loop
if ( $the_query->have_posts() ) {
	$string .= '<ul class="postsbycategory widget_recent_entries">';
	while ( $the_query->have_posts() ) {
		$the_query->the_post();
			if ( has_post_thumbnail() ) {
			$string .= '<li>';
			$string .= '<a href="' . get_the_permalink() .'" rel="bookmark">' . get_the_post_thumbnail($post_id, array( 50, 50) ) . get_the_title() .'</a></li>';
			} else { 
			// if no featured image is found
			$string .= '<li><a href="' . get_the_permalink() .'" rel="bookmark">' . get_the_title() .'</a></li>';
			}
			}
	} else {
	// no posts found
}
$string .= '</ul>';

return $string;

/* Restore original Post Data */
wp_reset_postdata();
}
// Add a shortcode
add_shortcode('categoryposts', 'wpb_postsbycategory');

// Enable shortcodes in text widgets
add_filter('widget_text', 'do_shortcode');

Asegúrese de reemplazar 'announcements' con tu propia categoría babosa.

Este código simplemente consulta a WordPress para recuperar 10 publicaciones de una categoría específica. Luego muestra las publicaciones en una lista con viñetas. Si una publicación tiene una imagen destacada (miniatura de la publicación), también mostrará la imagen destacada.

Al final, creamos un shortcode. 'categoryposts' y código abreviado habilitado en widgets de texto.

Hay tres formas de mostrar las publicaciones recientes por categoría utilizando este fragmento de código.

Primero, puede simplemente pegar el siguiente código en cualquier lugar de la ubicación del archivo de plantilla que desee (como footer.php, single.php, etc.).

<?php wpb_postsbycategory() ?>

El segundo y tercer método se basa en el uso del código abreviado en el área del widget o dentro de sus publicaciones / páginas.

Simplemente visita Apariencia »Widgets y agregue un widget de texto a su barra lateral. Siguiente agregar [categoryposts] shortcode en el widget de texto y guárdelo. Ahora puede obtener una vista previa de su sitio web para ver las publicaciones recientes por categoría en la barra lateral.

Si desea mostrar publicaciones recientes por categorías en publicaciones o páginas específicas, simplemente pegue el código corto en el área de contenido de la publicación.

De forma predeterminada, es posible que su lista no se vea muy bien. Deberá usar CSS para diseñar la lista de publicaciones de categorías. Puede utilizar el código siguiente como punto de partida en la hoja de estilo de su tema o tema hijo.

ul.postsbycategory {
list-style-type: none;
}

.postsbycategory img {
float:left; 
padding:3px;
margin:3px;
border: 3px solid #EEE;
}

Publicaciones de una categoría que se muestran con miniaturas

Eso es todo, esperamos que este artículo te haya ayudado a mostrar publicaciones recientes por categoría en la barra lateral de WordPress. Es posible que también desee consultar estos hacks y complementos de categorías más buscados para WordPress.

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube para tutoriales en video de WordPress. También puedes encontrarnos en Gorjeo y Google+.

Deja un comentario