Cómo mostrar publicaciones recientes como un menú desplegable en WordPress

Probablemente esté familiarizado con el widget de categoría en WordPress. Recientemente, uno de nuestros lectores nos preguntó si también era posible ver publicaciones recientes en un menú desplegable. En este artículo, le mostraremos cómo mostrar publicaciones recientes como un menú desplegable en WordPress.

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

WordPress viene con un widget de publicación reciente incorporado que puede agregar a cualquier barra lateral o área lista para widgets.

Este widget simplemente muestra una lista de publicaciones recientes y puede elegir la cantidad de publicaciones que desea mostrar. Pero si desea mostrar más de 5 a 10 publicaciones, la lista ocupará mucho espacio en la barra lateral.

Algunos usuarios de WordPress pueden necesitar una forma compacta de ver publicaciones recientes. Si es así, el uso de listas desplegables o listas plegables puede ayudarlo a ahorrar espacio.

Echemos un vistazo a un par de formas diferentes de mostrar publicaciones recientes como menús desplegables en WordPress.

Ver publicaciones recientes de WordPress en un menú desplegable simple (código manual)

Este método utiliza el incorporado wp_get_recent_posts función. Todo lo que necesita hacer es copiar y pegar el siguiente código en el archivo functions.php de su 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 [rp_dropdown] en sus publicaciones, páginas y widgets de texto de WordPress. Se verá así:

Agregar publicaciones recientes plegables usando el plugin

El método anterior simplemente enumera sus publicaciones recientes en un formulario desplegable. Otra forma de ahorrar espacio es agregar una lista plegable de publicaciones recientes que se expande cuando los usuarios hacen clic en ella.

Lo primero que debe hacer es instalar y activar el archivo. Colapso-O-Matic conectar. Funciona instantáneamente y no hay ajustes que configurar.

El plugin simplemente le permite mostrar cualquier cosa en un menú plegable usando un código corto.

Antes de usar este plugin, necesitamos una forma de mostrar fácilmente las publicaciones recientes donde queramos. Simplemente agregue este código al archivo functions.php de su tema o 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 ver una lista de publicaciones recientes usando el código corto [recentposts].

Ahora agregaremos nuestro código corto en el código corto Collapse-O-Matic para crear una lista plegable de publicaciones recientes.

Simplemente agregue el código corto así:

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

Puede agregar este código corto en un widget de texto, publicación o página en su sitio de WordPress. Así es como se veía en nuestro sitio de prueba.

Eso es todo, esperamos que este artículo te haya ayudado a mostrar publicaciones recientes como menús desplegables en WordPress. Es posible que también desee ver estos 6 consejos para crear un calendario editorial excelente en WordPress.

¿Te ha resultado útil??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicado. Required fields are marked *