Return ACF field as a Shortcode using Wordpress Functions.php file

Question

How do I use an Advanced Custom Field as a Shortcode. Ive used the following code in the Wordpress functions.php file but no luck.

Here is my Code:

function location_date_func( $atts ){

    return "<?php the_field('location_date', 658); ?>";
}
add_shortcode( 'location_date', 'location_date_func' );

Steve · Accepted Answer · 2014-07-09 21:39:44Z

1

You need to register the shortcode properly, and make it return the data to display, not return a string with php code in it:

function location_date_func( $atts ){
    //return string, dont echo it, so use get_field, not the_field
    return get_field('location_date', 658);
}
//create function to register shortcode
function register_shortcodes(){
   add_shortcode( 'location_date', 'location_date_func' );
}
// hook register function into wordpress init
add_action( 'init', 'register_shortcodes');

Or if you are using php 5.3+, you can use anonomous functions to acheive the same result:

add_action('init', function(){
    add_shortcode('location_date', function(){
        return get_field('location_date', 658);
    });
});

edited Jul 9, 2014 at 21:39

answered Jul 9, 2014 at 21:34

Steve

20.5k5 gold badges47 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Steve Over a year ago

@johnnyr209 how exactly are you trying to use this shortcode? The built in shortcode doublesharp provided should work fine, as should this

johnnyr209 Over a year ago

The built in shortcode only works on ACF fields it does NOT work on default Wordpress fields.

johnnyr209 · Accepted Answer · 2014-07-10 18:27:28Z

1

Got it to work!

function location_date_func( $atts ){
    return apply_filters( 'the_content', get_post_field( 'location_details', 658 ) );
        }
add_shortcode( 'location_date_sc', 'location_date_func' );

answered Jul 10, 2014 at 18:27

johnnyr209

691 gold badge2 silver badges8 bronze badges

Comments

doublesharp · Accepted Answer · 2014-07-10 00:16:42Z

0

If you want to return the value of an ACF field using the_field(), there is already a built in shortcode to do that.

[acf field="location_date" post_id="658"]

If you would like to reproduce it using the [location_date] shortcode, you need to use get_field() to return rather than echo the value. Syntax-wise, the only problem with your code is that you do not need the double quotes or <?php tags, since it should already be inside a PHP block. It will be functionally the same as the [acf] shortcode, but does not accept the post_id argument. This example will be hard coded to post ID 658 unless you modify it to accept an ID as part of the $atts or use the global $post;

function location_date_func( $atts ){
    return get_field( 'location_date', 658 );
}
add_shortcode( 'location_date', 'location_date_func' );

answered Jul 10, 2014 at 0:16

doublesharp

27.9k6 gold badges56 silver badges76 bronze badges

4 Comments

johnnyr209 Over a year ago

The default ACF shortcode only works within ACF fields it does not work on any default Wordpress fields. The function code provided does not work. Im thinking it may have to do something with the ACF Post ID

doublesharp Over a year ago

Maybe I don't understand the issue then - if you want to use regular WordPress custom fields then it has nothing to do with ACF. You need to use the standard get_post_meta( post_id, 'meta_key', single )

johnnyr209 Over a year ago

you loose the WYSIWYG editor if you use the WordPress custom fields

doublesharp Over a year ago

I don't think you are asking the right question then... all this does is get the values, if you want to use the ACF fields on the front end that is something else entirely.

atazmin · Accepted Answer · 2020-05-02 04:12:58Z


add_shortcode('location_start_your_application_group', 'start_your_application_group');

function start_your_application_group() {
    $start_your_application_group = '';
    $start_your_application_group .= '<section class="start-your-application">';
     if ( have_rows( 'start_your_application_group', 'option' ) ) : 
         while ( have_rows( 'start_your_application_group', 'option' ) ) : the_row(); 
           $heading = get_sub_field( 'heading' );
             $content = get_sub_field( 'content' );

             if ( $heading !== '' ) {
                    $start_your_application_group .= '<h3 class="start-your-application__heading">' . $heading . '</h3>';
             }
             if ( $content !== '' ) {
                $start_your_application_group .= '<div class="start-your-application__content">' . $content . '</div>';
             }

             $image = get_sub_field( 'image' );
             if ( $image ) { 
                $start_your_application_group .= '<div class="start-your-application__image-container"><img class="start-your-application__image" src="' . $image['url'] .'" alt="' . $image['alt'] . '" /></div>';
            } 
        endwhile;
    endif;
    $start_your_application_group .= '</section>';

    return $start_your_application_group;
}

Collectives™ on Stack Overflow

Return ACF field as a Shortcode using Wordpress Functions.php file

4 Answers 4

2 Comments

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related