4

I have installed Advanced Custom Fields 4.0.1 and created a new Field group containing a single field called preamble. I would like to position this new field before the editor in the posts edit screen. It seems like all custom fields always are added after a posts ordinary fields.

A solution wouldn't be to drop the custom fields created with ACF and use ordinary custom fields.

  • This will only be a duplicate if the OP is willing drop ACF for a regular post meta, otherwise the solution here is jQuery. – brasofilo Apr 4 '13 at 10:58
  • No, I'm not able to replace the ACF with regular post meta. Yes, I have figured out how to achive this by using jQuery, but I was wondering if there was a way to do it using only php and built in wordpress functions? – Cyclonecode Apr 4 '13 at 13:34
5

This can be solved using this nice snippet and edit_form_after_title hook. But I haven't tested what happens when more than one meta box exists. With a single ACF field (position:normal, style:no-metabox) it works:

add_action( 'edit_form_after_title', 'pre_title_metabox_wpse_94530' );

function pre_title_metabox_wpse_94530() 
{
    global $post, $wp_meta_boxes;

    do_meta_boxes( get_current_screen(), 'normal', $post );

    unset( $wp_meta_boxes['post']['normal'] );
}

And if it has to be solved with jQuery, adjust subtitle_text to your Field Name:

// Add hook to Edit and New post
foreach( array( 'post.php', 'post-new.php' ) as $hook )
    add_action( "admin_footer-$hook", 'move_acf_to_title_wpse_94530' );

function move_acf_to_title_wpse_94530()
{
    // Check post type
    if( 'post' != get_post_type() )
        return;

    ?>
    <script type="text/javascript">
        jQuery(document).ready( function($) 
        {
            $( '#acf-field-subtitle_text' ).css( 'width', '100%' );
            $( '#acf-subtitle_text' ). insertAfter( '#titlewrap' );
        });
    </script>
    <?php
}
  • This is brilliant, just what I was looking for. I would recommend specifying to paste this into functions.php in the theme for those lesser experienced WP developers, like me! Thanks for the answer. – goose Jun 22 '17 at 18:24
  • Word of caution - remove this if upgrading to the pro version of the plugin. It will cause issues! It was adding a second form on the group fields edit page and nothing was saving. – goose Sep 2 '17 at 14:59
3

I've checked into this a bit. I looked at the ACF source. The plain fields that ACF uses are still actually meta boxes. ACF is just using CSS to make them look like more generic fields. They are still being handled as meta boxes by WP (do_metaboxes action).

To add plain fields to other parts of the edit form, you'll need to use the appropriate hooks. More hooks on the edit screen:

add_action( 'edit_form_after_title', 'myprefix_edit_form_after_title' );
function myprefix_edit_form_after_title() {
    echo '<h2>This is edit_form_after_title!</h2>';
}

add_action( 'edit_form_after_editor', 'myprefix_edit_form_after_editor' );
function myprefix_edit_form_after_editor() {
    echo '<h2>This is edit_form_after_editor!</h2>';
}

add_action( 'edit_form_advanced', 'myprefix_edit_form_advanced' );
function myprefix_edit_form_advanced() {
    echo '<h2>This is ye olde edit_form_advanced!</h2>';
}

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.