Så här visar du senaste inlägg som en rullgardinsmeny i WordPress

Du är förmodligen bekant med widgeten Category i WordPress. Nyligen frågade en av våra läsare oss om det var möjligt att också visa senaste inlägg i en rullgardinsmeny. I den här artikeln kommer vi att visa dig hur du visar senaste inlägg som en rullgardinsmeny i WordPress.

Varför och vem behöver senaste inlägg i rullgardinsmeny?

WordPress levereras med en built-in senaste inlägg widget som du kan add to någon sidebar eller widget redo area.

Denna widget visar helt enkelt en lista över senaste inlägg, och du kan välja hur många inlägg du vill visa. Men om du vill visa mer än 5-10 posts, kommer listan att ta mycket plats i din sidebar.

Vissa användare av WordPress kan behöva ett kompakt sätt att visa de senaste inläggen. I så fall kan du spara utrymme genom att använda rullgardinsmenyer eller minimerbara listor.

Låt oss ta en titt på ett par olika sätt att visa senaste inlägg som en rullgardinsmeny i WordPress.

Visa senaste inlägg i WordPress i en vanlig rullgardinsmeny (manuell kod)

Den här metoden använder den built-in wp_get_recent_posts-funktionen. Allt du behöver göra är att copy and paste följande kod i ditt temas functions.php-fil eller ett site-specifikt plugin.

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

Nu kan du använda shortcode [rp_dropdown] i dina WordPress-poster, pages och textwidgets. Det kommer att se ut så här:

Lägga till minimerbara senaste inlägg med plugin

Ovanstående metod listar helt enkelt dina senaste inlägg i en rullgardinsmeny. Ett annat sätt att spara utrymme är att lägga till en minimerbar lista över senaste inlägg som förstoras när användare klickar på den.

Det första du behöver göra är att installera och aktivera tillägget Collapse-O-Matic. Det fungerar direkt från boxen och det finns inga inställningar för dig att konfigurera.

Pluginet tillåter dig helt enkelt att visa vad som helst i en minimerbar meny med hjälp av en shortcode.

Innan vi använder detta plugin behöver vi ett sätt att enkelt visa senaste inlägg var vi vill. Lägg helt enkelt till den här koden i ditt temas functions.php-fil eller ett site-specifikt plugin.

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

Denna kod tillåter dig helt enkelt att visa en lista över senaste inlägg med hjälp av shortcode [recentposts].

Nu ska vi add to vår shortcode i Collapse-O-Matic shortcode för att skapa en minimerbar lista över senaste inlägg.

Lägg helt enkelt till shortcoden så här:

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

Du kan add to denna shortcode i en text widget, posts eller pages på din WordPress site. Så här såg det ut på vår testsite.

Det var all, vi hoppas att den här artikeln hjälpte dig att visa senaste inlägg som rullgardinsmeny i WordPress. Du kanske också vill se dessa 6 tips för att skapa en fantastisk redaktionell kalender i WordPress.

Om du gillade den här artikeln, vänligen prenumerera på vår YouTube-kanal för WordPress video tutorials. Du kan också hitta oss på Twitter och Facebook.