How To Make Meta Box Appear Above Editor In WordPress

This should be a relatively simple task to achieve in most scenarios, there are circumstances where it is not. This guide will show you what you need to do to make custom meta boxes appear above the default WordPress editor in the admin area.

When you are adding a new meta box to the post editor in admin, setting the context to advanced will give it priority over the other meta boxes, making it show up at the top. The code below will show you how to do this.

add_meta_box('test', __('test'), 'test', 'post', 'advanced');

The problem you may sometimes encounter is that using the advanced argument does nothing to alter the order in which the boxes appear. There is a simple change you can make if you want this meta field to appear above the main wordpress editor. The code below will force wordpress to push out the advanced meta boxes early. This will mean they will appear at the very top of the new post and edit post form.

add_action('edit_form_after_title', function() {
    global $post, $wp_meta_boxes;
    do_meta_boxes(get_current_screen(), 'advanced', $post);
    unset($wp_meta_boxes[get_post_type($post)]['advanced']);
});

Related Articles

Related Questions

C# How to pass ulong argument to unit test via TestCase decorator

I have a unit test where I want to pass some arguments into the test method via the TestCase decorator. The argument I need...

Can google home turn on my smart tv?

If I purchase a Google hub and set up everything I need to use Google Home to turn my house into a smart house....

Can amazon smart plug work with google home?

I am looking to purchase some smart plugs and I see that there is an amazon branded smart plug. It is advertised to work...

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Latest Tools

Bitrate Converter

Below you will find a bitrate converter. This tool will allow you to enter a bitrate value, in one of many different formats and...

Aesthetic Text Generator

There are various ways to make your social media profile seem more unique, some of which are not as easy to implement as others....

Aspect Ratio Calculator For Images

Aspect ratio is the ratio between the height and width of an image. If you want to resize an image by 100 pixels, you...

Add Text To Image

Use this free tool to add text to an image. Simply select the image file that you want to overlay text onto and you...

JavaScript Multi-line String Builder

Javascript did not always support multi-line strings. If you attempted to create a string variable using quotes, putting a line break into the source...

GUID Generator

GUID generation is relatively simple. It is a system that is used to generate unique values without having to keep track of the IDs...

Latest Posts

Latest Questions