Probablemente esté familiarizado con el widget Categoría en WordPress. Recientemente, uno de nuestros lectores nos preguntó si también era posible mostrar publicaciones recientes en un menú desplegable. En este artículo, le mostraremos cómo mostrar las 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 publicaciones recientes 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 su barra lateral.
Algunos usuarios de WordPress pueden necesitar una forma compacta de mostrar publicaciones recientes. En ese caso, el uso de listas desplegables o contraíbles puede ayudarlo a ahorrar espacio.
Echemos un vistazo a un par de formas diferentes de mostrar publicaciones recientes como un menú desplegable en WordPress.
Mostrar 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 complemento 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 su publicación de WordPress, páginas y widgets de texto. Se verá así:
Adición de publicaciones recientes plegables mediante el complemento
El método anterior simplemente enumera sus publicaciones recientes en un formulario desplegable. Otra forma de ahorrar espacio es agregando 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 Colapso-O-Matic enchufar. Funciona de inmediato y no hay opciones para configurar.
El complemento simplemente le permite mostrar cualquier cosa en un menú plegable usando un código corto.
Antes de usar este complemento, necesitamos una forma de mostrar fácilmente las publicaciones recientes en cualquier lugar que queramos. Simplemente agregue este código al archivo functions.php de su tema o un complemento 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 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 como este:
[expand title="Recent Posts"][recentposts][/expand]
Puede agregar este código corto en un widget de texto, publicaciones o páginas en su sitio de WordPress. Así es como se veía en nuestro sitio de prueba.
Eso es todo, esperamos que este artículo le haya ayudado a mostrar las publicaciones recientes como un menú desplegable en WordPress. Es posible que también desee ver estos 6 consejos para crear un calendario editorial excelente en WordPress.