• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to user navigation

PopWP

WordPress and Genesis Tutorials

  • Get Started
  • About
  • Archive
  • Services
  • Membership
  • My Account

Output Custom Field Value in WordPress

Last Updated on January 7, 2020 Favorited: 1 times

This tutorial works as a reference post to learn more about how we can output custom fields in WordPress and when we use a plugin like Advanced Custom Fields (ACF), Pods or MetaBox.

While the Pods Framework is very simple and easy to use using the magic tag and template features, some other plugins can take more time to make the same feature work.

Here are some of the different ways to output Custom Fields in WordPress.

in Advanced Custom Fields (ACF)

the_field() and get_field()

*Shortcode support.

https://www.advancedcustomfields.com/resources/the_field/
https://www.advancedcustomfields.com/resources/get_field/
https://www.advancedcustomfields.com/resources/shortcode/
https://www.advancedcustomfields.com/resources/code-examples/

in MetaBox

rwmb_meta()
rwmb_the_value()
rwmb_get_value()

https://docs.metabox.io/displaying-fields/

The Pods way

field() and display() for outputting values.

Shortcode and Magic tag supported.

in WordPress

get_post_meta()

https://developer.wordpress.org/reference/functions/get_post_meta/

Difference Between the GET and THE(DISPLAY) value.

Example: in the MetaBox plugin.

Get: rwmb_get_value()
Display: rwmb_the_value()

Get Value = Take the image field as an example: getting = return an array of image info (url, width, height, path, title, alt, etc.)

The Display Value = output the image in an <img> tag.

This also works similar to what we have used in the tutorial Deal custom post type container with custom field in WordPress to output Post Title, Permalink and Featured Image.

Related Posts

  • Post Grid design having the custom field in WordPress
  • Change default excerpt to custom post field
  • Deal custom post type container with custom fields in WordPress
  • Deal custom post type design in Genesis
  • Add Video in entry content using custom fields on singular post

Categories: Free Content, WordPress Tutorials Tags: custom field, custom post type, custom value

Reader Interactions

Primary Sidebar

Search

WPEngine WordPress Hosting, Perfected.

Hosting You are looking for?.
Perfect solution for small business to global enterprise.

Learn more

StudioPress Genesis Theme Framework

The No.1 Theme Provider.
Creative, SEO rich Theme for all niche projects.

Learn more

Categories

  • Free Content
  • Genesis Tutorials
  • Premium Content
  • Snippets
  • What's New?
  • WordPress Tutorials

Tag Cloud

Archive Background Section blog canvas menu center logo columns conditional tags CSS CSS Grid custom Customizer custom post type Custom Post Types custom template Custom Widget effect eNews Extended Featured Image front-page Genesis Genesis Sample header right hero section Image Background js layout left menu Logo menu Navigation Menu newsletter post page related posts responsive menu search search widget Shrinking Logo site header slide in-out Stylesheet Template Utility Bar Video Background widgets WordPress

Built with Genesis Framework + WordPress by Aryan Raj

  • Contact
  • FAQ
  • Disclaimer
  • Privacy Policy
  • Copyright Policy
  • Terms of Service