Display post and user custom fields data anywhere on the frontend using a shortcode, including advanced custom fields (ACF) fields.

vegacorp

Jose Vega

Green Jay Media

WP Page Templates

Create full width pages, add left or right sidebars, add above or below content sidebars.

Hide Header on Posts for Landing Pages

WooCommerce Product Page Templates

Make WooCommerce products look different. Make full width products, add left or right sidebars, add above or below content sidebars.

Freemius

WooCommerce Simple Frontend Manager

View, Edit, and Create WooCommerce Products from the Frontend

<h4>UPDATE</h4>
Our plugin now includes a settings page where you must whitelist every field that you want our shortcode to display in the front end, for security reasons. Your existing shortcodes will not work until you whitelist those field keys.
The “sanitization” parameter has been removed. All the output is sanitized with wp_kses_post always. 
The “wp_filter” parameter has been removed. Now we have more specific parameters like wpautop=”yes” to turn line breaks into paragraphs, and do_shortcodes=”yes” to parse shortcodes.
Display post and user custom fields data anywhere on the frontend using a shortcode, including advanced custom fields (ACF) fields.
<ul>
<li>
Do you want to display information from a user profile on the frontend?
</li>
<li>
Do you want to display custom fields from a post on the frontend?
</li>
<li>
Have you created metaboxes with Advanced Custom Fields and you want to display those fields?
</li>
</ul>
Use this plugin to display any field for a post or user profile on the frontend.
<h4>Basic examples</h4>
<ul>
<li>
Display email of the current user: <code>[vg_display_data key="user_email" data_source="user_data"]</code>
</li>
<li>
Display first name of the current user: <code>[vg_display_data key="first_name" data_source="user_meta"]</code>
</li>
<li>
Display full name of the current user: <code>[vg_display_data key="first_name,last_name" data_source="user_meta"]</code>
</li>
<li>
Display the title of the current post: <code>[vg_display_data key="post_title" data_source="post_data"]</code>
</li>
<li>
Display the excerpt of the current post: <code>[vg_display_data key="post_excerpt" data_source="post_data"]</code>
</li>
<li>
Display the categories of the post ID = 20: <code>[vg_display_data object_id="20" key="category" data_source="post_terms" template="Categories: {{var}}" joiner=", "]</code>
</li>
<li>
Get featured image url: <code>[vg_display_data key="_thumbnail_id" template="Image url: {{var}}" flag="file_url"]</code>
</li>
<li>
Get featured image as <code><img></code> tag.: <code>[vg_display_data key="_thumbnail_id" template="Image: {{var}}" flag="image_tag"]</code>
</li>
</ul>
<h4>Advanced examples</h4>
<ul>
<li>
Display the title for the post ID from the URL containing the parameter ?post_id=ANY_NUMBER: <code>[vg_display_data object_id_type="query_string" object_id="post_id" key="post_title" data_source="post_data"]</code>
</li>
<li>
Get email of the current user with phone number = 1234 (meta_key=phone AND meta_value=1234): <code>[vg_display_data object_id_type="find" object_id="phone:1234" key="user_email" data_source="user_data"]</code>
</li>
</ul>
<h4>Parameters</h4>
<ul>
<li>
<code>object_id</code> = Post ID. Leave empty to use the current post. Possible values: (empty), current, number, query string key if object_id_type=query_string, meta_key:meta_value if object_id_type=find
</li>
<li>
<code>object_id_type</code> = Leave empty if object_id is empty, or current, or is a number. Possible values: query_string, find
</li>
<li>
<code>data_source</code> = What database table to use to find the data. Default = post_meta. Possible values: post_data, post_meta, user_data, user_meta, post_terms.
</li>
<li>
<code>key</code> = Field key. It accepts one or multiple keys separated by commas. For example, to display full name = first_name,last_name. Required.
</li>
<li>
<code>template</code> = HTML fragment to use to display the field, if the field is empty the html is not displayed. Optional.
</li>
<li>
<code>default</code> = Default value to use if the field is empty. Optional.
</li>
<li>
<code>joiner</code> = If the field has multiple values, it will join the values with this string. Default ” ” (one space). Optional.
</li>
<li>
<code>flag</code> = Use only if the field contains a file ID to conver the ID to URL or image tag. Default values: file_url , image_tag. Optional.
</li>
<li>
<code>wpautop</code> = Whether to turn line breaks into paragraphs. Optional, only for advanced users.
</li>
<li>
<code>do_shortcodes</code> = Whether to parse shortcodes before displaying the field value. Optional, only for advanced users.
</li>
</ul>

Display custom fields in the frontend – Post and User Profile Fields

Very useful for displaying Advanced Custom Fields data in the frontend.

Very useful

I had a task to pass a custom field value to the setting field of a plugin. That plugin allows shortcode as a field value. I was thinking to write a custom code to get custom field value via shortcode. But what did I think, I searched on google, and got this cool thing.

Alternatives to Display custom fields in the frontend – Post and User Profile Fields

Top alternatives