A presentation about the Advanced Custom Fields plugin for WordPress, delivered to the Philadelphia WordPress Meetup on Thursday, 08 February 2013.

1. Advanced Custom Fields:
A Designer’s Approach
Liam Dempsey
@liamdempsey
Philadelphia WordPress Meetup: February2013

2. I’m Liam Dempsey
• Designer + Director of a small,
international communications
design consultancy
• Run Philly ‘burbs WordPress Meetup
• Bow to the greatness of the
Philadelphia WordPress Meetup
Philadelphia WordPress Meetup: February2013

3. The Challenge
For 2013:
Learn more about
writing code for
WordPress ...
Philadelphia WordPress Meetup: February2013

5. My Own Limitations
• Me ≠developer
• A designer who codes
• No parts developer
Philadelphia WordPress Meetup: February2013

6. The Diversity of WordPress
• WordPress is versatile – many ways to
achieve the same front end display
• Let’s avoid the more/different/better
ways discussion
Philadelphia WordPress Meetup: February2013

7. Entice designers
to get into code

8. Introducing ACF
• A designer-friendly way to integrate
custom fields into your WP builds
• Use the Advanced Custom Fields
plugin to take control of your edit
screens and custom field data
Philadelphia WordPress Meetup: February2013

9. Give me examples!
• Add highlight boxes to the home
page
• Display address info from the contact
page in the header, footer or sidebar
• Create page specific content types
• Allow your client to focus on content
management – leaving WP and your
CSS to worry about presentation
Philadelphia WordPress Meetup: February2013

10. Before jumping into
the plugin/code,
decide which elements
will be controlled via
the ACF plugin.

11. Contact | 484-333-555
Logo
Home Blog About Best Albums Contact
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Search Box
Phasellus quis lectus metus, at posuere neque. Sed
pharetra nibh eget orci convallis at posuere leo Office:
125 Main St.
convallis. Sed blandit augue vitae augue. Harrisburg, PA 19311
Headline for 1st Headline for 2nd Headline for 3rd
column highlight column highlight column highlight
Lorem ipsum dolor sit Lorem ipsum dolor sit Lorem ipsum dolor sit
amet, consectetur amet, consectetur amet, consectetur
adipiscing elit. adipiscing elit. adipiscing elit.
Phasellus quis lectus Phasellus quis lectus Phasellus quis lectus
metus, at posuere. metus, at posuere. metus, at posuere.

12. Contact | 484-333-555
Logo
Home Blog About Best Albums Contact
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Search Box
Phasellus quis lectus metus, at posuere neque. Sed
pharetra nibh eget orci convallis at posuere leo Office:
125 Main St.
convallis. Sed blandit augue vitae augue. Harrisburg, PA 19311
Headline for 1st Headline for 2nd Headline for 3rd
column highlight column highlight column highlight
Lorem ipsum dolor sit Lorem ipsum dolor sit Lorem ipsum dolor sit
amet, consectetur amet, consectetur amet, consectetur
adipiscing elit. adipiscing elit. adipiscing elit.
Phasellus quis lectus Phasellus quis lectus Phasellus quis lectus
metus, at posuere. metus, at posuere. metus, at posuere.

13. Plugin decisions
ACF needs to be installed for the meta data to
be displayed. It’s not a user and discard plugin.
Must-use
Plugin?
Plugin?
Philadelphia WordPress Meetup: February2013

14. Enabling shortcodes
Add a filter to the functions.php file
Philadelphia WordPress Meetup: February2013

15. Let’s jump
into the demo

16. ACF: The Magic Code
<?php the_field($field_name,
$post_id); ?>!
!
Philadelphia WordPress Meetup: February2013

17. Thanks!
Work: lbdesign.tv
Blog: liamdempsey.com
Quirky: chickenmonkeydog.com
@liamdempsey
liam@lbdesign.tv
Philadelphia WordPress Meetup: February2013