Advanced Search

Custom fields with Upload image option - WordPress

/ Published in: PHP
Save to your folder(s)
Original custom fields code based on Wefunction's code here: http://wefunction.com/2008/10/tutorial-creating-custom-write-panels-in-wordpress/ enhanced to add support for uploading images.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <?php 
  2. if ( is_admin() ) {
  3.     function add_post_enctype() {
  4.         echo "<script type='text/javascript'>
  5.                   jQuery(document).ready(function(){
  6.                       jQuery('#post').attr('enctype','multipart/form-data');
  7.                   });
  8.               </script>";
  9.     }
  10.     add_action('admin_head', 'add_post_enctype');
  11. }
  12.  
  13. $new_meta_boxes =
  14. array(
  15.  
  16. "start" => array(
  17. "name" => "start",
  18. "type" => "start"),
  19.  
  20.  
  21. "image" => array(
  22. "name" => "image",
  23. "std" => "",
  24. "type" => "image",
  25. "title" => "Thumbnail Image"), 
  26.  
  27.  
  28. "bannerimage" => array(
  29. "name" => "bannerimage",
  30. "std" => "",
  31. "type" => "image",
  32. "title" => "Banner Image"), 
  33.  
  34.  
  35. "tagline" => array(
  36. "name" => "tagline",
  37. "std" => "",
  38. "type" => "text",
  39. "title" => "Tagline",
  40. "description" => "Tagline to your post"),
  41.  
  42.  
  43. "end" => array(
  44. "name" => "end",
  45. "type" => "end"),
  46. );
  47.  
  48.  
  49. function new_meta_boxes() {
  50. global $post, $new_meta_boxes;
  51.  
  52. foreach($new_meta_boxes as $meta_box) {
  53. $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'', true);
  54.  
  55. if($meta_box_value == "")
  56. $meta_box_value = $meta_box['std'];
  57.  
  58. echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';
  59. if($meta_box['type'] == "start") {
  60.  
  61. echo "<div class='optionsbox'><style type='text/css'>.optionsbox {
  62. display:block;
  63. width:auto;
  64. float:none;
  65. overflow: hidden;
  66. }
  67.  
  68. .optionsbox input, .optionsbox textarea {
  69. outline:none;
  70. padding:5px;
  71. color:#999;
  72. }
  73.  
  74. .optionsbox input:focus, .optionsbox textarea:focus {
  75. border-color:#999;
  76. color:#666;
  77. }
  78.  
  79. .optionsbox p {
  80. margin-bottom:20px;
  81. }
  82.  
  83. .optionsbox label {
  84. width:140px;
  85. display:block;
  86. float:left;
  87. margin-top:3px;
  88. }
  89.  
  90. .optionsbox small {
  91. padding-left:140px;
  92. padding-top:3px;
  93. color:#999;
  94. }
  95. </style>";
  96.  
  97. } else if($meta_box['type'] == "end") { 
  98.  
  99. 	echo '</div>';
  100.  
  101. } else if($meta_box['type'] == "image") { 
  102.  
  103. 	echo $meta_box['before'];
  104.  
  105. 	echo '<div style="background:#f4f4f4;padding:10px;height:120px;margin:0 0 20px 0;display:block">';
  106.  
  107. 	if($meta_box_value) { echo '<img style="float:right" src="'.get_bloginfo('template_directory').'/scripts/timthumb.php?src='.$meta_box_value.'&w=120&h=120" alt="" />'; }
  108.  
  109. 	echo'<p><label for="'.$meta_box['name'].'_upload">'.$meta_box['title'].'</label>';
  110. 	echo'<input type="file" name="'.$meta_box['name'].'_upload" size="55" /><br />';
  111. 	echo'<small>Upload image here</small></p>';
  112.  
  113. 	echo'<p><label>&nbsp;</label>';
  114. 	echo'<input type="text" name="'.$meta_box['name'].'" value="'.$meta_box_value.'" size="55" /><br />';
  115. 	echo'<small>or add a URL to the image here</small></p>';
  116.  
  117. 	echo '</div>';
  118.  
  119. } else if($meta_box['type'] == "text") { 
  120.  
  121. 	echo $meta_box['before'];
  122.  
  123. 	echo'<p style="margin-bottom:20px;"><label style="width:140px;display:block;float:left;margin-top:3px;" for="'.$meta_box['name'].'">'.$meta_box['title'].'</label>';
  124. 	echo'<input style="color:#666;" type="text" name="'.$meta_box['name'].'" value="'.$meta_box_value.'" size="55" /><br />';
  125. 	echo'<small style="padding-left:140px;padding-top:3px;">'.$meta_box['description'].'</small></p>';
  126.  
  127. } else if($meta_box['type'] == "checkbox") { 
  128.  
  129. 	echo $meta_box['before'];
  130.  
  131. 	echo'<p style="margin-bottom:20px;"><label style="width:140px;display:block;float:left;margin-top:3px;" for="'.$meta_box['name'].'">'.$meta_box['title'].'</label>';
  132. 	if($meta_box_value) { $checked = "checked=\"checked\""; } else { $checked = ""; }
  133. 	echo '<input style="display:block;float:left;width:20px;margin:5px 0 0 0;" '.$checked.' type="checkbox" name="'.$meta_box['name'].'" /><br/>';
  134. 	echo'<small style="clear:both;padding-left:140px;padding-top:3px;display:block;">'.$meta_box['description'].'</small></p>';
  135.  
  136. } else if($meta_box['type'] == "textarea") { 
  137.  
  138. 	echo $meta_box['before'];
  139. 	echo'<p style="margin-bottom:20px;"><label style="width:140px;display:block;float:left;margin-top:3px;" for="'.$meta_box['name'].'">'.$meta_box['title'].'</label>';
  140. 	echo'<textarea style="color:#666;" name="'.$meta_box['name'].'" cols="50" rows="4">'.stripslashes($meta_box_value).'</textarea><br />';
  141. 	echo'<small style="padding-left:140px;padding-top:3px;">'.$meta_box['description'].'</small></p>';
  142.  
  143. } 
  144.  
  145. }
  146. }
  147.  
  148.  
  149. function create_meta_box() {
  150. global $theme_name;
  151. if ( function_exists('add_meta_box') ) {
  152. add_meta_box( 'new-meta-boxes', 'Post Options', 'new_meta_boxes', 'post', 'normal', 'high' );
  153. add_meta_box( 'new-meta-boxes', 'Page Options', 'new_meta_boxes', 'page', 'normal', 'high' );
  154. }
  155. }
  156.  
  157.  
  158. function save_postdata( $post_id ) {
  159. global $post, $new_meta_boxes;
  160. $post_id = wp_is_post_revision($post_id);
  161.  
  162. foreach($new_meta_boxes as $meta_box) {
  163.  
  164. 	if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) )) {
  165. 	return $post_id;
  166. 	}
  167.  
  168. 	if ( 'page' == $_POST['post_type'] ) {
  169. 	if ( !current_user_can( 'edit_page', $post_id ))
  170. 	return $post_id;
  171. 	} else {
  172. 	if ( !current_user_can( 'edit_post', $post_id ))
  173. 	return $post_id;
  174. 	}
  175.  
  176. $imageuploadlocation = "";
  177. $metaboxname = "";
  178. $metaboxname_upload = "";
  179.  
  180. if($meta_box['type'] == 'image') {
  181.  
  182. 	$metaboxname = $meta_box['name'];
  183. 	$metaboxname_upload = $metaboxname.'_upload';
  184.  
  185. 	if($_FILES[$metaboxname_upload]['name'] != "") {
  186. 		$overrides = array( 'test_form' => false);
  187. 		$imagefile=wp_handle_upload($_FILES[$metaboxname_upload], $overrides);
  188. 		$imageuploadlocation = $imagefile['url'];
  189. 		delete_post_meta($post_id, $metaboxname, get_post_meta($post_id, $metaboxname, true));
  190. 		add_post_meta($post_id, $metaboxname, $imageuploadlocation, true);
  191. 	} else {
  192. 		$imageuploadlocation = get_post_meta($post_id, $metaboxname, true);
  193. 		delete_post_meta($post_id, $metaboxname, get_post_meta($post_id, $metaboxname, true));
  194. 		add_post_meta($post_id, $metaboxname, $_POST[$metaboxname], true);
  195. 	} 
  196.  
  197.  
  198. } else {
  199.  
  200. 	$data = $_POST[$meta_box['name'].''];
  201. 	if(get_post_meta($post_id, $meta_box['name'].'') == "")
  202. 	add_post_meta($post_id, $meta_box['name'].'', $data, true);
  203. 	elseif($data != get_post_meta($post_id, $meta_box['name'].'', true))
  204. 	update_post_meta($post_id, $meta_box['name'].'', $data);
  205. 	elseif($data == "")
  206. 	delete_post_meta($post_id, $meta_box['name'].'', get_post_meta($post_id, $meta_box['name'].'', true));
  207.  
  208. }
  209.  
  210.  
  211. }
  212.  
  213. }
  214.  
  215.  
  216.  
  217. add_action('admin_menu', 'create_meta_box');
  218. add_action('save_post', 'save_postdata', 12);?>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.