BuddyDev

Adding Custom Metabox Context/locations On WordPress Edit/Add New screen

If you have added a meta box for your plugin and theme you already know that WordPress suggest three contexts for adding meta boxes, ‘normal’, ‘advanced’, or ‘side’.

In one of my plugins(MediaPress), I wanted to add a few meta boxes before the WordPress post editor and after the title. None of the above context solved my issue. There is a hook “edit_form_after_title” that you can hook to show content before the editor. The problem was I wanted metabox holder to allow users reorganize their metaboxes as they please.

Looking a little bit in detail, I found that while registering the meta boxes, WordPress does not check if they only belong to the suggested three. That simply means, you can go ahead and add your own custom metabox context( that acts as holder) and render it to the location you want.

Here is an example, showing a smiple metabox on the post edit screen before the editor.

Step 1 :- Create a custom Context & Let WordPress render any meta boxes attached to it

The above code asks WordPress to render the context ‘custom-metabox-holder‘ in between the title & the editor.  $post is the post currently being edited.

Step 2 :- Add Meta boxes to our custom context.

Go ahead and add as many meta boxes as you want to the new context. Here is a simple example that display a snippet of text. You can add multiple meta boxes and do whatever you want.

Here is a screenshot.

Custom Meta box holder

 

Don’t just stop there, you can create meta box contexts for your plugin/theme’s settings page and allow others to extend. That’s all folks. Do metaboxing not kickboxing 🙂

Reference: You can read more about the add_meta_box on WordPress Codex.

 

One Response to Adding Custom Metabox Context/locations On WordPress Edit/Add New screen

  • Interesting! It’s easy at first to notice that and sometimes I quickly assumed it wasn’t possible.

    By the way, Ray added the option recently on BP Core to add metaboxes in BuddyPress related pages (on the admin site, such as activity and so on). Maye you could cover that here on Buddydev in the future.

    Keep up the good work man! =)

Leave a Reply

Are you looking for support?

Please ask support questions in BuddyDev Forum and help us serve you better. Please use comment for general discussion/feature suggestions.

Your email address will not be published. All the fields marked as * are required.

If you are posting code, please use <pre> { Your Code Block } </pre>. Example:- <pre> echo $name; </pre>

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">