Weston Ruter

This plugin adds a Customizer control to select one or multiple posts (and eventually terms and users).
Core has long had a <code>dropdown-pages</code> control type which is used in the static front page section for the “page on front” and “page for posts” controls. There is a problem with this control however: it outputs the entire tree of pages for every registered instance of the control. For sites that have a lot of pages, this can introduce a performance problem to generate this full list, not only once, but twice for the two controls. This plugin upgrades the “page on front” and “page for posts” controls to instead make use of the Customize Object Selector control, not only allowing for the list of pages to be loaded via Ajax on demand but also for the list to be searched.
When the <a href="https://github.com/xwp/wp-customize-posts" rel="nofollow ugc">Customize Posts</a> plugin is active, buttons will appear after the Select2 control to be able to create new posts to add to the selection. The Customize Object Selector will also power the post parent control. See <a href="https://github.com/xwp/wp-customize-posts/pull/233" rel="nofollow ugc">wp-customize-posts#233</a>.
This plugin also includes a reusable JavaScript component available at <code>wp.customize.ObjectSelectorComponent</code> which can be used in widgets or other locations.
For an example integration with widgets, see the <a href="https://github.com/xwp/wp-js-widgets/pull/10" rel="nofollow ugc">Post Collection widget</a>.
For an example integration with the Customize Posts plugin, see pending usage as the <a href="https://github.com/xwp/wp-customize-posts/pull/189#issuecomment-241216247" rel="nofollow ugc">Post Parent control</a>.
Development of this plugin is done <a href="https://github.com/xwp/wp-customize-object-selector" rel="nofollow ugc">on GitHub</a>. Pull requests welcome. Please see <a href="https://github.com/xwp/wp-customize-object-selector/issues" rel="nofollow ugc">issues</a> reported there before going to the <a href="https://wordpress.org/support/plugin/customize-object-selector" rel="ugc">plugin forum</a>.

Customize Object Selector

Adds a Customizer control to select one or multiple posts (and eventually terms and users).

Ross Wintle

This plugin provides a library for developers to use to create AJAX-powered drop-down post select boxes.
This is best explained with an example. Say you have a plugin or theme that sets up a custom post type called “Resources”. You want users to be able to manually create, for each post, “Related posts” and “Related resources” using meta boxes with data (the IDs of the related posts/resources) saved to custom fields.
One way to do this is to use a select box. This would be a big long list of ALL the posts or resources on your site. This is not very user friendly, but also, with a large number of posts and resources to list, can be a real performance hog. I’ve even had this approach blow the PHP memory_limit and break the admin of sites.
This plugin improves both the user experience and performance of creating selectable post lists by enhancing them with the functionality of AJAX-powered <a href="https://github.com/select2/select2" rel="nofollow ugc">Select2</a> select boxes.
The plugin:
<ul>
<li>gives a simple way to select posts from a specified post type based on a partial, case-insensitive title search</li>
<li>saves selected post IDs to custom post meta variables</li>
<li>requires minimal coding (but, sadly, does require some coding in your plugin or theme)</li>
</ul>
Select2 is MIT Licensed and Copyright (c) 2012-2015 Kevin Brown, Igor Vaynberg, and Select2 contributors,
<h3>Configuration</h3>
This plugin provides a library for you to use in Themes and Plugins that you create. To use it you will need to add some code to your plugin or theme. Not much, but you will need to add some.
The basic steps are:
<ol>
<li>initialise the post selectors</li>
<li>create a meta box that displays on your custom post type’s edit page</li>
<li>populate the meta box with the post selectors</li>
<li>getting your data out</li>
</ol>
Note: all code here is prefixed with ‘demo‘ – please change this to an appropriate prefix for your own project or put the calls in a wrapper class or namespace of some sort._
<h3>Initialise Post Selectors</h3>
You should initialise the Post Selectors on admin_init – they aren’t required in the front end.
You should call S2PS_Post_Select::create() for each post selector that you want to create.
The parameters to the create method are:
<ul>
<li><code>$field_id</code> – this is the ‘name’ of the field – used to identify it for printing or saving – it must be unique for your post selector</li>
<li><code>$meta_key</code> – the meta_key to fetch/save data to/from</li>
<li><code>$form_field_name</code> – the name attribute of the select form field to be created</li>
<li><code>$form_field_label</code> – the label text for the select form field</li>
<li><code>$post_post_type</code> – the post type of the posts which we want the select box to appear for</li>
<li><code>$item_post_type</code> – the post type of the things to appear in the select list</li>
<li><code>$additional_query_params</code> – any additional query params for generating the list (if you want to filter what appears in the selector); this is an array of parameters that you would pass to <code>WP_Query</code> – you can pass pretty much anything, I think, except post_type. Using things like pagination parameters probably isn’t recommended.</li>
</ul>
The first parameter, <code>$field_id</code>, is needed when adding the code to display the post selector, so remember what they are.
Here’s some code that initialises “Related posts” and “Related resources” (of “resources” custom post type) to be displayed on the edit screen of posts.
<pre><code>add_action('admin_init', 'demo_create_post_selects');
function demo_create_post_selects() {
 S2PS_Post_Select::create( 'related-articles', 'related-articles', 'demo_related_articles', 'Related articles', 'post', 'post');
 S2PS_Post_Select::create( 'related-resources', 'related-resources', 'demo_related_resources', 'Related resources', 'post', 'resources' );
}
</code></pre>
<h3>Create meta boxes</h3>
This just uses a standard WordPress add_meta_box call to add a meta box to the post type that you want to display the selectors in. The callback to print the content of the meta box (<code>demo_print_related_items_meta_box</code>) will use the code in the next section to display the post selectors.
<pre><code>add_action('add_meta_boxes', 'demo_add_related_items_meta_box');
function demo_add_related_items_meta_box() {
 add_meta_box( 'related_items', 'Related Items', 'demo_print_related_items_meta_box', 'post', 'normal',
 'default' );
}
</code></pre>
<h3>Add post selectors to meta boxes</h3>
This is the callback that is called to display the contents of the meta box. Here we need out <code>$field_id</code>‘s from the first section of code.
<pre><code>function demo_print_related_items_meta_box( $post ) {
 S2PS_Post_Select::display( 'related-articles' );
 S2PS_Post_Select::display( 'related-resources' );
}
</code></pre>
<h3>Getting data out</h3>
Data is stored as regular post meta, so you can retrieve it with <code>get_post_meta()</code> calls (or other functions that get post meta for you).
One important thing to note is that if multiple posts are selected in a given field then these are stored as multiple post meta entries with the same key. So, when you call <code>get_post_meta()</code>, ensure that the <code>$single</code> parameter is set to <code>false</code> (it is by default).

Select 2 Post Selector

I was in urgent need of understanding Select2 for my own projects.  The really clear code in this plugin made it a breeze to clone what I needed.
Thanks!!!!



Great Job, you rock!

Provides developers with a simple means of creating AJAX-powered Select 2 post select meta boxes

Customize Object Selector vs Select 2 Post Selector