Advanced Custom Fields: a Designer's Approach

2,136 views

Published on

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

Published in: Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,136
On SlideShare
0
From Embeds
0
Number of Embeds
449
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Advanced Custom Fields: a Designer's Approach

  1. 1. Advanced Custom Fields: A Designer’s Approach Liam Dempsey @liamdempseyPhiladelphia WordPress Meetup: February2013
  2. 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 MeetupPhiladelphia WordPress Meetup: February2013
  3. 3. The Challenge For 2013: Learn more about writing code for WordPress ...Philadelphia WordPress Meetup: February2013
  4. 4. My Own Limitations •  Me ≠developer •  A designer who codes •  No parts developerPhiladelphia WordPress Meetup: February2013
  5. 5. The Diversity of WordPress •  WordPress is versatile – many ways to achieve the same front end display •  Let’s avoid the more/different/better ways discussionPhiladelphia WordPress Meetup: February2013
  6. 6. Entice designersto get into code
  7. 7. 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 dataPhiladelphia WordPress Meetup: February2013
  8. 8. 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 presentationPhiladelphia WordPress Meetup: February2013
  9. 9. Before jumping intothe plugin/code,decide which elementswill be controlled viathe ACF plugin.
  10. 10. Contact | 484-333-555 Logo Home Blog About Best Albums ContactLorem ipsum dolor sit amet, consectetur adipiscing elit. Search BoxPhasellus quis lectus metus, at posuere neque. Sedpharetra nibh eget orci convallis at posuere leo Office: 125 Main St.convallis. Sed blandit augue vitae augue. Harrisburg, PA 19311Headline for 1st Headline for 2nd Headline for 3rdcolumn highlight column highlight column highlightLorem ipsum dolor sit Lorem ipsum dolor sit Lorem ipsum dolor sitamet, consectetur amet, consectetur amet, consecteturadipiscing elit. adipiscing elit. adipiscing elit.Phasellus quis lectus Phasellus quis lectus Phasellus quis lectusmetus, at posuere. metus, at posuere. metus, at posuere.
  11. 11. Contact | 484-333-555 Logo Home Blog About Best Albums ContactLorem ipsum dolor sit amet, consectetur adipiscing elit. Search BoxPhasellus quis lectus metus, at posuere neque. Sedpharetra nibh eget orci convallis at posuere leo Office: 125 Main St.convallis. Sed blandit augue vitae augue. Harrisburg, PA 19311Headline for 1st Headline for 2nd Headline for 3rdcolumn highlight column highlight column highlightLorem ipsum dolor sit Lorem ipsum dolor sit Lorem ipsum dolor sitamet, consectetur amet, consectetur amet, consecteturadipiscing elit. adipiscing elit. adipiscing elit.Phasellus quis lectus Phasellus quis lectus Phasellus quis lectusmetus, at posuere. metus, at posuere. metus, at posuere.
  12. 12. 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
  13. 13. Enabling shortcodes Add a filter to the functions.php filePhiladelphia WordPress Meetup: February2013
  14. 14. Let’s jumpinto the demo
  15. 15. ACF: The Magic Code <?php the_field($field_name, $post_id); ?>! !Philadelphia WordPress Meetup: February2013
  16. 16. Thanks! Work: lbdesign.tv Blog: liamdempsey.com Quirky: chickenmonkeydog.com @liamdempsey liam@lbdesign.tvPhiladelphia WordPress Meetup: February2013

×