We're in the process of building a resource of tools to help with various developer tasks and required a menu to navigate between pages. We originally built a little dropdown menu populated from an array, but the need since presented itself for another menu to list certain posts. We wrote a little shortcode snippet that would render almost any list of posts or pages with an option to apply attributes that would filter the results via query arguments. If you're interested in seeing how we applied the feature, see this page.
Not unlike a number of other articles to filter and return certain posts, we're using the WordPress query functions.... with the exception that, in this case, we're returning the results in a dropdown menu.
The result as we applied the search feature on our tools page is as follows (selecting any option will redirect you to a new page):
We used the shortcode of
[dropdown parent="8986"] (where 8986 is the parent page ID).
Because the wp_query class is so robust, we can build a menu based on any number of attributes. For example, if we chose to render the last 10 articles we could use
[dropdown type="post" p="1" orderby="date" order="DESC" number="10" length="60"]. The result is as follows;
I've truncated the length of each post to 60 characters to prevent the select box from running off the screen. The alternative measure to mitigate this issue is by styling the textbox width. In the next example, we'll apply that style and select random posts tagged with
[dropdown type="post" p="1" orderby="random" order="DESC" number="10" length="60" tags="20" style="height: 30px; width: 500px;" text="Select Random Post"] returns:
Copy and paste the WordPress function into your theme's
functions.php file or, if you sensibly have one installed, your custom functions plugin. You may optionally download and install our plugin from the bottom of of the page.
Given the scope of the wp_query object, there are any number of queries that might be performed. We've included the most relevant search parameters to filter results.
publish(default). Other custom post types may also be used.
author, use the author ID or login username.
tagsID (multiple tags may be used).
name(the post slug),
you can alter with PHP's date formatting.
p="1". This navigates issues with WP shrotcodes and paragraph formatting.
style="height: 30px; width: 400px;".
text="Text in here".
length="60". This uses the