How to Use Custom Fields in Wordpress Theme Development

Learn how to utilize over 20 powerful custom field types in our comprehensive guide to the Advanced Custom Fields plugin

Created byBalboa & Bedford

Last updated 4/2015

English

English [Auto],

What you'll learn

Learn how to set up over 20 different custom field types in WordPress
Start integrating any of these field types into your theme with ease
Master how to easily pull custom field values from posts, pages, users & more!
Learn how to create an admin interface for your theme that your clients will LOVE using

Course content

9 sections • 33 lectures • 3h 37m total length

Intro to Advanced Custom Fields & Installing the Plugin2:28
Join the community for more WordPress tips and resources
https://wp.balboaandbedford.com/udemy
Getting Started with Field Groups16:35
Join the community for more WordPress tips and resources
https://wp.balboaandbedford.com/udemy

Text Field16:14
Create and configure a basic text field in Advanced Custom Fields for a WordPress theme, covering labels, names, defaults, placeholders, validation, and front-end output via get_field.
Textarea & WYSYWIG Editor10:24
Configure a textarea field and a wysiwyg editor in advanced custom fields, exploring default values, row size, and front-end rendering via the field call in templates.
Number Field6:34
Email Field3:17
Password Field3:04
Select the password field in advanced custom fields, attach it to the home page template, and note that passwords render as bullets and should be hashed for security.
Check to See If Field Exists4:07
Learn how to display advanced custom fields in a Wordpress theme by checking if fields exist on the front end, using conditional statements and get_field.
Image Field13:50
File Field13:12
Configure an advanced custom fields file field within a field group for WordPress theme development, and learn to return and render file data on the front end.

Choice Field Type Admin Set Up10:31
Checkbox2:58
Radio2:11
Explore using radio fields in WordPress theme development to control layout options, choosing horizontal or vertical layouts, and rendering fields with conditional if statements in the back end UI.
True/False & Select5:08
Explore true/false and select custom fields in WordPress theme development, using conditional logic to reveal options like layout availability and column counts for clean interfaces.
Conditional Display2:40
Use conditional display with a feature content type to show fields like testimonial text or product name based on selection. Learn how conditional logic controls visibility from back-end field groups.

Page Link2:25
Post Object4:06
Learn to use the post object custom field to attach a related post to a page, then display its title and content with proper post data handling.
Relationship/Multiple Post Objects7:44
Taxonomy6:44
Learn to add taxonomy fields to post pages and custom post types, select default or custom taxonomies, and return term objects for display with loops using radio or checkbox options.
User3:07
Configure a relational user field in WordPress theme development with role-based filtering; select a user on the front end and print their data (avatar, email) from the stored field.

Google Maps4:24
Learn how to add and render a Google Maps field in WordPress using Advanced Custom Fields, including setting markers by latitude and longitude and adjusting map options in templates.
Color Picker3:28
Date Picker10:20
Explore how to implement a date picker as a custom field, set default save and display formats, and order posts chronologically by this meta value, with front-end formatting in PHP.

Retrieving Values from a Taxonomy Term6:04
Learn how to pull custom field values from taxonomy terms into the front end using advanced custom fields, with category or tag based rules and dynamic term name formats.
Retrieving Values from a User3:54
Create and attach custom user fields in WordPress theme development, then retrieve and display user values such as nicknames on author pages using the user ID.

Upgrade Process & Overview11:17
Upgrade to advanced custom fields pro to unlock features like the gallery field, flexible content field, and options pages, and learn license options and upgrade steps in WordPress.
Repeater Field9:20
Gallery Field6:42
Learn to use the gallery field in WordPress custom fields to create image galleries, loop through images in a template, and display thumbnails, large sizes, and captions.
Flexible Content Field12:47
Discover how the flexible content field in Advanced Custom Fields Pro lets clients build pages with blocks like feature testimonials and featured products, while you control layouts and limits.
Options Page5:07
Set up options pages with a function in your theme and create theme options with fields like copyright text. Pull these values into the front end using an option call.
oEmbed Field3:15

Requirements

Understanding of the WordPress theme structure
Familiarity with HTML & CSS
Should be comfortable editing code in your WordPress theme files

Description

Interested in speeding up your WordPress theme development? Do you want to build beautifully simple admin interfaces to control complex front end layouts with ease?

Let us help you master a tool that can shave tons of time off your WordPress development process and help you create websites that your clients find incredibly easy to maintain.

If you have done any kind of WordPress theme development, more than likely you've encountered the use of custom fields. The default behavior of WordPress custom fields isn't the most intuitive. While you can definitely improve upon its admin appearance with functions for custom metaboxes and your own custom field types, that can get time-intensive very quickly, not to mention can be a daunting hurdle for those just starting to dip their feet into the world of WordPress theme development.

This is where Advanced Custom Fields comes in as a powerful time-saving tool to incorporate into your WordPress development workflow. It simplifies the creation of a variety of custom field types, allowing you to quickly & effectively create complex WordPress themes that still have an incredibly straightforward admin interface.

Do your clients need to be able to attach supplementary PDFs to their blog posts? Want to integrate with Google Maps, YouTube and more in less than 5 minutes? How about create beautiful & intuitive color and date pickers with just a few clicks?

Let us open your WordPress development up to all of these possibilities -- plus MANY MORE -- with this powerful plug-in. What are you waiting for? Let us help you take your WordPress theme development to the next level.

Advanced Custom Fields is developed & maintained by Elliot Condon and is available in both a free and a (highly recommended) paid/pro version.

Who this course is for:

Novice & Advanced WordPress Developers
WordPress developers who want to improve their theme's UI & speed up their workflow

How to Use Custom Fields in Wordpress Theme Development

What you'll learn

Explore related topics

Course content

Introduction, Installation & Field Groups2 lectures • 19min

Basic & Content Field Types8 lectures • 1hr 11min

Choice Field Types5 lectures • 23min

Relational Field Types5 lectures • 24min

jQuery Field Types3 lectures • 18min

Layout Field Types1 lecture • 4min

Additional Locations2 lectures • 10min

Advanced Custom Fields PRO6 lectures • 48min

BONUS: Additional Resources1 lecture • 1min

Requirements

Description

Who this course is for: