Worry not! There’s an easy solution around that!
Instead of relying on Divi’s built-in functionality, we can create a custom shortcode that allows ACF fields to work inside Divi modules.

Let’s create a new shortcode called [acf_field].

Add this PHP code to your child theme’s functions.php file:

function get_acf_field_shortcode($atts) {
    $atts = shortcode_atts(array(
        'field' => '',
        'post_id' => get_the_ID()
    ), $atts);

    if (!empty($atts['field'])) {
        return get_field($atts['field'], $atts['post_id']);
    }

    return '';
}
add_shortcode('acf_field', 'get_acf_field_shortcode');

Use the Custom Shortcode in Divi

Now that your shortcode is ready, you can use it inside Divi modules to display the ACF field data you need. For example if your ACF name is price you can display it in a Divi Text Module using the following:

The price is: [acf_field field="price"]€

Just replace “price” with the actual ACF field name you want to display and you’re done!

This happens because Divi doesn’t always execute ACF shortcodes, but it does execute shortcodes registered in functions.php!
Try it out and let me know if you have any questions!

The post Using ACF Fields in Divi When Shortcodes Don’t Work appeared first on Maria Papandreou | Web Designer & Front-end Developer.

So I’ve been using DIVI theme (by Elegant Themes) for quite a while and I needed to find a way to add the post’s tags inside the post’s body. Since Divi doesn’t have this module I had to make my own shortcode. As we can see in the WordPress Codex the function that returns the tag list we want is get_the_tag_list().

Usage

<?php $tag_list = get_the_tag_list( $before, $sep, $after, $id ); ?> This function does not display anything – if you want to put it straight onto the page, you should use echo get_the_tag_list();. Alternatively, you can assign it to a variable for further use by using $foo = get_the_tag_list();. The variables are all optional. You can use HTML inside each of the fields.

Parameters

$before (string) (optional) Leading text. Default: ‘ ‘ $sep (string) (optional) String to separate tags. Default: ‘ ‘ $after (string) (optional) Trailing text. Default: ‘ ‘ $id (integer) (optional) Post ID. Default: Current post ID

Create your own shortcode

Just add the following code in your theme’s functions.php file:

function wp_divi_tags() { return get_the_tag_list(‘<p>Tags: ‘,’, ‘,'</p>’); } add_shortcode(‘tags’, ‘wp_divi_tags’);

Then just use the SHORTCODE  anywhere you want.  

The post WordPress TAGS Shortcode appeared first on Maria Papandreou | Web Designer & Front-end Developer.