Tutorial: Creating Custom Write Panels in WordPress
Use Custom Write options to easily add any unique data to your post
Everyone knows that WordPress is one of the most, if not the most, popular blogging systems on the internet today. With its out of the box features, plugins, and great theming community, its no wonder WordPress has been accepted as today’s standard. However, sometimes you just want to add a little more.
It seems the latest fad to hit the WordPress scene is adding thumbnails into a blog post. This is fairly easy to do with some knowledge of custom fields, but can be a little complicated if your client is new to WordPress, or blogging.
Luckily, WordPress has a solution for us. We are going to use a little something called add_meta_box.
Note: This tutorial requires both knowledge of WordPress, as well as PHP.
I shared a link in a comment that WordPress has a little tutorial for this on their site. However, it is a little incomplete, and leaves a little to be desired. So, let’s get started making our own!
Examples of Usage
To see how you can use custom write panels take a look at these couple of examples, or click the image below.
functions.php
Please excuse the indention of the code. The WordPress plugin does not like my tabs.
All of the code we are about to add will be put in functions.php. This file is included automatically in the Theme, so anything we put in here can be used throughout the theme.
To make this expandable for the future, we are going to declare all of our information in an array. This way, we can add some information to the array, and it will be automatically added to our Admin Panel.
Information Array
/* Plugin Name: Custom Write Panel Plugin URI: http://wefunction.com/2008/10/tutorial-create-custom-write-panels-in-wordpress Description: Allows custom fields to be added to the WordPress Post Page Version: 1.0 Author: Spencer Author URI: http://wefunction.com /* ----------------------------------------------*/ $new_meta_boxes = array( );
Inside of that array, we are going to add more arrays which will hold the information of the new meta box.
$new_meta_boxes = array( "image" => array( "name" => "image", "std" => "", "title" => "Image", "description" => "Using the \"<em>Add an Image</em>\" button, upload an image and paste the URL here.") );
The array is pretty self explanatory. The first value is the name of field, after that would be a standard value (in this case, it is blank, but this would be useful to store default information), and then the Title of the meta_box, ending with the description.
There are 3 functions that will be the backbone here. Let’s go ahead and declare those now:
function new_meta_boxes() {
}
function create_meta_box() {
}
function save_postdata( $post_id ) {
}
Creating the Fields
Lets work on function new_meta_boxes().
This is the function where we are going to build the actual HTML inputs. We first need declare a few variables as global. We will then be able to access them inside the function. We need to be able to access the $post variable, as well as $new_meta_boxes (our array.)
function new_meta_boxes() {
global $post, $new_meta_boxes;
}
Because all of our information is in an array, we need to loop through it all, and create an input box for each one:
function new_meta_boxes() {
global $post, $new_meta_boxes;
foreach($new_meta_boxes as $meta_box) {
}
Next we need to figure out a default value for the inputs. We can do this by checking the get_post_meta WordPress function.
function new_meta_boxes() {
global $post, $new_meta_boxes;
foreach($new_meta_boxes as $meta_box) {
$meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);
if($meta_box_value == "")
$meta_box_value = $meta_box['std'];
}
This is some pretty simple PHP. We define $meta_box_value, and set it equal to get_post_meta. Next, we check to see if our variable == "" (equals nothing) meaning no data has been previously entered. If nothing has been entered, we set the $meta_box_value equal to the std value we defined in the array
Time to start building the inputs. First off, we are going to create a hidden field that we will use to verify the data later on.
echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';
Now we can echo the title of our Custom Input:
echo'<h2>'.$meta_box['title'].'</h2>';
Next our actual input box. This gets the value of $meta_box_value we worked out earlier.
echo'<input type="text" name="'.$meta_box['name'].'_value" value="'.$meta_box_value.'" size="55" /><br />';
Finally, just add our little description we defined in the array
echo'<p><label for="'.$meta_box['name'].'_value">'.$meta_box['description'].'</label></p>';
(All of that is still in our function new_meta_boxes() function.)
Make it Meta!
Our next function, function create_meta_box(), will actually create each of the meta boxes. We are going to be using WordPress’s add_meta_box
function create_meta_box() {
if ( function_exists('add_meta_box') ) {
add_meta_box( 'new-meta-boxes', 'Custom Post Settings', 'new_meta_boxes', 'post', 'normal', 'high' );
}
}
if ( function_exists('add_meta_box') ) {is important because this function did not exist in versions of WordPress before version 2.5. You need to on at least version 2.5 before this will work.
From WordPress.org, the function works like this:
<?php add_meta_box('id', 'title', 'callback', 'page', 'context', 'priority'); ?>
callback is the most important. That is calling our function (new_meta_boxes). context decides whether or not this field should display on the “Write > Post” page, or the “Write > Page” page. You can read more about the parameters on the WordPress site
Saving the Data
Now here’s the important part, and the part where WordPress.org is pretty vague. This function will save our data.
function save_postdata( $post_id ) {
global $post, $new_meta_boxes;
foreach($new_meta_boxes as $meta_box) {
}
}
This is our function, and we’ve started off with including a few variables. Again, we need to include $post so we have the ID of the WordPress post. Also, we have to include the $new_meta_box array, as we will loop through it again.
This next bit (inside of the foreach loop), will verify that the data we are receiving is genuine.
// Verify
if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) )) {
return $post_id;
}
if ( 'page' == $_POST['post_type'] ) {
if ( !current_user_can( 'edit_page', $post_id ))
return $post_id;
} else {
if ( !current_user_can( 'edit_post', $post_id ))
return $post_id;
}
No we are going to define a variable that will get the data out of our fields.
$data = $_POST[$meta_box['name'].'_value'];
It gets the $_POST data from our fields we created in the previous functions.
Now the last thing to do is to decide what to do with the new data. To keep WordPress from creating a new database entry each time, a few checks need to be made. First, we try and get any information with the same key and post id. If it returns empty, we know this custom field has not been added before. So, lets add it.
if(get_post_meta($post_id, $meta_box['name'].'_value') == "") add_post_meta($post_id, $meta_box['name'].'_value', $data, true);
Next, we check to see if the new data in the field is different from any old data. If it is, we simply update the field.
elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true)) update_post_meta($post_id, $meta_box['name'].'_value', $data);
The last thing to do is delete one, if the field is left empty. This will keep our database free of any blank entries.
elseif($data == "") delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));
Now, to actually make things work, we need to “hook” WordPress. We can do this by using add_action. This simply adds our functions to a specific area of WordPress. In our case, we need to hook the admin_menu, as well as when the post is saved, save_post.
add_action('admin_menu', 'create_meta_box');
add_action('save_post', 'save_postdata');
Our Final Code
/* Plugin Name: Custom Write Panel Plugin URI: http://wefunction.com/2008/10/tutorial-create-custom-write-panels-in-wordpress Description: Allows custom fields to be added to the WordPress Post Page Version: 1.0 Author: Spencer Author URI: http://wefunction.com /* ----------------------------------------------*/ $new_meta_boxes = array( "image" => array( "name" => "image", "std" => "", "title" => "Image", "description" => "Using the \"<em>Add an Image</em>\" button, upload an image and paste the URL here.") );
function new_meta_boxes() {
global $post, $new_meta_boxes;
foreach($new_meta_boxes as $meta_box) {
$meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);
if($meta_box_value == "")
$meta_box_value = $meta_box['std'];
echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';
echo'<h2>'.$meta_box['title'].'</h2>';
echo'<input type="text" name="'.$meta_box['name'].'_value" value="'.$meta_box_value.'" size="55" /><br />';
echo'<p><label for="'.$meta_box['name'].'_value">'.$meta_box['description'].'</label></p>';
}
}
function create_meta_box() {
global $theme_name;
if ( function_exists('add_meta_box') ) {
add_meta_box( 'new-meta-boxes', 'Brazen Post Settings', 'new_meta_boxes', 'post', 'normal', 'high' );
}
}
function save_postdata( $post_id ) {
global $post, $new_meta_boxes;
foreach($new_meta_boxes as $meta_box) {
// Verify
if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) )) {
return $post_id;
}
if ( 'page' == $_POST['post_type'] ) {
if ( !current_user_can( 'edit_page', $post_id ))
return $post_id;
} else {
if ( !current_user_can( 'edit_post', $post_id ))
return $post_id;
}
$data = $_POST[$meta_box['name'].'_value'];
if(get_post_meta($post_id, $meta_box['name'].'_value') == "")
add_post_meta($post_id, $meta_box['name'].'_value', $data, true);
elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))
update_post_meta($post_id, $meta_box['name'].'_value', $data);
elseif($data == "")
delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));
}
}
add_action('admin_menu', 'create_meta_box');
add_action('save_post', 'save_postdata');
Implementation
Now I bet you are wondering “now how the heck do I get information?!” Well, it’s quite simple really. You do it the same way you would for a normal custom field. We’ve been using the function already in the tutorial, get_post_meta().
So, just open up one of your theme files where you want the custom data to appear. First, let’s check to see if there is anything entered for this post. Because if there isn’t, we shouldn’t show anything (in this case, it would result in a broken image.)
<?php if(get_post_meta($post->ID, "image_value", $single = true) != "") : ?>
Now the actual image:
<img src="<?php echo get_post_meta($post->ID, "image_value", $single = true); ?>" alt="<?php the_title(); ?>" />
And to end our if statement:
<?php endif; ?>
Conclusion
As you can see, customizing WordPress is not an easy task. However, it pays off in the long run. By streamlining the User-Interface of adding custom data, you can help make your life, as well as your clients life a whole lot easier.
If you have any questions about the code above, or the tutorial in general, please do not hesitate to leave a comment below. I will do my best to help answer any questions that may arise.
Written by Spencer on October 20, 2008
Zinni said:
Thanks for the great tutorial, I was eagerly anticipating this!
My latest post: AIGA, What About the Web Designers?
Chris Robinson said:
great tut! gonna try this out on a current project
Creating Custom Write Panels in WordPress — WPCandy — WordPress Themes, Plugins, Tips, and Tricks said:
[...] Spencer of Function writes a great tutorial on creating custom Write Panels with WordPress. [Link] [...]
Andrew said:
A really comprehensive tutorial. I can see this coming in handy later on.
Good Job.
My latest post: Widgets - A call for help
Cristi said:
Really Great tutorial! I think I’ll implement this in my next child theme!
Regards!
My latest post: Beginners Guide to installing Wordpress
Cosmo Kramer said:
Thanks for this.
It does not seem to work for me though. When I visit the admin I see all of the functions.php code at the top of the page and the custom box does not appear.
Ryan said:
Great tutorial, now a awesome follow up would be being able to use custom write panels in the front-end. This way a user can add information without having to go to the backend.
Spencer said:
Thanks everyone. Glad you enjoyed it.
@Cosmo, add your code to Pastie and I’ll check it out.
@Ryan, I’m not really sure what you mean. You’ll always have to go into the WordPress admin panel to add the information.
Chris Robinson said:
I’m getting a parse error:
I’ve added the code to pastie, its line 10 thats causing it, any ideas?
http://pastie.org/296667
mkjones said:
Amazing, stuff like this is popping up everywhere since the release of 2.5
And surely it can’t be TOO much of a job to modify your example so that a “select image” button could be added which could automatically feed the URL into the field. Although I’m certainly not brave enough to take the task on!
@Ryan: You COULD use TDO Mini Forms for your proposal. However, I don’t know how well, if at all, it links in with custom fields.
Spencer said:
@Chris Robinson,
On line 10, you have a “}”, when it should be a “)”.
Spencer said:
NOTE: Anyone who receives
Parse error: syntax error, unexpected '&', please check the following.In the
new_meta_boxes()function, look for$post-& gt;IDand change it to$post->ID. WordPress automatically changes it in my post.Thanks!
Chris Robinson said:
ok cool got it working, thanks for the quick response
the field shows up in the Write page but when I start adding content to the “Post” area and it try’s to auto save a draft, I get the following error underneath the Save & Publish buttons:
Warning: call_user_func_array() [function.call-user-func-array]: First argument is expected to be a valid callback, ’save_postdate’ was given in /Users/robinsonc/Sites/wordpress/wp-includes/plugin.php on line 311
Warning: Cannot modify header information - headers already sent by (output started at /Users/robinsonc/Sites/wordpress/wp-includes/plugin.php:311) in /Users/robinsonc/Sites/wordpress/wp-includes/classes.php on line 806
functions.php:
http://pastie.org/296682
if i take out the code in functions.php it works as normal
Spencer said:
@Chris Robinson,
Make sure you don’t have any white space (spaces, tabs, etc) under your final
?>at the end of functions.phpChris Robinson said:
had one hard return, took it out and I’m still getting the same error?
How To Create a Custom WordPress Write Panel : CMS Internet Solutions Inc said:
[...] A good solution for avoiding a confusing mess of custom fields needed to fill out the content in a complex theme: create a custom WordPress write panel. [...]
Spencer said:
@Chris Robinson,
Check your function names.
save_postdateshould besave_postdataas you’ve previously declared that as your function name.Chris Robinson said:
awesome catch! works perfectly, thanks for all the help and a great tut!
Spencer said:
Great! Glad everything seems to working, and you enjoyed the tutorial.
Chris Robinson said:
what would need to be done to add multiple custom fields?
Spencer said:
@Chris,
All you need to do is add another array to our main
$new_meta_boxesarray. For example$new_meta_boxes =
array(
"image" => array(
"name" => "image",
"std" => "",
"title" => "Image",
"description" => "Using the "Add an Image” button, upload an image and paste the URL here.”),
“image” => array(
“name” => “subtitle”,
“std” => “Standard Post Subtitle.”,
“title” => “Subtitle”,
“description” => “Add a subtitle to the post..”)
);
So basically you can just copy and paste the first one you added, but you need to add a “,” to separate the two.
Chris Robinson said:
very cool, ill give it a shot
flisterz said:
Awesome. Going to try this soon! Too cool to be ignored
Chris Robinson said:
again worked awesome!
one last question i swear
how about adding a drop down?
Spencer said:
@Crhis,
Now that is a little more advanced. Since our data is set up in an array, it is a pretty simple expansion.
You can check out this tutorial from The Undersigned to see how they used a similar technique for a custom options page in WordPress.
Basically, you set another value in the array, and then when you are looping through to create the meta boxes, you check to see what type if is based on the value in the array.
Hope that helps!
Max | Design Shard said:
Great stuff, i may try to upgrade my theme later this week since it is using thumbs just to try this out
My latest post: Design Vocabulary - Typography Terms - Week 1
Felix Ker said:
Awesome stuff. I gotta do up at my next theme and definitely gonna help things get better with custom panels!
My latest post: Leaked Pictures: Alyssa Yin Yi (Alyssa Kwan)/ Jane Lo Li (Malaysia Lim Kok Wing University
JamieO said:
While it is still in beta unfortunately, Flutter is a plugin which offers the ability to do this to the write post or any other window. If you are doing this frequently, might be a plugin to look into.
I’m planning to try it for a recipe blog / site once 2.7 drops.
My latest post: A taste of things to come with 2.7
ChaosKaizer said:
good tuts, thanks for sharing
shorten some part of your code
ID, "image_value", true) ) != "") :
?>
<img src="" alt="" />
fixed the
get_post_metathird parameters, you wont have to write$single = true. I’m sure that was a mistake.My latest post: Links for 2008-10-15 [ma.gnolia]
Tutorial: Creating Custom Write Panels in WordPress | Wordpress Blog NL said:
[...] Tutorial: Creating Custom Write Panels in WordPress.: A fantastic, detailed and quite useful tutorial on creating custom write panels for the WordPress Write Post page. I had written something similar for the WordPress Jobs site and it turned out to be a fantastic tool to quickly get to and add/modify Custom Fields in posts. Custom write panels are most useful for customized installations of WordPress and could be used to add many different types of information into a post both easily and quickly. The image below shows a couple of examples of custom panels and I am sure there are hundreds more. [...]
?????WordPress??????? | ???? said:
[...] ?????: Tutorial: Creating Custom Write Panels in WordPress [...]
Dan Harper said:
Thanks!! I always assumed this could only be done by editing the main WP files (which I obviously, don’t want to do).
A lot of my themes have loads of Custom Fields, so this will definitely help!
leg med nye medier. Eller noget. said:
[...] Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in WordPres… (tags: wordpress webdev plugin) [...]
WordPress Linktips 20|10|08 said:
[...] der ‘Neuen Beitrag schreiben’-Seite – wie es gemacht wird erklärt auf englisch Function… Bei BlueAnvil wird schön erklärt wie man ein accessible yet sexy searchbox mit CSS und [...]
Ryan said:
Hi Spencer
What I meant about being able to post from the front end was like the following demo. http://dailywp.com/classipressdemo/
They have the add form on what seems to be the front-end. They also seem to be using a custom write panel.
What do you think, is this easy to do?
Ryan
Simon said:
Hi Spencer,
thanks for this great tutorial! It helps me a lot and I implemented it in one of my themes right away.
Just have one question:
When saving the postdata shouldn’t we ask as well if the data is not just the default ($meta_box['std'])? For people who set the default the implementation does not work right because the custom value is not empty any more after saving.
Couldn’t we delete the post meta in the function save_postdata when:
elseif($data == “” || $data == $meta_box['std'] )
Thanks again for this awesome post.
My latest post: Display Future Posts in Your WordPress Theme
7?WordPress???????? | ???? said:
[...] ???Google Syntax Highlighter for WordPress? ???????/coder ?????????????????????Javascript?????????????????????????WordPress??????????wefunction.com ??????????????????????????? Plain Text ?????????????????????? [...]
links for 2008-10-21 said:
[...] Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in WordPres… (tags: wordpress tutorial php) This entry was posted in links. Bookmark the permalink. Post a comment or leave a trackback: Trackback URL. « links for 2008-10-20 [...]
Spencer said:
@Simon,
Well, if we delete the custom field when the data is equal to our standard value, then the standard value won’t show up, leaving our field empty, when it should have our standard value.
@Ryan,
That looks more like a custom form they’ve built. The information is most likely either sent to them in an email, or use some custom PHP and MySQL to post the information into their WP database, tricking it to think that it is an actual post made from the admin panel. That’s what I would do anyway.
Weblog Tools Collection: Tutorial: Creating Custom Write Panels in WordPress | KaosKoxp Oyun Portali said:
[...] Collection: Tutorial: Creating Custom Write Panels in WordPress Eki.21, 2008 in Wordpress news Tutorial: Creating Custom Write Panels in WordPress.: A fantastic, detailed and quite useful tutorial on creating custom write panels for the WordPress [...]
Simon said:
@Spencer:
Sure, you’re right. I was just thinking of a standard value like ‘Enter Image URL here’ without any output in the frontend. Thanks anyway.
My latest post: Display Future Posts in Your WordPress Theme
Spencer said:
Oh I see what you mean. Yeah you could always add another value to the array, and with a few PHP checks, check if the field has no value yet, and display a description/example inside the actual field.
I just use the description under the actual input though.
élet és könyvtár » Archívum » Ajánlott olvasmány 2008.10.21. said:
[...] 2 - Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in WordPres… [...]
How To: Creating Custom Write Panels | WordPress Hacks said:
[...] to create custom write panels for the Write panel in WordPress? Look no further than this great tutorial over at We Function. Everyone knows that WordPress is one of the most, if not the most, popular blogging systems on the [...]
Bingu said:
Great tut!
but, how can I add some custom fields in Press This page?
Useful Links (21/10/2008) | Apramana said:
[...] Creating Custom Write Panels in WordPress [...]
WP Log said:
Tutorial: Creating Custom Write Panels in WordPress…
A useful tutorial on creating custom write panels for the WordPress Write Post page, and have a example of how useful Custom Fields can be in developing a full CMS with WordPress.
……
Michael Martin said:
Great tutorial! I didn’t know you could add new panels for your custom fields. Will try it out, thanks!
Chris Robinson said:
@ Spencer
I’ve been trying to wrap my brain around setting up a dropdown, I’ve got the array setup and working but the loop is whats throwing me.
Would the modification be done in the foreach(…) section to check and see if its a input or dropdown?
Then I would add an elseif(…) underneath the first if(…) to add the dropdown to the write panel, right?
I’m a PHP novice at best, I’ve thrown my code up on pastie:
http://pastie.org/297278
Spencer said:
@Chris,
You need to add a new value in your array to define what type of input it will be. Just like you have:
You can do something like this:
Then in the loop:
foreach($new_meta_boxes as $meta_box) { ........ if($meta_box['type'] == "select") { // Build the select box } .......Is that what you were having trouble with?
Chris Robinson said:
yep that’s exactly what I needed, but in the example link you posted earlier he’s building the dropdown a little bit differently, I tried to implement his method but I came up with a Parse error.
code: http://pastie.org/297617
dropdown is line 34 - 38
thanks for all your help man, it’s really appreciated
Links for 21st October 2008 | Velcro City Tourist Board said:
[...] Tutorial: Creating Custom Write Panels in WordPress [...]
Spencer said:
@Chris,
echo'<?php foreach ($value['options'] as $option) { ?>';That would be causing your parse error. Try this:
if($meta_box['type'] == "select") { echo'<select name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" >'; foreach ($value['options'] as $option) { echo'<option'; if ( get_settings( $value['id'] ) == $option) { echo ' selected="selected"'; } elseif ($option == $value['std']) { echo ' selected="selected"'; } echo '>'.$option.'</option>'; } echo'</select>'; }Robert Augustin said:
A great post. Anything to make the client happy! I did notice quite a few clients having difficulties understanding this:
This is so much simpler
Thanks a lot!
My latest post: Magenta Lessons, Part 4: The Wonderful World of Public Relations
links for 2008-10-21 | Bojko.dk said:
[...] Tutorial: Creating Custom Write Panels in WordPres… [...]
21 Most Wanted And Essential Resources Specially If You Are Developer - Opensource, Free and Useful Online Resources for Designers and Developers said:
[...] Tutorial: Creating Custom Write Panels in WordPress [...]
Garritt Hampton said:
Wow, thanks for the great tip. It is nice to see expert level Wordpress tips once in a while. I will definitely be adding a link to this page on my own blog, and I can’t wait to try using Custom Write Panels in my own blogs. Keep up the good work.
Freeware Collection said:
Thanks for this great tutorial. I’ve bookmarked it :).
My latest post: Sudokool 2.0
‘Custom Field Template’ Rocks! | mkjones - Michael Kimb Jones said:
[...] it didn’t work as planned. After many hours toil I was minutes away from using code from this tutorial (adding custom fields to the post screen using theme functions). Thankfully I landed on Custom [...]
BlogBuzz October 25, 2008 | Webmaster-Source said:
[...] Tutorial: Creating Custom Write Panels in WordPress [...]
Create Custom Write Panels in WordPress | webdemar.com said:
[...] from Function Web Design & Development wrote a very good tutorial about how to add custom write panels in WordPress. Learn how to output extra meta boxes in your write posts panel to add custom meta data to your [...]
Forexprogramma said:
????? ?????? ? ??????????, ??? ????????, ?? ????????.
Adrian | Rubiqube said:
Spencer, I love you man!
This is one of the best WP tutorials I’ve seen in quite a while. Thanks for sharing! Will definitely come in handy on my current project. I was planning on using Custom Fields, but they seem so obsolete now. 
Khairil said:
Wow. this is brilliant.
What about adding another group of meta boxes?
Say, I have a group of photo meta boxes: photo1, photo2, photo3. Then I’d like to have a group of quotes meta boxes: quote1, quote2, quote3.
How do I go about doing that?
Spencer said:
@Khairil
You’ll probably want to loop through the meta boxes in the
create_meta_box()function. Right now, we are just creating one meta box with the content we made innew_meta_boxes()with WordPress’sadd_meta_box()function.What you are talking about would require the use of multiple
add_meta_box()’sHope that helps out.
Tutorial: Creating Custom Write Panels in WordPress | Free Blogs said:
[...] Tutorial: Creating Custom Write Panels in WordPress.: A fantastic, detailed and quite useful tutorial on creating custom write panels for the WordPress Write Post page. I had written something similar for the WordPress Jobs site and it turned out to be a fantastic tool to quickly get to and add/modify Custom Fields in posts. Custom write panels are most useful for customized installations of WordPress and could be used to add many different types of information into a post both easily and quickly. The image below shows a couple of examples of custom panels and I am sure there are hundreds more. [...]
Khairil said:
At a second look. Yup, adding a meta box with a group of custom fields not “a group of meta boxes”.
Creating Custom Content Type with Flutter Plugin — WPCandy — WordPress Themes, Plugins, Tips, and Tricks said:
[...] has been a lot of buzz regarding using WordPress as a CMS lately, with many clever solutions that come up. Today, we will be a bit lazy try to use a plugin that is made precisely for [...]
Craig Farrall said:
Wow, this is excellent I have been looking for this type of thing for a while now, and you have hit the nail on the head. Thanks alot.
My latest post: WordPress Coolest Blog Competition
Chris Robinson said:
@Spencer
The dropdown shows up but the options are empty, I also added an elseif statement to the input but the dropdown gets added along with a duplicate input box. Any thoughts?
code here: http://pastie.org/301528
Spencer said:
@Chris,
Your options need to be in an array themselves.
Try changing that to:
"options" => array("USA","Europe","Asia","Australia"),Din nou despre WP ?i câmpurile personalizate | CNET.ro said:
[...] materiale recente trateaz? tema câmpurilor personalizate din WordPress. Voi începe cu Tutorial: Creating Custom Write Panels in WordPress. WeFunction explic? în acest articol - nededicat încep?torilor, solicitând cuno?tin?e bune [...]
Chris Robinson said:
Thanks, I made the change but I’m still getting a blank dropdown?
http://pastie.org/301759
Spencer said:
@Chris,
Try this for your function Chris. Should work fine.
http://pastie.org/301800
Custom Write Panels in WordPress | Gilbert Pellegrom said:
[...] every post then this might be a tutorial for you. Function have come up with a great tutorial for creating your own custom write panels in wordpress. Well worth a look if you use custom fields a lot in your wordpress [...]
Kyle said:
Wow! What a wonderful tutorial. I’m already dreaming up ways I can use this. Thanks so much.
I have one quick question though: I would like some meta boxes to only be available when editing the ‘About’ page. Do you know of any way to only display a custom meta box when you are editing a page that has a specific title (best option) or uses a specific template (suitable option)?
Thanks in advance.
Spencer said:
@Kyle
You could try something like this:
foreach($new_meta_boxes as $meta_box) { if( $post->ID == 333 ) { // Normal Stuff } else { echo'No Options for this Page'; } }You will of course need to edit the Page ID (My example shows it as 333).
You will also need to change
to
That just tells the function to show up on the “Page” page instead of the “Post” page.
Chris Robinson said:
@ Spencer
the dropdown is working perfect but the input textfields have disappeared?
code: http://pastie.org/302761
thanks again for all your help
Spencer said:
@Chris,
Sorry about that. In your array, instead of using “text” as the type, you’re using “input”.
You’ll just want to change
if( $meta_box['type'] == "text" ) {to
if( $meta_box['type'] == "input" ) {Kyle said:
@Spencer
That worked brilliantly! I didn’t even consider the possibility that WP still applies an ID to a page even if it’s being edited instead of viewed. Thanks for your help.
Now I’m going to try and add multiple fields like @Khairil was referring to. Which, thanks to your helpful reply to his question, seems entirely reasonable.
I think the most incredible part of this tutorial is how quickly and helpfully you have been answering everyone’s questions. Thanks for the time you’ve put in to helping us, it’s greatly appreciated.
Kyle said:
Hmm… I think I’m close, but I’m getting this error:
Warning: Invalid argument supplied for foreach() in /home/.calloway/ksuchallenge/ksuchallenge.com/fresh/wp-content/themes/ksuchallenge/functions.php on line 237
So the if statement is working fine, but something is off with the foreach loop that goes through a second array I added. I’ve put my heavily-commented code on Pastie in hopes you could help out:
http://pastie.org/302941
Thanks once again!
Spencer said:
@Kyle
You are getting that error because it believes that array does not exist. Even though it clearly does, you haven’t properly defined it in your function, so it has no access to it.
Try changing
to
That should fix you right up.
Kyle said:
@Spencer
Just added it and it works perfectly! I feel kinda silly for missing something that simple.
Thank you so much for all your help, this is going to help my clients use their site a lot.
WordPress’te Özel Yaz?m Paneli Yaratmak · Yakup Gövler'in Not Defteri said:
[...] ba?lant?lar?n? inceleyebilirsiniz. Kodlar?n tamam?n? buradan indirebilirsiniz. Kaynakça: wefunction.com, WordPress [...]
Spencer said:
@Kyle
Glad everything is working now
Chris Robinson said:
@ Spencer
Awesome! Everything is working perfect. Thanks again for all the help!!
Chris Robinson said:
@ Spencer
In regards to what Khairil was asking would it be as simple as adding a foreach statement to loop through multiple add_meta_box()’s?
Chris Robinson said:
@ Spencer
Got the multiple add_meta_box()’s working, but I dunno if its the cleanest way to do it? What do you think?
code: http://pastie.org/303398
Spencer said:
@Chris
Glad it works. I’m working on a cleaner way to set up multiple meta boxes. It’s throwing me for a loop (no pun intended), but maybe I’ll be able to figure something out.
Kyle said:
@Spencer
I spoke too soon. It’s building and presenting everything perfectly, but it won’t save the data contained in the second array when the page/post is saved.
http://pastie.org/303772
Kyle said:
@Spencer
I figured out another (less elegant) method of doing it, and it works great. Basically, I combined my previous two arrays and added an extra “check” parameter to each field array to check whether it should appear on page ID 2. It feels a bit like a hack, but it works.
http://pastie.org/303792
Don’t bother with my previous comment unless you’re bored/interested and thanks again… again.
WordPress Post Thumbnails | Webmaster-Source said:
[...] If you want to make it even simpler, if you have a multi-author blog with some less than knowledgeable authors, for example, you can add an extra “Thumbnail” box to the Write page, which would accept an image URL and store it in a custom field behind the scenes. (If you really want to get fancy, you could probably hook right into the Uploader.) Just follow this tutorial: Creating Custom Write Panels in WordPress. [...]
212 said:
hello,
it’s à very good tutorial,
I have to create 3 Fields that i can insert and update them with Ajax, before i have create new table with 5 field (Id, Id_post, price…)
how can i do to use Ajax to insert and update this table ?
thank you
sorry i don’t speak english very well.
My latest post: Barack Slideshow : le slideshow élégant
21 Most Useful Free Resources For Designers And Web Developers | SulVision said:
[...] Tutorial: Creating Custom Write Panels in WordPress [...]
Craig Farrall’s Blog » Blog Archive » October Roundup said:
[...] Creating custom write panels in Wordpress [...]
Some Essential Reading from the Design Notebook said:
[...] “Tutorial - Creating Custom Write Panels in WordPress” on Wefunction.com [...]
Abeon Tech said:
Wow. This is a great tutorial, thanks!
Loads of info and very detailed.
Blog Bookmarked
My latest post: Google. A Power Users Guide
Web Buckets said:
Hi buddy,
nice tutorials… but I’m having problem with mine… error parsing… any solutions? for that…
My latest post: Dreamweaver CS3: Image Maps
JackAttack said:
Hi,
Thanks for the excellent tutorial… I wish more people would write about advanced topics such as this!
I have set up several custom fields, all work fine except the “textarea” one, which strips out html when published… is there any way to get around this? The field will be used for inserting flash video embed code.
Cheers
Jack
Spencer said:
@Web Buckets
Need a little more information if you want me to be able to help you. Do you have a URL to the error? What is the error? Can you show me your functions.php in Pastie
@Jack
I’ll have to play around with it later today, but I’m pretty sure I’ll end up using n2lbr, so if you want to see if you can get it to work, go for it.
Rachel said:
Excellent Tutorial! I am going to love utilizing this in my blogs.
Thanks for the helpful tutorial.
Rachel
allwebdesignresources.com
My latest post: Robots.Txt Generators - List of Robots.Txt File Creators
sympozium » Blog Archive » Creating Custom Write Panels in WordPress said:
[...] nice tutorial for creating custom panels in order to have a more friendly theme for your low level clients Share this [...]
October’s Tutorial Roundup | Tutorial9 - Tutorial Bliss. said:
[...] Creating Custom Write Panels in WordPress [...]
Mike said:
It works fantastically, but I was just wondering how would you set it up to accept radio buttons?
I’ve been trying desperately but to no avail.
Chris said:
Very cool, I wonder though, can you have it so that a particular thumbnail will be posted with every post that is under a given category? So when a user wants to post to a category it’ll give them a default thumbnail unless they specify the use of a different image?
Spencer said:
@Mike,
I’ll have a mess with it, and get back to you.
@Chris,
You could check to see if the field is blank (nothing was specified), and if so, check it by using
in_categoryand show a certain image if it is.Mike said:
@Spencer,
Thanks a lot man… but, I think I’ve done it… I’m not sure since I was semi-hacking the code. It seems to work and it’s replicable. So I guess it does work.
Anyways I’ve implemented it for a menu type interface, here’s the code: http://pastie.org/312006
I’d still like your ideas and how you’d do it.
And thanks again for this awesome tutorial!
Mike said:
Gah! The previous pastie is just slightly incorrect… haha, shows me for trying to make it look clearer.
Anyways here’s a fixed version: http://pastie.org/312013
Vardis said:
WOrks great! Thanks a million. Keep it up.
gearhed.com » Blog Archive » October’s Tutorial Roundup said:
[...] Creating Custom Write Panels in WordPress [...]
10 Steps to a Client Friendly Wordpress CMS | StylizedWeb.com said:
[...] You can do some manual hard coding, like this tutorial [...]
Rajeev Edmonds said:
Great tut, very useful in creating customized dashboard with desired add-ons.
My latest post: How To Get Backlinks To Your Blog
Creating Custom Write Panels in WordPress- This ‘N That said:
[...] Creating Custom Write Panels in WordPress - With this, you can take your WordPress to the next level and manage lots of custom content for each post. (this was used to use WordPress as a contact manager) November 17th, 2008 | Posted in Reading « Alternative Website Marketing [...]
Geek Week - This week jQuery tutorials, CSS3, & WordPress - PHP, XHTML, Web Design, Flash | JasonCypret.com said:
[...] Creating Custom Write Panels in WordPress [...]
Seppl said:
Nice Tutorial, but why not just use the “More-Fields-Plugin”?
http://wordpress.org/extend/plugins/more-fields/
Most Wanted WordPress Hacks: 11 New Requests (2) | virology.tv said:
[...] This detailed tutorial on creating custom write panels for the WordPress Write Post page using “add_meta_box()“ [...]
Jordan said:
Nice tutorial. I have been using custom write panels alot recently and was wondering if there was possibly a way to create a custom write panel for a particular page template? This would be amazing!
Spencer said:
@Jordan,
Not quite sure what you mean page template. Like only show them on a certain page?
You could try something like I mentioned a few comments up
Chris said:
@ Spencer
I’ve setup multiple arrays and they’re showing up but when I got to save it doesn’t save the data entered into the fields for the extra two arrays, could you take a look real quick. I’m thinking it has something to do with the save_postdata loop?
http://pastie.org/324053
Jordan said:
The method you outlined a few comments up is great and i will be using that asap. Thanks.
Just to clarify what i was trying to say in my previous comment. I copied this from the codex to explain better than me:
“Individual Pages can be set to use a specific custom Page Template (a PHP template file, e.g., snarfer.php) you create within your Theme. This new Page Template will then override the default page.php Page Template included with your Theme.”
Thanks again
Spencer said:
@Chris,
Yeah you are right, it is the save_postdata loop. There is a
foreachloop inside that function that loops through the array. So, as messy as it may be, you’ll really need to do three separate loops.@Jordan,
Glad that is working. If you’ve setup a page to use a custom page template, then just use the ID of that page in the code I linked you to, and it will only show up on the page you associated the custom template with.
Chris said:
@ Spencer
I’ve setup the three seperate save loops but still only the first is saving the data, any ideas?
http://pastie.org/324840
Chris said:
nevermind got it working
Seb said:
Hi,
Very good tutorial, very helpfull, thanx a lot !
I have a question : as these are custom fields, their values also appear in the Advanced Options > Custom Fields panel. So there are duplicates in the edit page. Or maybe I did something wrong ? I was wondering if there was a way for the Custom Fields panel not to show these particular values ?
Jordan said:
@Seb
If you make the key part of your custom
field begin with an underscore, it won’t
show up in the custom fields panel.
_customfield
Seb said:
Thank you very much ! I’ve learned very interesting things today thank to you !
Jordan said:
I used the following code that you provided to kyle to specify a specific page i wanted the custom write panel to appear on:
foreach($new_meta_boxes as $meta_box) { if( $post->ID == 333 ) { // Normal Stuff } else { echo'No Options for this Page'; } }I also want to make the add_meta_box dependant on this if statement also but when i try it, the box disappears on all pages.
My latest post: Windsor, Victoria St, SL4
Spencer said:
@Jordan,
On the second line of that code, you need to change that
333to the ID of the page you want the options to show on.WordPress als kundenfreundliches CMS - Beitrag - Schweizer WordPress Magazin said:
[...] Anleitung zu benutzerdefinierten Feldern (engl.) [...]
Tim said:
Absolutely perfect. Worked like a charm…
D said:
Would it be possible to create multiple boxes? i.e. if I wanted thumbnail options to be under a box called “Post Thumbnail” and contact e-mail information under a “Contact Information” box?
I saw up there where you would have to loop through the create box, but how would you do that?
Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in WordPress | Enjoy News, Feeds & Share All Your Favorite Media Online With The Rest Of the World… Video, TV, Shows, Music, Audio, Pictures, Images, Games, News, said:
[...] View This Article Email This To A Friend [...]
D said:
Also, this doesn’t show up when I am editing a ‘page’ rather than a ‘post’ any reason for this?
Spencer said:
@D,
Regarding your first question, you’ll need to create another variable which holds the different box, then create another loop that loops through the array.
For the second part, you change:
to:
Or you can just add the second one right below it to add it to both pages and posts.
Function Web Design & Development [ Blog ] » How-To: Taking WordPress One Step Further said:
[...] great plugin system, and easy to use administration system, WordPress takes the cake. Using a Custom Write Panel, Custom Options, and manipulating the theme files, the possibilities are almost endless. In This [...]
Most Wanted WordPress Hacks: 11 New Requests (2) | Link Archive said:
[...] This detailed tutorial on creating custom write panels for the WordPress Write Post page using “add_meta_box()“ [...]
Custom Write Panel- Schreibpanel aufmotzen said:
[...] Die Idee dazu stammt nicht von mir. Ich erkläre hier dieses “Plugin”. Der Dank geht an Function . [...]
Bernat said:
Hey Spencer, I’ve read all the comments and had been of great help.
But I’ve reached a dead end for me. I’m one step back to the solution and sure you can help me.
I’m trying to condition the the panels to a certain category by the technique you where talking about some lines above, but changit post_ID to cat_ID
foreach($new_meta_boxes as $meta_box) { if( $post->cat_ID == 44 ) { // Normal Stuff } else { echo'No Options for this Page'; } }I think its the best hint I know in order to do it.
Thanks again.
PD: This updating comment thing is really cool, can you tell me the plugin?
My latest post: The Ultimate Web Design Showcase
Spencer said:
@Bernat
try
$post->post_categoryBernat said:
:S I’m sorry, but the conditional it’s not working. Here’s the whole code:
http://pastie.org/335703
My latest post: The Ultimate Web Design Showcase
Fabio said:
Since i already have a running blog i didnt really want to change my old customfield to somecustomfield_VALUE
Took me a time, changed stuffs here and there but what make my hair fall out (like 3 hours of reading and rereading the code) was that i had to take that boolean statement out
if ( !wp_verify_nonce( $_POST[$meta_box['name'].’_noncename’], plugin_basename(__FILE__) )) {
return $post_id;
}
Anyway i just didnt really got what those statement actually do, can u explain it better to me?
Btw u did a GREAT job here, really congratz m8
D said:
@Spencer,
Thanks for getting back with me Spencer. I am still having a few issues adding another meta box. I create a new $test_meta_boxes variable at the top which includes items in the array, then I just added a new foreach loop *within* the same function new_meta_boxes() - do I need to create a new function? Also, I added on the variable $test_meta_boxes on the other functions.
How can I get this working?
joyoge designers' bookmark said:
very useful tutorial, thank you so much..
My latest post: Consistency and Memorability
Philips said:
if I wanted thumbnail options to be under a box called “Post Thumbnail” and contact e-mail information under a “Contact Information” box?
Most Wanted WordPress Hacks: 11 New Requests (2) | Lifeonthecouch.com said:
[...] This detailed tutorial on creating custom write panels for the WordPress Write Post page using “add_meta_box()“ [...]
Jon said:
Could you use this custom write panel to modify the blogroll by adding a field to enter banner links instead of text links? i.e. a field to upload an image to be used in place of the text link when entering a link from the dashboard?
A Collection of 15 Useful WordPress Tutorials for 2008 » Papertree Design said:
[...] Creating Custom Write Panels in WordPress - wefunction.com [...]
11????WordPress???? - ??? said:
[...] ????????????????????“add_meta_box()“??? [...]
9???WordPress?? | sqboa Blog said:
[...] ????????????????????????????????????????? ????????WordPress?????????????????????????? ?????????????“add_meta_box()“??? ????????????????????“add_meta_box()“??? [...]
Corey Freeman said:
Awesome tutorial! It totally came in handy for my new project.
11?????? WordPress ?????? at ???????? said:
[...] ??????????????????????????“?????????”????????????????????? WordPress ??? “add_meta_box()” ??????????????????????????????????? ??????? “add_meta_box()” ???????????????????????? [...]
October’s Tutorial Roundup | Castup said:
[...] Creating Custom Write Panels in WordPress [...]
10 Steps to a Client Friendly Wordpress CMS | Castup said:
[...] You can do some manual hard coding, like this tutorial [...]
A Plugin Rather Than Sleep said:
[...] doing it, but I really wanted something specific and light-weight. I followed along with this custom form tutorial and ended up with a simple little thing. The Hover Lyric entry [...]
Stefan said:
thanks for this excellent post … this really helps a lot in my current project
Aurigis.com » Blog Archive » How-To: Taking WordPress One Step Further said:
[...] great plugin system, and easy to use administration system, WordPress takes the cake. Using a Custom Write Panel, Custom Options, and manipulating the theme files, the possibilities are almost endless. In This [...]
One Way to Use WordPress as a Shopping Cart | Brass Blogs Web Design said:
[...] that information aside, here’s what I did. Somehow, I found this awesome tutorial from Function on how to add custom write panels to your admin area. This thing is so unbelievably great that [...]
TuMyP said:
?????????, ????? ?? ????? ??????????. ?? ?????? ????? ?? ?????? ??????????. ?? ???? ?? ??? ???? ????-?????? ?????????, ???????? ???? ?? ?????? ????????????.
Web Design Showroom said:
If only I could do that for myself from scratch! Very useful to know how much Wordpress can be customised but there’s a steep learning curve. I guess the best advise is to start from scratch and slowly build it up to involve the functions you want to use - one at a time. I’m sure I’ll get there.
Cheers
How to ReDesign a Blog [Part II] said:
[...] Similarly, a couple new elements have been added to posts that needed an easy-to-use interface. I started demo’ing plugins that allowed for creating user interface elements that tied into custom fields. Unfortunately, most are now geared towards WordPress 2.7, and DPS is running 2.6.5 for the time being. I ended up finding another great tutorial which demonstrated how to create custom write panels in WordPress. [...]
Dave said:
Thanks so much for sharing this, it’s extremely helpful! Noticed a couple problems with your “final code” section:
foreach($new_meta_boxes as $meta_box) {
$meta_box_value = get_post_meta($post->ID, $meta_box['name'].’_value’, true);
Notice the > instead of > you have that in both foreach calls.
Dave said:
I’m having trouble getting multiple fields in. What would be the code to use in the loop once you’ve declared the variable in the array? Here’s my code: http://pastie.org/367885
How to ReDesign a Blog [Part II] : richwordpressor.com said:
[...] Similarly, a integrate code brand code brand brand brand new elements have been combined to posts which indispensable an easy-to-use interface. I proposed demo’ing plugins which authorised for formulating user interface elements which scored equally in to law fields. Unfortunately, many have been right away geared towards WordPress 2.7, and DPS is using 2.6.5 for the time being. I finished up anticipating an additional good educational which demonstrated how to emanate law write panels in WordPress. [...]
How to ReDesign a Blog [Part II] | ø Internet Marketing 101ø said:
[...] Similarly, a couple new elements have been added to posts that needed an easy-to-use interface. I started demo’ing plugins that allowed for creating user interface elements that tied into custom fields. Unfortunately, most are now geared towards WordPress 2.7, and DPS is running 2.6.5 for the time being. I ended up finding another great tutorial which demonstrated how to create custom write panels in Wor…. [...]
links for 2009-01-23 said:
[...] 23rd, 2009 · No Comments Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in WordPres… It seems the latest fad to hit the WordPress scene is adding thumbnails into a blog post. This is [...]
Gabriel Merovingi said:
Hey I am getting a error message and the code is pasted in on the header of the admin page. I have read through all comments and more or less copied everything in this tutorial but cant get it to work
Thanks for a great tut though.
http://pastie.org/368690
Gabriel Merovingi said:
lol sorry but sorted it out myself
Goodyear said:
?????? ????? ????? ??????????? ? ?????? ? ?????? ???????. ???? ??? ???-?????? ?? ???????? ?????????? ???-?????? ??????.
indojepang said:
crazy!! this is so amazing tutorial! i’ve been looking for this one.. Thanks alot Spencer
you really rock!!!
How to ReDesign a Blog [Part II] » Eninvent said:
[...] Similarly, a couple new elements have been added to posts that needed an easy-to-use interface. I started demo’ing plugins that allowed for creating user interface elements that tied into custom fields. Unfortunately, most are now geared towards WordPress 2.7, and DPS is running 2.6.5 for the time being. I ended up finding another great tutorial which demonstrated how to create custom write panels in WordPress. [...]
Online Media Managers » Blog Archive » How to ReDesign a Blog [Part II] said:
[...] Similarly, a couple new elements have been added to posts that needed an easy-to-use interface. I started demo’ing plugins that allowed for creating user interface elements that tied into custom fields. Unfortunately, most are now geared towards WordPress 2.7, and DPS is running 2.6.5 for the time being. I ended up finding another great tutorial which demonstrated how to create custom write panels in WordPress. [...]
Gabriel Merovingi said:
Anyone has a suggestion how to apply restrictions to this? Lets say I only want Editors to be able to use this and no one else?
Jenny said:
This is GREAT! It works, but I have a special implementation and have not been able to figure out how to get the code to work.
Basically, I am not putting the thumbnail in the post - I am putting it in my header - I want to show the most recent photo from one specific category. (Actually, I will have two thumbnails in the header - the latest from each of 2 categories).
How can I alter the implementation code to query for the latest photo from a specific category?
Portfolio Wordpress Codex | WPESP - WordPress Themes said:
[...] caso, es un plugin que afecta al administrador y se ha creado siguiendo la propuesta del tutorial Creating Custom Write Panels in WordPress. La función crea dos nuevos desplegables en los paneles del administrador, uno en el de posts y [...]
How to ReDesign a Blog [Part II] | Byte Right Domains said:
[...] Similarly, a couple new elements have been added to posts that needed an easy-to-use interface. I started demo’ing plugins that allowed for creating user interface elements that tied into custom fields. Unfortunately, most are now geared towards WordPress 2.7, and DPS is running 2.6.5 for the time being. I ended up finding another great tutorial which demonstrated how to create custom write panels in WordPress. [...]
How to ReDesign a Blog [Part II] « Internet Blog said:
[...] Similarly, a couple new elements have been added to posts that needed an easy-to-use interface. I started demo’ing plugins that allowed for creating user interface elements that tied into custom fields. Unfortunately, most are now geared towards WordPress 2.7, and DPS is running 2.6.5 for the time being. I ended up finding another great tutorial which demonstrated how to create custom write panels in WordPress. [...]
kookimebux said:
Hello. And Bye.
Jenny said:
GREAT tutorial. I am using it in several sites now. However, is there a way to use it to create a custom field to embed a YouTube video? I saw JackAttack asked about it, but i never saw a definitive answer, and I just don’t know where to start.
Jenny said:
One more thing, I added another custom field using the instructions you gave Chris above, and while it does add it to the Custom Fields drop down menu in Edit Post, in the area above (Brazen Post Settings) where it would be easier for my client to understand how to use it, there is still only one field. I can’t see how to make it show both custom fields to enter up there.
20 Expert Wordpress Tips for Pro-Developers | StylizedWeb.com said:
[...] Rewriting Wordpress Functions: WeFunction Explores the idea of using wordpress’ add_meta_box as a means of creating seperate custom fields. I warn you it doesn’t look very easy. The tutorial is very well documented though. [...]
Jim The Web Guy said:
This is exactly what i was looking for, tanks guys
HamzaED said:
[...] Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in Wor… - [...]
Top 50 Wordpress Tutorials - NETTUTS said:
[...] blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin [...]
October Roundup « Craig Farrall’s Blog said:
[...] Creating custom write panels in Wordpress [...]
Top 10 Laptops for Web Designers « Craig Farrall’s Blog said:
[...] Creating custom write panels in Wordpress [...]
MyBlog - Top 50 Wordpress Tutorials said:
[...] blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin [...]
links for 2009-02-27 « Free Open Source Directory said:
[...] Tutorial: Creating Custom Write Panels in WordPress Everyone knows that WordPress is one of the most, if not the most, popular blogging systems on the internet today. With its out of the box features, plugins, and great theming community, its no wonder WordPress has been accepted as today’s standard. However, sometimes you just want to add a little more. [...]
Omari said:
Hi Spencer,
I’m bit late to the party, but I’m having some difficulties finding the source of my problem. I’d really appreciate it if you could have a quick look.
Here’s my error:
Warning: Cannot modify header information - headers already sent by (output started at /nfs/c01/h06/mnt/44344/domains/omaribrandt.com/html/v1/wp-content/themes/custommod/library/functions/project_panel.php:15) in /nfs/c01/h06/mnt/44344/domains/omaribrandt.com/html/v1/wp-admin/theme-editor.php on line 70
Here’s my code:
http://www.pastie.org/403921
Thanks for your help!
50???WordPress?? at ?????? said:
[...] blog WeFunction ??????????????????“write page” - create extra write panels [...]
Recopilación de 50 tutoriales de WordPress - colorate said:
[...] Crear paneles extras en tu Admin Panel de WordPress [...]
Wordpress articles from around the web | CssGalleries said:
[...] Creating Custom Write Panels in WordPress [...]
Top 50 Wordpress Tutorials said:
[...] Backend33. Custom Write Panels in the Wordpress BackendDesign blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin area.34. Wordpress as a [...]
???? _kavid.net » Blog Archive » ??????WordPress?50????? said:
[...] blog WeFunction ??????????????????“write page” - create extra write panels [...]
Wordpress uma ótima ferramenta para a criação de sites! | Ater Internet: Empresa de webdesign said:
[...] Painéis personalizados WordPress [...]
How-To: Taking WordPress One Step Further « Feed Reader (Beta) said:
[...] great plugin system, and easy to use administration system, WordPress takes the cake. Using a Custom Write Panel, Custom Options, and manipulating the theme files, the possibilities are almost endless. In This [...]
Top 50 Wordpress Tutorials | Tech Underground said:
[...] blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin [...]
Feed Reader (Beta) » How-To: Taking WordPress One Step Further said:
[...] great plugin system, and easy to use administration system, WordPress takes the cake. Using a Custom Write Panel, Custom Options, and manipulating the theme files, the possibilities are almost endless. In This [...]
Guía de recursos y tips para profesionales de Wordpress - elWebmaster.com said:
[...] las funcionalidades Wordpress. WeFunction explora la idea de usar add_meta_box de Wordpress como un medio de crear campos separados [...]
rzepak said:
Hi!
This is a great tutorial! I love it, but I have stupid bug. I’m using custom field to add image, it’s just a link to image, so I have custom panel with one input like in your tutorial, and user paste there link. It’s working ok, but when user edit the post again, the custom panel is blank, link is only in custom field below, and when user just edit title and save changes, the custom field is also save as blank, and image doesn’t show on page anymore.. I think that if this custom panel have something it should load it while editing page
Sorry for my english, I hope you can help me how to fix it
cheers
Yustian said:
Thanks a lot for this. This article very usefull for me to create wordpress themes.
My latest post: Mengembalikan GRUB bootloader di linux fedora
Top 50 Wordpress Tutorials | Web Design,Photoshop Tutorial,Design News said:
[...] blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin [...]
Jeff said:
This article was so useful!! I’m a designer not a developer and most of the time if I can’t find a plug in or widget that will do what I need, I just forget about it. I have no problem screwing around with my Word Press Theme as I back it up frequently and especially when I’m screwing around with things I shouldn’t be!
But on to my question. Do you have any plans of writing a How-To for the Subtitle? After seeing the image at the beginning of your post I thought you would touch on both the image and subtitle, but alas I was wrong.
Still a very helpful post!
Bob Marvin said:
Thanks a lot for this. I’m using custom field to add image, I hope you can help me how to fix it. A very helpful post!
Free Tutorial Forum
Video Tutorials said:
I just got a wordpress blog and this helped me out a lot on getting it setup properly. Thanks for the post!
SmatahitFrida said:
very intresting
Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in WordPress « BradRow said:
[...] Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in WordPress Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in WordPres…. [...]
Web Designer said:
I know from my clients that it is not very hard to work with Wordpress. As to me, I have never dealed with it.
Marc said:
@Jeff
It’s exactly the same, I think the method used here uses echo to insert the value into the img tags, just insert the custom data into h3 tags.
I just write a tiny little image attach function to save spamming all that code in my layout.
?????? » WordPress???11? said:
[...] ?????????????????????????????????????????????????WordPress???????????????????????????????????????“add_meta_box()“???????????????????????“add_meta_box()“??? [...]
135+ Ultimate Round-Up of Wordpress Tutorials | About Us | instantShift said:
[...] 102. Creating Custom Write Panels in WordPress [...]
Design Intellection said:
[...] case you haven’t seen it yet, create your own custom write panels in WordPress. Related, do the same thing with ExpressionEngine. (via [...]
60+ Awesome WordPress Tutorials » Themetation said:
[...] 38. Custom Write Panels in the Wordpress Backend [...]
CuriousChaos said:
Your tutorial is great and I think it can really help me out. However, I am having a problem when trying to use a drop down box.
The drop down shows correctly with the correct text, but I can’t get it to store the value I want it to.
I am using the $wpdb->get_results() function to grab a table that I created in the database. So I want the ‘name’ value to show as the text and the ‘id’ value to be stored as the meta.
I’ve put up the part of the code that draws my select field.
http://pastie.org/440445
Any help would be EXTREMELY appreciated.
** Just as a note, using just input boxes all works just fine.
Marc Pettifer said:
Look in your custom codes panels after you’ve used the created custom panel info.
Check the value in there and see what it says, thats the code you need to put in the loop.
Note: The code above appends ‘_value’ to any info you set.
CuriousChaos said:
I figured it out, I had the wrong name and id for the select field.
http://pastie.org/441308
Political Jive said:
Great Post. Thanks!
7?WordPress???????? - ?????? said:
[...] ???Google Syntax Highlighter for WordPress? ???????/coder ?????????????????????Javascript?????????????????????????WordPress??????????wefunction.com ??????????????????????????? Plain Text ?????????????????????? [...]
PT Ubuntu Blog » WordPress?????? said:
[...] ???Google Syntax Highlighter for WordPress? ???????/coder ?????????????????????Javascript?????????????????????????WordPress??????????wefunction.com ??????????????????????????? Plain Text ?????????????????????? [...]
ZhaHost » Blog Archive » wordpress ?????? SyntaxHighlighter Evolved said:
[...] ???Google Syntax Highlighter for WordPress? ???????/coder ?????????????????????Javascript?????????????????????????WordPress??????????wefunction.com ??????????????????????????? Plain Text ?????????????????????? [...]
ChogCarabeava said:
nice, really nice!
custom wordpress design said:
we typically choose to incorporate in the back end as instructed. great post.
Adam Winogrodzki said:
great! it works fine for me !
How-To: Taking WordPress One Step Further | Bookmarks said:
[...] great plugin system, and easy to use administration system, WordPress takes the cake. Using a Custom Write Panel, Custom Options, and manipulating the theme files, the possibilities are almost endless. In This [...]
??? » Blog Archive » 11??WordPress?? said:
[...] ????????????????????“add_meta_box()“??? [...]
paul said:
hey bro, thanks so much for this tut, im all over it right now.
there is one thing though, in the tut you have a $post->ID where the > has been escaped and causes an error.
$meta_box_value = get_post_meta($post->ID,
not sure if anyone has said this already, there is alot of comments
thanks again.
??? ?? 50 ???? ???? ??????? ? ??????? ???? ?? ?????? | ???????? said:
[...] ???? ????? ??? ??????? ???? ?????? [...]
Andrew Turner said:
Thanks @Chris and @Spencer as i was looking to add a dropdown selector to my write panels.
You guys have made my life a little bit easier!
Thanks again.
Wordpress Theme Frameworks And Starting Resources | 1stwebdesigner - Love In Design said:
[...] Tutorial: Creating Custom Write Panels in WordPress [...]
Wordpress Date Field | Matthew Haines-Young said:
[...] the date to a unix timestamp and stores it in the post meta data. The plugin was derived from the Creating Custom Write Panels in WordPress tutorial on wefunction.com. A great tutorial for anyone looking to add custom write panels to their [...]
WordPress: aggiungere box personalizzati nelle pagine di amministrazione — Studio404 Web Agency said:
[...] i dati provenienti da eventuali moduli presenti nei panel personalizzati, è disponibile in questa pagina. Infine, la documentazione ufficiale pubblicata nella pagina del [...]
250 Wordpress Tutorials said:
[...] 215. Creating Custom Write Panels in WordPress [...]
Chris Robinson said:
@ Spencer
I was trying to associate specific meta boxes to a category like you explained above but it doesnt seem to work
foreach($new_meta_boxes as $meta_box) { if( $post->post_category == 44 ) { // Normal Stuff } else { echo'No Options for this Page'; } }It just displays the else “no options” for that category, is there another way to grab the category ID?
Chris Robinson said:
Nevermind figured it out
I defined a variable $blogcategory from my custom admin panel then used it like so
foreach($new_meta_boxes as $meta_box) { $blogcategory = get_option('ct_blog_category', $single = true); if( in_category($blogcategory) ) { // Normal Stuff } else { echo'No Options for this Page'; } }Thanks again Spencer for the Tut!
Chris Robinson said:
One thing that I cant seem to remedy is whatever is echo’d out in the else is printed how ever many times as many items as you have in the array. Any ideas on how to correct this?
7?WordPress???????? « ???? said:
[...] ???Google Syntax Highlighter for WordPress? ???????/coder ?????????????????????Javascript?????????????????????????WordPress??????????wefunction.com ??????????????????????????? Plain Text ?????????????????????? [...]
Tom said:
Although I followed the tutorial nicely, and it kinda “works”, my backend shows me a white screen of death when I:
- try to filter the posts on category
- search for a post
- edit a post (although the edits I made get saved)
Anyone else who has this problem ?
(I ruled out other things, when I include the code in functions.php the problems appear, when I delete the code, the errors disappear)
grtz,
Tom.
101 Techniques for a Powerful CMS using WordPress | Noupe said:
[...] WordPress has a solution for us. Liam is using a little something called add_meta_box. This is a detailed and quite useful tutorial on [...]
WordPress-CMS Hacks and Tricks | Why? Nowhy! DFdou's Blog said:
[...] WordPress has a solution for us. Liam is using a little something called add_meta_box. This is a detailed and quite useful tutorial on [...]
Top 50 Wordpress Tutorials | Design-Tut+ said:
[...] blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin [...]
10 Steps to a Client Friendly Wordpress CMS « Internet Turnkey Websites said:
[...] You can do some manual hard coding, like this tutorial [...]
20 Expert Wordpress Tips for Pro-Developers « Internet Turnkey Websites said:
[...] Rewriting Wordpress Functions: WeFunction Explores the idea of using wordpress’ add_meta_box as a means of creating seperate custom fields. I warn you it doesn’t look very easy. The tutorial is very well documented though. [...]
Sajid said:
There are so many cool techniques described here, big thanks!……!….
It really does have some nice features. Great work!
My latest post: Wordpress Featured Content Slideshow Gallery Plugin
Sajid Latif said:
I think I got some result. Thank you here.
Still this is one of the better templates I’ve seen. Thanks for sharing.
My latest post: Theme Membership Sites - Are those really useful
101 Techniques for a Powerful CMS using WordPress | DataViking said:
[...] WordPress has a solution for us. Liam is using a little something called add_meta_box. This is a detailed and quite useful tutorial on [...]
Ionut Staicu said:
I know is kinda late, but thanks! Great tutorial!
My latest post: WP-Print - show me the link ONLY!
Sudeep Bhaumick said:
I was looking for something like this but had absolutely no clue where to start. Thank you so much.
FreshPick: A Free Wordpress Theme | ReviewPk said:
[...] upload a 280×250 image, and paste the full path to the URL in the custom write panel. Thanks to this tutorial for the [...]
101 Techniques for a Powerful CMS using WordPress | Cyooh.com said:
[...] WordPress has a solution for us. Liam is using a little something called add_meta_box. This is a detailed and quite useful tutorial on [...]
i P r o n e t S t u d i o » ??? ?? 50 ???? ???? ??????? ? ??????? ???? ?? ?????? said:
[...] ???? ????? ??? ??????? ???? ?????? [...]
Tauqeer said:
Hey guys your sites is very excellent and your concept for share the knowledge but dear when i used this there is problem error showing. your tutorial is good but send me working tutorial which i can used on my blog,wordpress and also on websites.Dear you can also mail me at webmaster.aziz@gmail.com. Dear i have a websites and there is any profit if you are send me a correct tutorial. dear my websites detail is here:- website design indiaThewebsol is an India based professional Website Designing company.Thewebsol offering Web development, Ecommere, CMS, Graphic Designing, 3D Modeling, Flash Designing, Content Writing, SEO, Link Building and more.
hey guys can you give more information about your Creating Custom panels in word press.
I waiting for your positive response.
Tauqeer aziz
10 Custom Fields Hacks For WordPress | How-To | Smashing Magazine said:
[...] Creating Custom Write Panels in WordPressA very detailed tutorial on creating custom write panels in WordPress using custom fields. [...]
Custom Fields Hacks For WordPress « N3T.ir - Web Resources, Web Design News & Tips, Open Source said:
[...] Creating Custom Write Panels in WordPressA very detailed tutorial on creating custom write panels in WordPress using custom fields. [...]
20+ Tutorials and Resources for Working with Custom Fields in WordPress | Vandelay Design Blog said:
[...] Creating Custom Write Panels in WordPress [...]
Web Page Design For You » Blog Archive » 20+ Tutorials and Resources for Working with Custom Fields in WordPress said:
[...] Creating Custom Write Panels in WordPress [...]
20+ Tutorials and Resources for Working with Custom Fields in WordPress said:
[...] Creating Custom Write Panels in WordPress [...]
You are now listed on FAQPAL said:
Creating Custom Write Panels in WordPress…
Everyone knows that WordPress is one of the most, if not the most, popular blogging systems on the internet today. With its out of the box features, plugins, and great theming community, its no wonder WordPress has been accepted as today’s standard. H…
Derek said:
Awesome tutorial Spencer. Question though, is there a way to make a custom write admin page with the custom write panels we made, restricted to one post category?
In other words, say we had a post category called events that we had some custom panels for, like the date, but we only wanted those panels to show if the user was writing a post for the events category.
Could you make an admin page under “write post” and “write page” called “write event” that only posts to the events category and shows the write panels for events?
Custom Fields Hacks For WordPress | B Studio said:
[...] Creating Custom Write Panels in WordPress A very detailed tutorial on creating custom write panels in WordPress using custom fields. [...]
Grumpy Git . org » Blog Archive » Custom Fields Hacks For WordPress said:
[...] Creating Custom Write Panels in WordPressA very detailed tutorial on creating custom write panels in WordPress using custom fields. [...]
Custom Fields Hacks For WordPress | The Scripts Zone said:
[...] Creating Custom Write Panels in WordPressA very detailed tutorial on creating custom write panels in WordPress using custom fields. [...]
20+wordpress?????????? | ??? | ????????? ????????? said:
[...] ??wordpress????????? wordpress????????????????????????????????????wordpress???????? [...]
?????? ????? ??????? ?????? ??? ?? 50 ???? ???? ??????? ? ??????? ???? ?? ?????? | ????? ????? ???? said:
[...] ???? ????? ??? ??????? ???? ?????? [...]
FreshPick - Free WordPress Theme | cyooh.com said:
[...] upload a 280?250 image, and paste the full path to the URL in the custom write panel. Thanks to this tutorial for the [...]
Link FA | ???? ?? » ??? ?? 50 ???? ???? ??????? ? ??????? ???? ?? ?????? said:
[...] ???? ????? ??? ??????? ???? ?????? [...]
terkoz said:
custom write admin page with the custom write panels we made, restricted to one post category?
In other words, say we had a post category called events that we had some custom panels for, like the date, but we only wanted those panels to show if the user was
20+ Tutorials and Resources for Working with Custom Fields in WordPress « Online Free Application Software Tips Tools Wallpapers said:
[...] Creating Custom Write Panels in WordPress [...]
101 Techniques for a Powerful CMS using WordPress said:
[...] WordPress has a solution for us. Liam is using a little something called add_meta_box. This is a detailed and quite useful tutorial on [...]
10 Steps to a Client Friendly Wordpress CMS | JVC said:
[...] You can do some manual hard coding, like this tutorial [...]
135+ Ultimate Wordpress Tutorials said:
[...] 102. Creating Custom Write Panels in WordPress [...]
albi said:
Thank you, great tutorials.
Yours sincerely
barbara said:
Thanks for the great tutorial.
Didier said:
Exactly what I was looking, I’ll certainly do my site, thanks to you I think it happen.
thank you
101 Techniques for a Powerful CMS using WordPress | Webmaster Zone - Cyooh.com said:
[...] WordPress has a solution for us. Liam is using a little something called add_meta_box. This is a detailed and quite useful tutorial on [...]
How-To: Taking WordPress One Step Further said:
[...] great plugin system, and easy to use administration system, WordPress takes the cake. Using a Custom Write Panel, Custom Options, and manipulating the theme files, the possibilities are almost endless. In This [...]
Michael Soriano said:
How come I just now ran into this article! Could’ve used this a long time ago. Very well put!
My latest post: Create A Subscribe Bar with CSS Sprites
40+ Invaluable PHP Tutorials and Resources | Ouech.net said:
[...] Visit Article [...]
Embed Vimeo & YouTube Videos Using Custom Fields. said:
[...] and I’ll do my best to answer them. For an explanation on how custom fields work read this: Creating Custom Write Panels in WordPress. This entry was posted in Blog, Tutorial and tagged: Custom Fields, Tutorial, Wordpress. [...]
How-To: Taking WordPress One Step Further | Web design speed said:
[...] great plugin system, and easy to use administration system, WordPress takes the cake. Using a Custom Write Panel, Custom Options, and manipulating the theme files, the possibilities are almost endless. In This [...]
101 Techniques for a Powerful CMS using WordPress | Cosa Nuestra Tropical Lounge said:
[...] WordPress has a solution for us. Liam is using a little something called add_meta_box. This is a detailed and quite useful tutorial on [...]
adrian said:
This works great, i had no problems implementing it,
but i have 1 question, do i have to upload the image in my uploads folder, because if i just link to some image, for example an image on a subdomain like images.mydomain.com/image.png..
if i enter
http://www.images.mydomain.com/imagenr1.png
is not working, shows nothing , or the default no_image.png,because i added an else there….
so, Do i realy have to upload the image??? Can i change this? How?
sms said:
great great tutorial…thanks alot
My latest post: Exam k boojh ne
Veronica Wong said:
Hi there Spencer, great tutorial! Thanks so much.
I was reading the comments between you and Chris Robinson on creating multiple add_meta_box()’s and I’ve hit a snag.
I have two add_meta_box()’s, an input and a textarea. The input works fine, but the textarea won’t save. When I click the save or update button, the textarea ends up empty again.
Any ideas?
http://pastie.org/499790
Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in WordPress said:
[...] the original post: Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in WordPres… Share and [...]
MonkyMotion » Bookmarks del 4 de Junio al 8 de Junio said:
[...] Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in Wor…Crear custom write panels in Wordpress. [...]
Wordpress codes said:
great great great and awesome
My latest post: “Mark this Post favourite” plugin released
Weekly Digest for 11 June 2009 | Andrew Marconi said:
[...] Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in WordPres… [...]
Bilal Ayub said:
hi there its really very cool keep it up
Jay said:
Thanks!
Is it possible to add checkboxes to it?
40+ Invaluable PHP Tutorials and Resources | rapid-DEV.net said:
[...] Visit Article [...]
FreshPick - Free WordPress Theme | rapid-DEV.net said:
[...] a 280×250 image, and paste the full path to the URL in the custom write panel. Thanks to this tutorial for the [...]
Hostgator Review said:
Thanks for great post! Better is to implement in back end!
My latest post: website hosting
Linkhøst fra 16. juni til 17. juni said:
[...] Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in Wor… [...]
The State of WordPress “Theme Options” Pages | Pro Blog Design said:
[...] Over on WeFunction, there is a great guide to adding options to the Write Post page. [...]
SofaRider – An idea behind the name “Plugger” said:
[...] be used to insert our code whenever is required. This part is based on great tutorial published by WeFunction and I strongly recommend to read it for better understanding of what we are about to do here. The [...]
The State of WordPress “Theme Options” Pages | SEO & Web Design said:
[...] Over on WeFunction, there is a enthusiastic pass to adding options to the Write Post page. [...]
Amanda Ayles said:
This is exactly what I want - thank you! I am however having problems with figuring out how to edit the functions.php file so that I can set up more than one editable area on a page. How do I do that? I need to have an editable text area and an editable submenu on the same page but I’m not quite getting how to add on to the arrays and have the output come out right within the WordPress admin.
Thanks!
My latest post: nn404 Not FoundnnnNot FoundnThe requested document was not found on this server.nnnnWeb Server at comluv.comnnnnnn
101 Techniques for a Powerful CMS using WordPress | Quest For News, A TUTORIAL Base said:
[...] WordPress has a solution for us. Liam is using a little something called add_meta_box. This is a detailed and quite useful tutorial on [...]
Sophistigrunge - Free WordPress Theme | Theme Lab said:
[...] add the page subtitles, I also coded in a custom write panel that only appears when you’re on the Edit Page [...]
Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in WordPress « wp-popular.com said:
[...] Read the original post: Function Web Design & Development [ Blog ] » Tutorial: Creating Custom Write Panels in WordPres… [...]
Scott Masterson said:
Great tutorial. Quick question. Let’s say you have two types of custom fields, one is for image URL’s and the other is for longer captions.
What if I wanted to use a multi-line input box for the longer text and I only wanted the larger text box on captions, not in the URL’s?
Is it defining a different standard to ’std’? So this area?
[sourcecode]if($meta_box_value == “”)
$meta_box_value = $meta_box['std'];
….etc[/sourcecode]
and adding something like this?
[sourcecode]if($meta_box_value == “big”)
$meta_box_value = $meta_box['big'];
….etc[/sourcecode]
Any pointers appreciated.
Point of Sale said:
good!thanks!
My latest post: THIS SCRIPT IS NO LONGER SERVING DATA. UPDATE YOUR PLUGIN
Top 50 Wordpress Tutorials said:
[...] blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin [...]
Creating Custom Write Panels in WordPress « rvwd.net said:
[...] via 0 Comments [...]
Existem, Two sites in two weeks said:
[...] to CMS usage I’ve used the truly excellent more fields plugin in addition to coding my own write boxes. This means we can add custom content such a post images and links via the wordpress [...]
Point of Sale said:
Looks very interesting. Thanks for sharing..
http://fashionshow99.spaces.live.com
My latest post: THIS SCRIPT IS NO LONGER SERVING DATA. UPDATE YOUR PLUGIN
Steven said:
Great!!!!! But, is there a way to exclude this option from a certain category?
Steven
Josh said:
Sweet tutorial, Thanks for taking the time to write it. I have a question, is it possible to create an image upload custom field. So a client wouldn’t have to copy and paste the url into the field. So it would pull from the the media library or from the users computer?
Thanks
Create An Awesome WordPress Theme Options Page (part 3) | WPShout.com said:
[...] it. The good news though is that I found a tutorial explaining how to do it, which you can find on WeFunction.com. Handy [...]
Creating Custom Content Type with Flutter Plugin | Word Press Magazine said:
[...] has been a lot of buzz regarding using WordPress as a CMS lately, with many clever solutions that come up. Today, we will be a bit lazy try to use a plugin that is made precisely for [...]
Tutorial: Creating Custom Write Panels in WordPress | Word Press Magazine said:
[...] Write Panels in WordPress Thursday, July 16, 2009 By Mr. Wordpress Easy AdSense by UnrealTutorial: Creating Custom Write Panels in WordPress.: A fantastic, detailed and quite useful tutorial on creating custom write panels for the WordPress [...]
grow taller 4 idiots said:
How do I do that? I need to have an editable text area and an editable submenu on the same page but I’m not quite getting how to add on to the arrays and have the output come out right within the WordPress admin.
My latest post: THIS SCRIPT IS NO LONGER SERVING DATA. UPDATE YOUR PLUGIN
Niklas Sonnenschein said:
Very awesome tutorial!
But this is only for posts and not for wordpress sites. How do I get custom fields in the site panel in wordpress?
Website Redesign New York said:
Great….work. Thanks for sharing this post.
My latest post: THIS SCRIPT IS NO LONGER SERVING DATA. UPDATE YOUR PLUGIN
Joomla Wordpress Magento Webdesign Development said:
Very useful tutorial. Thank you! I will try to implement into my themes.
everquest power leveling said:
Your code help me so much. Very useful tutorial
????50? Wordpress?? | JuiceBAR said:
[...] blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin [...]
Custom Fields Hacks For WordPress | Benzing Technologies | Web Design, Web Hosting, Online Marketing | 866.980.2369 said:
[...] Creating Custom Write Panels in WordPress A very detailed tutorial on creating custom write panels in WordPress using custom fields. [...]
10 Awesome Things To Do With WordPress’ Custom Fields | WPShout.com said:
[...] too much hassle. The solution? Custom fields! But not just custom fields, custom fields with custom write panels to make it even easier to enter information. Again, code below will get you something looking like [...]
WordPress Resources - 48 Resources, Tips, Tricks & Themes | Think Design said:
[...] the Loop Display Your Tags in a Drop Down Menu How to Embed CSS in Your Posts With Custom Fields Creating Custom Write Panels in WordPress Did you like this post? Pass it [...]
T.S. said:
Is it possible to make a taller scrolling box? Similar to the custom field value boxes on the create post page.
Margo said:
Having the courage to develop your own style and express yourself is most of the battle. After that you learn the tricks of software. One without the other does you no good at all.
Personal finance blog said:
Good code.Thank you for sharing.
THE MOLITOR said:
I NEED HELP!
I edited the (awesome) code you gave us so that I can use multiple custom fields for various things. The problem arises when I save the post. Upon refresh after saving, all the fields are empty???
Any ideas???
Here’s the code I’m using…
http://pastie.org/571957
webhosting said:
tnx so much for sharing this keep it up
Oriin said:
Hi,
first, I would like to say that your tutorial is great and very thorough and easy to understand. I’m sure it is my slippery grasp of php know-how that is forcing me to pull my brains out. I’ve done all read and copied your code into my functions.php file and when I load the url (localhost) the in the browser I get a blank page not even an admin login (fatal error?). I’ve reached the edge of the plank. And before I jump, I thought I’d better reach out for help.
here is my code in the functions file: [sourcecode language='your-lang']
’sidebar’,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ”,
‘after_title’ => ”,
));
register_sidebar(array(
‘name’ => ’sidebar2′,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ”,
‘after_title’ => ”,
));
register_sidebar(array(
‘name’ => ’sidebar3′,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ”,
‘after_title’ => ”,
));
register_sidebar(array(
‘name’ => ’sidebar4′,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ”,
‘after_title’ => ”,
));
register_sidebar(array(
‘name’ => ’sidebar5′,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ”,
‘after_title’ => ”,
));
}?>
array(
“name” => “image”,
“std” => “”,
“title” => “Image”,
“description” => “Using the \”Add an Image\” button, upload an image and paste the URL here.”)
);
function new_meta_boxes() {
global $post, $new_meta_boxes;
foreach($new_meta_boxes as $meta_box) {
$meta_box_value = get_post_meta($post->ID, $meta_box['name'].’_value’, true);
if($meta_box_value == “”)
$meta_box_value = $meta_box['std'];
echo”;
echo”.$meta_box['title'].”;
echo”;
echo”.$meta_box['description'].”;
}
}
function create_meta_box() {
global $theme_name;
if ( function_exists(’add_meta_box’) ) {
add_meta_box( ‘new-meta-boxes’, ‘Brazen Post Settings’, ‘new_meta_boxes’, ‘post’, ‘normal’, ‘high’ );
}
}
function save_postdata( $post_id ) {
global $post, $new_meta_boxes;
foreach($new_meta_boxes as $meta_box) {
// Verify
if ( !wp_verify_nonce( $_POST[$meta_box['name'].’_noncename’], plugin_basename(__FILE__) )) {
return $post_id;
}
if ( ‘page’ == $_POST['post_type'] ) {
if ( !current_user_can( ‘edit_page’, $post_id ))
return $post_id;
} else {
if ( !current_user_can( ‘edit_post’, $post_id ))
return $post_id;
}
$data = $_POST[$meta_box['name'].’_value’];
if(get_post_meta($post_id, $meta_box['name'].’_value’) == “”)
add_post_meta($post_id, $meta_box['name'].’_value’, $data, true);
elseif($data != get_post_meta($post_id, $meta_box['name'].’_value’, true))
update_post_meta($post_id, $meta_box['name'].’_value’, $data);
elseif($data == “”)
delete_post_meta($post_id, $meta_box['name'].’_value’, get_post_meta($post_id, $meta_box['name'].’_value’, true));
}
}
add_action(’admin_menu’, ‘create_meta_box’);
add_action(’save_post’, ’save_postdata’);
?>
[/sourcecode]
Thanks in advance…
Best.
Oriin said:
sorry I didn’t copy it all. here is the first part.
[sourcecode language='your-lang']
if ( function_exists(’register_sidebar’) ) {
register_sidebar(array(
‘name’ => ’sidebar’,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ”,
‘after_title’ => ”,
));
register_sidebar(array(
‘name’ => ’sidebar2′,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ”,
‘after_title’ => ”,
));
register_sidebar(array(
‘name’ => ’sidebar3′,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ”,
‘after_title’ => ”,
));
register_sidebar(array(
‘name’ => ’sidebar4′,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ”,
‘after_title’ => ”,
));
register_sidebar(array(
‘name’ => ’sidebar5′,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ”,
‘after_title’ => ”,
));
}?>
[/sourcecode]
Eric said:
How can we make diffrent inputs according to the meta? Like on one tag i want a text fiend, on another i want a textarea and so on.
Places you can learn how to set up cool stuff using Wordpress custom fields | Design strike said:
[...] Creating Custom Write Panels in WordPress [...]
wrought iron furniture said:
Thanks for sharing this code with us!
6 Ways To Create Custom Write Panels in WordPress | kevinleary.net said:
[...] 6. Custom Write Panels using Functions.php [...]
Kevin said:
Thanks for this, it’s great to know how these are created without the use of a plugin. It may take more time up front but I think it’s important to understand how these write panels are created and how their information is saved in the database. I think that understanding the way something is built will help you solve problems in the future faster, and more efficiently. I recently featured this article in my latest blog post, 6 Ways To Create Custom Write Panels in WordPress.
Creating Custom Write Panels in WP | cssOrigins.com | Design Blog, Tutorials, Tips, SEO Optimization, and Wordpress Publishing Platform said:
[...] Check the tutorial out. [...]
Function Web Design & Development [ Blog ] » Tutorial: Creating … | Rapid Shoots Journey said:
[...] by admin on October 20, 2008 Wow, thanks for the great tip. It is nice to see expert level Wordpress tips once in a while. I will definitely be adding a link to this page on my own blog , and I can’ t wait to try using Custom Write Panels in my own blogs . …… Custom Fields Hacks For WordPress « N3T.ir – Web Resources, Web Design News & Tips , Open Source said: Creating Custom Write Panels in WordPressA very detailed tutorial on creating custom write panels in WordPress using custom fields. [. ... Original post: Function Web Design & Development [ Blog ] » Tutorial: Creating … [...]
50???WordPress?? | ???? said:
[...] blog WeFunction ??????????????????“write page” - create extra write panels [...]
WordPress Resources – 48 Resources, Tips, Tricks & Themes | X Design Blog said:
[...] Adding Forums to Your WordPress Site How to Set Up a Side Blog How to Create a WordPress Form Overlay Adding Goggle Search to Your Blog Converting the Author Display to Link to The Author How to Add Bio Info to Posts How to Insert an Ad Only After the 1st Post How To: Using Conditional Tags How to Add Social Bookmarking Links to Your Theme How to Separate Comments an Trackbacks How to Hide Individual Pages From Navigation How to Add Gravatars to Your Theme How to Use Thumbnails Generated by WordPress in Your Theme How to: Hack WordPress Theme Template Pages Get Recent Posts From a Specific Category How to Highlight Author Comments Show Related Posts Without Plugins How to Display Your Facebook Status Finding a Lost WordPress Password How to Display Your Latest Twitter Entry Multiple WordPress Loops How to Get Custom Fields Outside the Loop Display Your Tags in a Drop Down Menu How to Embed CSS in Your Posts With Custom Fields Creating Custom Write Panels in WordPress [...]
medyum said:
Look in your custom codes panels after you’ve used the created custom panel info.
Check the value in there and see what it says, thats the code you need to put in the loop.
Note: The code above appends ‘_value’ to any info you set.
Steven said:
Hi, maybe this question is already asked, but I couldn’t find it ; Is it possible to make 2 different boxes for the customfields, e.g. 1 for the blog posts and one for the portfolio posts.
Nits said:
nice tutorial for all bloggers
adventures of a blogjunkie » del.icio.us bookmarks for August 25th said:
[...] Function Web Design & Development Blog – » Tutorial: Creating Custom Write Panels in… [...]
ash said:
HI, This is excellent but I do have one question: How do I make this work as a textarea instead of a textfield?
Thanks!
Rafael said:
This looks really, really useful, will be trying this soon, thanks!
firewall configuration said:
Hi! I think its need some extra parameters,any way nice implementation.Thanks for the innovative one.keep post cont…………….:)
voragine.net » Blog Archive » Personalizando el panel de creación de entradas en WordPress said:
[...] tutorial que promete: Creating Custom Write Panels in WordPress. Con él el estudio Artisan Themes han creado el tema WP Contact Manager, que convierte un [...]
7?WordPress???????? » Netstat said:
[...] ???Google Syntax Highlighter for WordPress? ???????/coder ?????????????????????JavaScript?????????????????????????WordPress??????????wefunction.com ??????????????????????????? Plain Text ?????????????????????? [...]
Tips & Guider till WordPress said:
[...] Plugin From ScratchMastering Your WordPress Theme Hacks and TechniquesWordPress Theme HacksCreating Custom Write Panels in WordPress10 incredibly cool WordPress shortcodesAn Introduction to WordPress Action HooksBuild A WordPress [...]
xaer8 said:
Really useful tutorial. Got another one like this also. But it seems that this one is much more easier to follow. Anyway, i am looking how to custom write functions inside the admin panels. Still, this is great post!
Wordpress Templates said:
Very useful for bloggers! Nice Post!
WordPress?50????? | ??????? said:
[...] blog WeFunction ??????????????????“write page” - create extra write panels [...]
telefon dinleme said:
Great stuff, i may try to upgrade my theme later this week since it is using thumbs just to try this out
telefon dinleme
Blog – Velagapati - 300+ Resources to Help You Become a WordPress Expert said:
[...] Tutorial: Creating Custom Write Panels in WordPress – A tutorial for adding unique data to your posts using custom write fields in the backend. [...]
jonny said:
Its nice, but gives blank pages in wordpress 2.8 , anyone know why?
Help with Custom Write Panel - WordPress Tavern Forum said:
[...] to enter post specific information as per this tutorial: http://wefunction.com/2008/10/tutori…-in-wordpress/. I have a challenge with javascript code that is entered in a field. I can add javascript code to [...]
??? ?? 50 ???? ???? ??????? ? ??????? ???? ?? ?????? said:
[...] ???? ????? ??? ??????? ???? ?????? [...]
Top 50 Wordpress Tutorials « The Interweb of TJ said:
[...] blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin [...]
funny sms said:
thanks for the great tip. It is nice to see expert level Wordpress tips once in a while. I will definitely be adding a link to this page on my own blog, and I can’t wait to try using Custom Write Panels in my own blogs. K
bob said:
Why are there no timestamps on any comments?
Custom Fields Hacks For WordPress | 9Tricks.Com - Tips - Tricks - Tutorials said:
[...] Creating Custom Write Panels in WordPress A very detailed tutorial on creating custom write panels in WordPress using custom fields. [...]
How-To: Taking WordPress One Step Further - Programming Blog said:
[...] great plugin system, and easy to use administration system, WordPress takes the cake. Using a Custom Write Panel, Custom Options, and manipulating the theme files, the possibilities are almost endless. In This [...]
Learn How to Create Wordpress Themes said:
[...] Creating Custom Write Panels in Wordpress [...]
Sam said:
Great tutorial, thanks!! We’ve got it all up and running and now we’re wondering if it’s possible to do validation on these fields. For example, if we want one of the fields to be a URL and want the post to not save (or at least spit out an error message on save) if the user enters an invalid URL.
Any suggestions? The codex documentation for the save_post hook says:
“Runs after the data is saved to the database”
Which seems to imply that it’s too late for validation at this point. Should we use a different hook? Is it possible to have a hook-called function return 0 or something to create an error?
THANKS!
bob said:
Instead of save_post, you could use the filter content_save_pre. The function that is called will have the post content passed to it instead of the post id. Example:
add_filter('content_save_pre', 'mySaveFunction'); function mySaveFunction($postContent) { // Do content modification or input validation here return $postContent; }It is important that you return the post content, else nothing will save! I suppose you can then append the error message to the post content, or have your write panel display the error message.
Sam said:
bob: Thanks for the lead!
It seems like the right idea, but the filter ‘content_save_pre’, only affects the content field. Any ideas on how I would get the fields that I just created?
bob said:
In the content_save_pre function, just access the input fields using $_POST with the names of your fields.
Tutorial: Custom Write Panels | Wordpress Lesezeichen said:
[...] Custom Write Panels http://wefunction.com/2008/10/tutorial-creating-custom-write-panels-in-wordpress/ Tweet This!Share this on TechnoratiSubmit this to NetvibesAdd this to Mister WongMark this on [...]
Mypetappy said:
???????? ????, ???????!
Function Web Design & Development Blog - » Revisited: Creating Custom Write Panels in WordPress said:
[...] explaining the nuances of add_meta_box in WordPress, and how it can be used to create some nifty Custom Write Panels. It was a nice little script, and still functioned great. I use it on almost all of the projects [...]
7?WordPress???????? « 1983ex said:
[...] ???Google Syntax Highlighter for WordPress? ???????/coder ?????????????????????JavaScript?????????????????????????WordPress??????????wefunction.com ??????????????????????????? Plain Text ?????????????????????? [...]
slee said:
thanks for a great tutorial it has been very helpful i have one quick question about setting it for a particular category. ive used the code to set it for a category as above but the problem i have is that if you choose to add a new post then the category is not set yet so the panel does not show. is there a way to show it for a post that has not yet been set as well as only for a certain category?
thanks
50 Wordpress Tutorials « Uttammitra’s Blog said:
[...] blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin [...]
Jesse said:
Thanks for the informative article
Usare i “Custom Fields” di Wordpress – Usi Avanzati – Parte 3 | Tekné said:
[...] usi simili a quelli relativi alle schede dei libri già illustrate. Inoltre è possibile creare dei pannelli customizzati che ci facilitino il [...]
How-To: Taking WordPress One Step Further | meshdairy said:
[...] great plugin system, and easy to use administration system, WordPress takes the cake. Using a Custom Write Panel, Custom Options, and manipulating the theme files, the possibilities are almost endless. In This [...]
Revisited: Creating Custom Write Panels in WordPress | meshdairy said:
[...] explaining the nuances of add_meta_box in WordPress, and how it can be used to create some nifty Custom Write Panels. It was a nice little script, and still functioned great. I use it on almost all of the projects [...]
WordPress 300+ Collection of Amazing Resources | Amazing and Inspiring Design said:
[...] Tutorial: Creating Custom Write Panels in WordPress – A tutorial for adding unique data to your posts using custom write fields in the backend. [...]
FOL en Tiempos Modernos said:
Thanks for the informative article
Nice Post!
SWP said:
nice, just what I was looking for.
Decha Kunla said:
Nice article, i read entries blog afternoon then add it to my bookmarks and wait for your next article, i plan to follow as you.
Thanks so much
decha kunla
medyum said:
Hi! I think its need some extra parameters,any way nice implementation.Thanks for the innovative one.keep post cont
medyum said:
thanks for a great tutorial it has been very helpful i have one quick question about setting it for a particular category. ive used the code to set it for a category as above but the problem i have is that if you choose to add a new post then the category is not set yet so the panel does not show. is there a way to show it for a post that has not yet been set as well as only for a certain category?
thanks
65 Links úteis sobre WordPress « INX_inexor?vel.org said:
[...] Creating Custom Write Panels in WordPress [...]
dan said:
I created a plugin based on this tutorial but my problem is that $post_id passed to my save function keeps incrementing (based on the revision and not the main post). Any idea why?
Creating Custom Write Panels said:
[...] October of last year, Spencer wrote a tutorial explaining how to create custom write panels in WordPress. The script worked great for various projects, but after foreseeing some problems, he [...]
John MacMenamin said:
Wonderful Tut. I have it working now and added three custom fields. Thanks so much!
Here’s my separate file that I include in my functions.php file.
http://pastie.org/693753
mitch said:
This is fantastic and really takes Wordpress as a CMS to the next level. One question I do have is… Can this be used for pages as well as posts?
bob said:
Did you mean that it can be used in “Edit Page” pages as well as “Edit Post” pages? If so, then there’s an easy way to enable both features. In this code:
add_meta_box( ‘new-meta-boxes’, ‘Custom Post Settings’, ‘new_meta_boxes’, ‘post’, ‘normal’, ‘high’ );
Just change ‘post’ to ‘page’ and this can be used for pages.
Creating WordPress Themes:Using Custom Fields | Brass Blogs Web Design said:
[...] being said, you can use this awesome function that makes using custom fields even nicer. It just makes them “prettier” and integrates [...]
discount tiffany jewelry said:
Wonderful Tut. I have it working now and added three custom fields. Thanks so much!
???? » Blog Archive » 50???WordPress?? said:
[...] blog WeFunction ??????????????????“write page” - create extra write panels [...]
darkfall second expansion said:
Perfect program, it tells very clearly.i will come here every day with my friends.
Download Brown wordpress themes | Jungleland ? Free WordPress Theme said:
[...] theme makes extensive use of thumbnails, so I coded in a custom write panel to insert thumbnails into your posts as an alternative to custom [...]
Download Brown wordpress themes | Jungleland – Free WordPress Theme said:
[...] theme makes extensive use of thumbnails, so I coded in a custom write panel to insert thumbnails into your posts as an alternative to custom [...]
101 Techniques for a Powerful CMS using WordPress « Temas e Dicas para Wordpress said:
[...] WordPress has a solution for us. Liam is using a little something called add_meta_box. This is a detailed and quite useful tutorial on [...]
Niddler said:
I’ve noticed that your plain text version has an encoding problem - the $post->ID here:
…other than that, fantastic tutorial - thank you!
10 Tutorials to Take Your WordPress Development Skills to the Next Level said:
[...] 2. Creating Custom Write Panels in WordPress [...]
typoglyphic.com » 10 Tutorials to Take Your WordPress Development Skills to the Next Level – designm.ag said:
[...] 2. Creating Custom Write Panels in WordPress [...]
300+ Resources to Help You Become a WordPress Expert | LeVoltz - iPhone Games, Engineering Projects, Wordpress Themes said:
[...] Tutorial: Creating Custom Write Panels in WordPress – A tutorial for adding unique data to your posts using custom write fields in the backend. [...]
kevin said:
Hi Spencer, great tut there, exactly what i just need. However, like Chris and others, i’d need multiple fields.
I tried the technique you pasted:
$new_meta_boxes =
array(
“image” => array(
“name” => “image”,
“std” => “”,
“title” => “Image”,
“description” => “Using the “Add an Image” button, upload an image and paste the URL here.”),
“image” => array(
“name” => “subtitle”,
“std” => “Standard Post Subtitle.”,
“title” => “Subtitle”,
“description” => “Add a subtitle to the post..”)
);
But it keeps showing just one field, the last one.
Has someone managed to create and save various fields ?
Edit, i made it, just pasted another one and works. Awesome, i’ll now get deeper into this to get what i need. Huge thanks dude!
bob said:
You could have just made the $new_meta_boxes array into a multidimensional array with the top-level elements being individual meta boxes, and all meta box information stored in the sub-arrays. For example:
$new_meta_boxes = array(
‘0′ => array(
‘images’ => array(
…
)
),
‘1′ => array(
‘images’ => array(
…
)
));
Then you would have to modify the new_meta_boxes function like so:
Instead of
function new_meta_boxes() {
global $post, $new_meta_boxes;
foreach($new_meta_boxes as $meta_box) {
}
Do
function new_meta_boxes() {
global $post, $new_meta_boxes;
foreach ($new_meta_boxes as $new_meta_box) {
foreach ($new_meta_box as $meta_box) {
}
}
10 Tutorials to Take Your WordPress Development Skills to the Next Level | Web Design Byte said:
[...] 5. Creating Custom Write Panels in WordPress [...]
Chevrolet said:
?????????? ????, ???????
Gadgets said:
Thanks for the article. The blog was very helpful.
Devin said:
I’m having trouble getting my custom meta item to show up in the text area where it was saved after updating the page. (However, it does save as custom post meta and shows up in the custom fields area.)
Any ideas would be great. Posted the code in the WordPress forums: http://bit.ly/8b2oRA
izdelava spletnih strani said:
My meta is not showing special characters while listed in google search results. I’m using utf-8 and have excange special characters with utf signs but no luck.
bulldoggie studio » Top 50 Wordpress Tutorials said:
[...] blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin [...]
???????? said:
Cool site mate!
Kadastr said:
Thanks for the great site.
Map said:
Thank you site good nice post much.
7?WordPress???????? | ??????? said:
[...] ???Google Syntax Highlighter for WordPress? ???????/coder ?????????????????????JavaScript?????????????????????????WordPress??????????wefunction.com ??????????????????????????? Plain Text ?????????????????????? [...]
gis said:
I like your website, I will share this with friends
Top 50 Wordpress Tutorials from TutPlus | WordPress News Magazine said:
[...] blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin [...]
dungeon fighgter gold said:
thank you for sharing.
armenian said:
Great! Glad everything seems to working, and you enjoyed the tutorial.
George said:
Great tutorial, thanks a lot
Katrina said:
Thank you for this tutorial, comes in handy.
ahmet maranki said:
Thanks!! I always assumed this could only be done by editing the main WP files..
boyaci said:
great tut! gonna try this out on a current project
nowgoogle seo challenge said:
Article that was on extremely good. I am very helpful. thanks for the information. good luck always accompany you.
????? ????? said:
It agree with the last statement.
????? ??????? said:
I support last ??????????.
Tax said:
Interestingly here for you.
tips said:
Thanks for the totourial,great one
dungeon fighter gold said:
very good article,if you are interested in my site,come.
netbook said:
A friend of mine was talking about your blog, so I came to check it out. After reading a couple of your posts, I must say that it’s quite good.
300???????WordPress????? | ??????,?????? said:
[...] Tutorial: Creating Custom Write Panels in WordPress (???????????????) – ???????????????????????? [...]
Jason said:
It’s been really hard to find good tutorials on creating meta boxes. Most people seem to be regurgitating eachother’s code. As far as clarity, yours is by far the best. You describe everything very well! Thanks a lot for the post.
Custom Write Panels | Haycroft Media said:
[...] but we are control freaks and like to do thinks ourselves. So, as a starting point, we use this fantastic tutorial on Wefunction, but with a few [...]
fantasy forced said:
came across this great list - thanks so much for sharing!
sagem said:
thank you everybody .This very important blog
kapadokya said:
After reading a couple of your posts, I must say that it’s quite good.
7?WordPress???????? « Power by Result Search said:
[...] ?????????????????????javascript?????????wefunction.com ??????????????????????????? Plain Text [...]
DFO Gold said:
Learning!
Genduk said:
I’ve been looking for this tutorial for so long.
Thank you for your time to post this.
Vizou said:
Absolutely amazing tutorial! I spent nearly a WEEK trying to master Pods (a nice idea but not easy to understand), the very very buggy Flutter (which seems to be abandoned) and somehow came across this article. In about 3 hours, I had solved all of my custom field problems (and I am an “older” geek Mom). Spencer, you deserve a MEDAL for your patience, quick responses and lovely disposition! I’ve created a new write panel to add film meta to a film listing, with dropdowns and text entry fields. Everything works beautifully so far! THANKS THANKS THANKS.
How-To: Taking WordPress One Step Further « Son Of Byte said:
[...] great plugin system, and easy to use administration system, WordPress takes the cake. Using a Custom Write Panel, Custom Options, and manipulating the theme files, the possibilities are almost endless. In This [...]
Revisited: Creating Custom Write Panels in WordPress « Son Of Byte said:
[...] explaining the nuances of add_meta_box in WordPress, and how it can be used to create some nifty Custom Write Panels. It was a nice little script, and still functioned great. I use it on almost all of the projects [...]
How-To: Taking WordPress One Step Further | Son Of Byte said:
[...] great plugin system, and easy to use administration system, WordPress takes the cake. Using a Custom Write Panel, Custom Options, and manipulating the theme files, the possibilities are almost endless. In This [...]
Top 50 Wordpress Tutorials | NetExUrl | Web Development Tutorials & Design Resources said:
[...] blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin [...]
Richard said:
This is EXACTLY the information I have been looking for! Thank you thank you thank you!!
JG Ballard said:
I knew this could be done, so glad I found this post. Thanks pal.
Wp factory – 7 Great wordpress hacks and tutorials -- Premium Wordpress Themes said:
[...] might be harder to follow but the author provides the code to copy and paste and try for yourself. Check it out and the Latest revisited [...]
medyum said:
very helpful for me.
Wordpress tutorials - Gurushala said:
[...] Pipes101. Publishing External RSS Headlines to Your WordPress SiteBackend Related Tutorials102. Creating Custom Write Panels in WordPress103. Customize your WordPress Login104. Create a Tabbed Featured Post Area in WordPress105. Moving [...]
dungeon fighter gold said:
Absolutely amazing tutorial
smackdown said:
Thanks a lot for the wonderful information
Gloryhole said:
Great resources. Thanks
PowerONDemond Technology said:
Dear Mr/madam
First of all thanks of lot for your valuable Time.
we are Manufacturers & Traders of Home combo UPS, ONLINE UPS, Battery, High capacity Inverter, FCBC charger and Servo-Voltage stabilizers.
Business offer - for sale purpose if you think for business::
we also made for you INVERTER, UPS on your name,brand if you require.
RENT Facility for You - if you not want purchase : :
Our higher capacity ONLINE UPS available on RENT
for any type of requirement you just call us::989188242 or mail:urdemond@gamil.com, with your complete detail like contact & requirement send us.
Thanks & regards
Ram kUmar Gupta
PowerONDemond Technology
http://www.urdemond .weebly .com
Dear Sir/Madam
We have obtained your name and address from power electronics site. We would like to take this opportunity to write to you in the hope of establishing business cooperation if possible
Our company has been specializing in manufacturing and exporting Electrical products (ON LINE UPS & Inverter) for many years. Also we enjoy a good reputation in this field. In order let you have a gentle idea about our products including UPS (uninterruptible power supply), inverter, battery and solar products,, our Power System Inverter tie the Wind Generators directly to the utility Grid and Solar Power Inverter match the Solar Generators System, Digital Power Inverter has USB output is special for Lighting, computer, for application in Electronics and Telecommunication, now we will introduce our goods to you in details:
1. High frequency online UPS
2. Line interactive UPS & Offline UPS for Computers
3. Home UPS/ Power Inverter DC/AC for Home
4. Lead-acid battery/ UPS battery
5. New Products: Solar chargers, Solar panels and solar power plants
If any of the items listed meets your interest, please inform us of your specific requirements. You may be assured that all of your requirements will receive our prompt and careful attention.
If you are interested in Pure Sine Wave Inverter and would like to get more information, please let us know. We are pleased to sent you our catalogue and price list which details of our products covering different sizes available
We are appreciating it you if you will pay attention on our products and welcome your inquiry, we look forward to receiving your reply and hope your pleasure
For more information you can come or call now: 9891882432
Welcome to visit our website http://www.urdemond.weebly.com for more details.
Thank you very much for your time
Sincerely yours
PowerONDemond
7?WordPress???????? at ????-????-??! said:
[...] ???Google Syntax Highlighter for WordPress? ???????/coder ?????????????????????javascript?????????????????????????WordPress??????????wefunction.com ??????????????????????????? Plain Text ?????????????????????? [...]