Amit Gupta

iG:Custom Metaboxes is a WordPress plugin to provide an object oriented and clean API for creating custom meta-boxes on wp-admin post_type add/edit screens.
This plugin is more or less a library which is meant to be used in other plugins or themes. On its own this plugin does nothing, it has no UI nor any configuration to be set/tweaked. This plugin allows addition of HTML5 fields however the functionality of specialized fields like color picker, date picker etc. is browser dependent. The plugin does not add any JavaScript to make these fields compatible with browsers which don’t support HTML5 or which don’t add functionality to these specialized fields.
This plugin has been written with WordPress.com VIP compliance in mind, so you can use it as is even if you host your website with WordPress.com VIP.
Requirements: This plugin requires PHP 5.4 or better and is supported on WordPress 4.0 or better. It might work on a lower version of PHP or WordPress but no support would be provided for those platforms.
Pull requests on Github are welcome.
Github: https://github.com/coolamit/ig-custom-metaboxes
<h3>Plugin Usage</h3>
On its own this plugin will not do anything, it is a library meant to be used in other plugins/themes. It provides an API to create custom metaboxes in wp-admin on post_type screens in an object oriented way.
Usage Example:
<pre><code>$metabox = new iG\Metabox\Metabox( 'my-metabox-1' );

$metabox->set_title( 'My Cool Metabox' )
 ->set_context( 'normal' )
 ->set_priority( 'default' )
 ->set_css_class( 'my-metabox' )
 ->set_post_type( 'post' )
 ->add_field( //add a simple text input field
 iG\Metabox\Text_Field::create( 'my-txt-1', 'My Text Field 1' )
 ->set_description( 'Some Desc for 1st Field' )
 ->set_css_class( 'my-txt-css-1 second-css-cls' )
 ->set_placeholder( 'Enter the first text here' )
 ->set_size( 50 )
 )
 ->add_field( //add a HTML5 number input field
 iG\Metabox\Number_Field::create( 'my-num-1', 'My Numb Field A' )
 ->set_description( 'Some Desc for 1st Number Field' )
 ->set_css_class( 'my-num-css-1' )
 ->set_placeholder( 'Enter the first number here' )
 ->set_step( 2.5 )
 )
 ->add_field( //add a HTML5 color picker
 iG\Metabox\Color_Field::create( 'my-col-1', 'My Color Field 1a' )
 ->set_description( 'Some Desc for 1st Color Field' )
 ->set_css_class( 'my-colr-css-1' )
 )
 ->add_field( //add a HTML date picker
 iG\Metabox\Date_Field::create( 'my-dt-1', 'My Date Field 1a' )
 ->set_description( 'Some Desc for 1st Date Field' )
 ->set_css_class( 'my-dt-css-1' )
 ->set_min( '2014-05-01' )
 )
 ->add_field( //add a HTML5 date time picker
 iG\Metabox\Date_Time_Field::create( 'my-dttm-1', 'My Date Time Field A' )
 ->set_description( 'Some Desc for 1st Date Time Field' )
 ->set_css_class( 'my-dttm-css-1' )
 ->set_min( '2014-05-01T05:00' )
 )
 ->add_field( //add a radio button group
 iG\Metabox\Radio_Group::create( 'my-rdg-1', 'My Radio Group A' )
 ->set_description( 'Some Desc for 1st Radio Group' )
 ->set_css_class( 'my-rdg-css-1' )
 ->set_values( array(
 'apple' => 'Apple',
 'grape' => 'Grape',
 'banana' => 'Banana',
 'orange' => 'Orange',
 'peach' => 'Peach',
 ) )
 )
 ->add();
</code></pre>

iG:Custom Metaboxes

A WordPress plugin to provide an object oriented and clean API for creating custom meta-boxes on wp-admin post_type add/edit screens.

Willy Bahuaud

This plugin add a metabox which allox to upload and link multiple images to one post. 
Pictures are linked by the way of meta_value (and attachments ID). They can be reordered using drag and drop.
Number of allowed pictures and concerned post types can be overited using hooks.
Plugin includes many functions to retrieve linked pictures. 
For more information on using the plugin, refer to the section <a href="/extend/plugins/multi-image-metabox/other_notes/" rel="nofollow ugc">“Other Notes”</a>.
<h3>Set concerned post types</h3>
Paste this into your theme’s functions.php file :
 
<h3>Set allowed number of picts</h3>
Paste this into your theme’s functions.php file : 
 ‘_image1’, 
 ‘image2’ => ‘_image2’, 
 ); 
 return $picts; 
 } 
 ?>
<h4>Set allowed number of picts, depending to the post_type</h4>
Paste this into your theme’s functions.php file : 
 add_filter(‘list_images’,’my_list_images’,10,2); 
 function my_list_images($list_images, $cpt){ 
 global $typenow; 
 if($typenow == “my_custom_post_type” || $cpt == “my_custom_post_type”) 
 $picts = array( 
 ‘image1’ => ‘_image1’, 
 ‘image2’ => ‘_image2’, 
 ‘image3’ => ‘_image3’, 
 ); 
 else 
 $picts = array( 
 ‘image1’ => ‘_image1’, 
 ‘image2’ => ‘_image2’, 
 ‘image3’ => ‘_image3’, 
 ‘image4’ => ‘_image4’, 
 ‘image5’ => ‘_image5’, 
 ‘image6’ => ‘_image6’, 
 ‘image7’ => ‘_image7’, 
 ‘image8’ => ‘_image8’, 
 ); 
 return $picts; 
 }
<h3>get_images_ids()</h3>
This function have to be used into a template file, or any function. 
It return an array of the linked attachments’s ID.
It take two arguments whose are :
<ol>
<li>include the thumbnail ? (boolean) if true include the thumbnail in the returned datas</li>
<li>
ID (integer) for targeting images linked to a specific post
 45, 
 ‘image1’ => 5, 
 ‘image2’ => 6, 
 ‘image3’ => 12, 
 ‘image6’ => 20, 
 ‘image7’ => 15 
);
//Empty pictures ar not returned
?>
<h3>get_images_src()</h3>
This function have to be used into a template file, or any function. 
It return an array of URIs and dimension for the linked attachments’s, by order.
</li>
</ol>
It take three agruments whose are :
<ol>
<li>size (string) the size to return</li>
<li>include the thumbnail ? (boolean) if true include the thumbnail in the returned datas</li>
<li>
ID (integer) for targeting images linked to a specific post
 array( 
 [0] => ‘http://url_of_the_medium_pict.jpg’, 
 [1] => 340, 
 [2] => 200, 
 [3] => false //I’ve no idea what is it… 
 ), 
 ‘image2’ => array( 
 [0] => ‘http://url_of_the_medium_second_pict.jpg’, 
 [1] => 340, 
 [2] => 200, 
 [3] => false //I’ve no idea what is it… 
 ) 
);
?>
<h3>get_multi_images_src()</h3>
Same as get_image_src(), but return two sizes for all the pictures.
</li>
</ol>
It take for agruments whose are :
<ol>
<li>size (string) the size to return</li>
<li>size2 (string) another size to return</li>
<li>include the thumbnail ? (boolean) if true include the thumbnail in the returned datas</li>
<li>
ID (integer) for targeting images linked to a specific post
 array( 
 [0] => array( 
 [0] => ‘http://url_of_the_medium_pict.jpg’, 
 [1] => 340, 
 [2] => 200, 
 [3] => false //I’ve no idea what is it… 
 ), 
 [1] => array( 
 [0] => ‘http://url_of_the_full_pict.jpg’, 
 [1] => 1020, 
 [2] => 600, 
 [3] => false //I’ve no idea what is it… 
 ), 
 ), 
 ‘image2’ => array( 
 [0] => array( 
 [0] => ‘http://url_of_the_medium_second_pict.jpg’, 
 [1] => 340, 
 [2] => 200, 
 [3] => false //I’ve no idea what is it… 
 ), 
 [1] => array( 
 [0] => ‘http://url_of_the_second_full_pict.jpg’, 
 [1] => 1020, 
 [2] => 600, 
 [3] => false //I’ve no idea what is it… 
 ) 
 ) 
); 
//Empty pictures ar not returned
?></li>
</ol>

Multi Image Metabox

Add a multi-image metabox to your posts, pages and custom post types

iG:Custom Metaboxes vs Multi Image Metabox