Cómo mostrar entradas recientes como desplegable en WordPress

Probablemente conozcas el widget de categorías de WordPress. Recientemente, uno de nuestros lectores nos preguntó si era posible mostrar también entradas recientes en un desplegable. En este artículo, te mostraremos cómo mostrar entradas recientes como un desplegable en WordPress.

¿Por qué y quién necesita entradas recientes en el menú desplegable?

WordPress viene con un widget de entradas recientes incorporado que puedes añadir a cualquier barra lateral o área preparada para widgets.

Este widget simplemente muestra una lista de entradas recientes, y puedes elegir el número de entradas que quieres mostrar. Pero si quieres mostrar más de 5-10 entradas, entonces la lista ocupará mucho espacio en tu barra lateral.

Algunos usuarios de WordPress pueden necesitar una forma compacta de mostrar entradas recientes. En ese caso, el uso de listas desplegables o cerrables puede ayudarle a ahorrar espacio.

Veamos un par de formas diferentes de mostrar entradas recientes como un menú desplegable en WordPress.

Mostrar entradas recientes de WordPress en un menú desplegable simple (código manual)

Este método usa la función integrada wp_get_recent_posts. Todo lo que necesitas hacer es copiar y pegar el siguiente código en el archivo functions. php de tu tema o en un plugin específico del sitio.

function wpb_recentposts_dropdown() { 
$string .= '<select id="rpdropdown">
			<option  value="" selected>Select a Post</option>';

$args = array( 'numberposts' => '5', 'post_status' => 'publish' );

$recent_posts = wp_get_recent_posts($args);
	foreach( $recent_posts as $recent ){
		$string .= '<option value="' . get_permalink($recent["ID"]) . '">' .   $recent["post_title"].'</option> ';
	}

$string .= '</select>
			<script type="text/javascript"> var urlmenu = document.getElementById( "rpdropdown" ); urlmenu.onchange = function() {
      		window.open( this.options[ this.selectedIndex ].value, "_self" );
 			};
			</script>';

return $string;
} 
add_shortcode('rp_dropdown', 'wpb_recentposts_dropdown');
add_filter('widget_text','do_shortcode');

Ahora puedes usar el shortcode [SKX1 ] en tus entradas, páginas y widgets de texto de WordPress. Tendrá este aspecto:

Añadir Collapsible Entradas Recientes Usando Plugins

El método anterior simplemente lista tus entradas recientes en un formulario desplegable. Otra forma de ahorrar espacio es añadiendo un catálogo desplegable de entradas recientes que se amplía al hacer clic sobre él.

Lo primero que debe hacer es instalar y activar el plugin Collapse-O-Matic. Funciona de inmediato y no hay ajustes que deba configurar.

El plugin simplemente le permite mostrar cualquier cosa en un menú plegable usando un shortcode.

Antes de utilizar este plugin, necesitamos una manera de mostrar fácilmente entradas recientes en cualquier lugar que queramos. Simplemente añade este código al archivo functions. php de tu tema o a un plugin específico del sitio.

function wpb_recentposts() { 

$string .= '<ul>';
$args = array( 'numberposts' => '5', 'post_status' => 'publish' );
$recent_posts = wp_get_recent_posts($args);
	foreach( $recent_posts as $recent ){
		$string .= '<li><a href="' . get_permalink($recent["ID"]) . '">' .   $recent["post_title"].'</a></li> ';
	}
$string .= '</ul>';
return $string;
} 
add_shortcode('recentposts', 'wpb_recentposts');
add_filter('widget_text','do_shortcode');

Este código simplemente le permite mostrar una lista de entradas recientes utilizando el shortcode [recentposts].

Ahora vamos a añadir nuestro shortcode en el Collapse-O-Matic shortcode para crear una lista plegable de entradas recientes.

Simplemente añada el shortcode así:

[expand title="Recent Posts"][recentposts][/expand]

Puedes añadir este shortcode en un widget de texto, entradas o páginas de tu sitio WordPress. Así es como se ve en nuestro sitio de prueba.

Eso es todo, esperamos que este artículo te haya ayudado a mostrar entradas recientes como desplegables en WordPress. También puedes ver estos 6 consejos para crear un calendario editorial en WordPress.

Si te ha gustado este artículo, suscríbete a nuestro canal de YouTube para ver nuestros videotutoriales sobre WordPress. También puedes encontrarnos en Twitter y Facebook.