Successfully reported this slideshow.

Advanced Custom Fields Plugin

1,506 views

Published on

A Lightning talk by Dee Teal, the Web Princess, introducing the Advanced Custom Fields Plugin from the WP Sydney meetup.

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Advanced Custom Fields Plugin

  1. 1. Advanced Custom Fields for theme tweaking goodness @thewebprincess#wpsyd @thewebprincess
  2. 2. Advanced Custom Fields for theme tweaking goodness @thewebprincess#wpsyd @thewebprincess
  3. 3. Advanced Custom Fields http://wordpress.org/extend/plugins/advanced-custom-fields/#wpsyd @thewebprincess
  4. 4. Advanced Custom Fields http://wordpress.org/extend/plugins/advanced-custom-fields/ Fully customise WordPress edit screens with powerful fields. - Wysiwyg, text, textarea, image, file, select, checkbox, page link, post object, date & colour picker - Community and Commercial addons for advanced fields.#wpsyd @thewebprincess
  5. 5. Advanced Custom Fields http://wordpress.org/extend/plugins/advanced-custom-fields/ Fully customise WordPress edit screens with powerful fields. - Wysiwyg, text, textarea, image, file, select, checkbox, page link, post object, date & colour picker - Community and Commercial addons for advanced fields. Visually Create Fields & assign your fields to multiple edit pages (specific IDs, post types, slugs, template names & even options)#wpsyd @thewebprincess
  6. 6. Advanced Custom Fields http://wordpress.org/extend/plugins/advanced-custom-fields/ Fully customise WordPress edit screens with powerful fields. - Wysiwyg, text, textarea, image, file, select, checkbox, page link, post object, date & colour picker - Community and Commercial addons for advanced fields. Visually Create Fields & assign your fields to multiple edit pages (specific IDs, post types, slugs, template names & even options) Repeater & Flexible Content Fields can replace other plugins (Gallery, Slider, FAQ, Related Posts, Podcasting, SEO, Attachments, H1, Sidebar Widgets)#wpsyd @thewebprincess
  7. 7. Advanced Custom Fields http://wordpress.org/extend/plugins/advanced-custom-fields/ Fully customise WordPress edit screens with powerful fields. - Wysiwyg, text, textarea, image, file, select, checkbox, page link, post object, date & colour picker - Community and Commercial addons for advanced fields. Visually Create Fields & assign your fields to multiple edit pages (specific IDs, post types, slugs, template names & even options) Repeater & Flexible Content Fields can replace other plugins (Gallery, Slider, FAQ, Related Posts, Podcasting, SEO, Attachments, H1, Sidebar Widgets) Easy to integrate into a custom theme#wpsyd @thewebprincess
  8. 8. Advanced Custom Fields http://wordpress.org/extend/plugins/advanced-custom-fields/ Fully customise WordPress edit screens with powerful fields. - Wysiwyg, text, textarea, image, file, select, checkbox, page link, post object, date & colour picker - Community and Commercial addons for advanced fields. Visually Create Fields & assign your fields to multiple edit pages (specific IDs, post types, slugs, template names & even options) Repeater & Flexible Content Fields can replace other plugins (Gallery, Slider, FAQ, Related Posts, Podcasting, SEO, Attachments, H1, Sidebar Widgets) Easy to integrate into a custom theme Ideal for complex page layouts & custom post types#wpsyd @thewebprincess
  9. 9. Advanced Custom Fields http://wordpress.org/extend/plugins/advanced-custom-fields/ Fully customise WordPress edit screens with powerful fields. - Wysiwyg, text, textarea, image, file, select, checkbox, page link, post object, date & colour picker - Community and Commercial addons for advanced fields. Visually Create Fields & assign your fields to multiple edit pages (specific IDs, post types, slugs, template names & even options) Repeater & Flexible Content Fields can replace other plugins (Gallery, Slider, FAQ, Related Posts, Podcasting, SEO, Attachments, H1, Sidebar Widgets) Easy to integrate into a custom theme Ideal for complex page layouts & custom post types Free Plugin (with paid add ons)#wpsyd @thewebprincess
  10. 10. Powerful Fields#wpsyd @thewebprincess
  11. 11. Powerful Fields custom field types#wpsyd @thewebprincess
  12. 12. Visually Create Fields#wpsyd @thewebprincess
  13. 13. Visually Create Fields custom field types#wpsyd @thewebprincess
  14. 14. Assign to virtually any Post Type#wpsyd @thewebprincess
  15. 15. Assign to virtually any Post Type custom post types#wpsyd @thewebprincess
  16. 16. Assign to virtually any Post Type#wpsyd @thewebprincess
  17. 17. Repeater Fields#wpsyd @thewebprincess
  18. 18. Repeater Fields#wpsyd @thewebprincess
  19. 19. Repeater Fields#wpsyd @thewebprincess
  20. 20. Easy Theme integration!#wpsyd @thewebprincess
  21. 21. Easy Theme integration! Display the field = <?php get_field(field_name); ?>#wpsyd @thewebprincess
  22. 22. Easy Theme integration! Display the field = <?php get_field(field_name); ?> Use field as Variable = <?php $variable = get_field(field_name); // do something with $variable ?>#wpsyd @thewebprincess
  23. 23. Easy Theme integration! Display the field = <?php get_field(field_name); ?> Use field as Variable = <?php $variable = get_field(field_name); // do something with $variable ?> As Conditionals = <?php if(get_field(field_name)) { echo <p> . get_field(field_name) . </p>; } ?>#wpsyd @thewebprincess
  24. 24. Easy Theme integration! Display the field = <?php get_field(field_name); ?> Use field as Variable = <?php $variable = get_field(field_name); // do something with $variable ?> As Conditionals = <?php if(get_field(field_name)) { echo <p> . get_field(field_name) . </p>; } ?> And many more!! http://www.advancedcustomfields.com/docs/code-examples/#wpsyd @thewebprincess
  25. 25. Ideal for complicated post types#wpsyd @thewebprincess
  26. 26. Ideal for complicated post types e.g. Classifed Ads for a business website#wpsyd @thewebprincess
  27. 27. Ideal for complicated post types e.g. Classifed Ads for a business website Jobs, Events, Classfieds#wpsyd @thewebprincess
  28. 28. Ideal for complicated post types e.g. Classifed Ads for a business website Jobs, Events, Classfieds Each has common advertiser content (advertiser details) and each has ad specific content (job/events/ad details).#wpsyd @thewebprincess
  29. 29. Ideal for complicated post types e.g. Classifed Ads for a business website Jobs, Events, Classfieds Each has common advertiser content (advertiser details) and each has ad specific content (job/events/ad details). 1. Set up the Field Groups#wpsyd @thewebprincess
  30. 30. Ideal for complicated post types e.g. Classifed Ads for a business website Jobs, Events, Classfieds Each has common advertiser content (advertiser details) and each has ad specific content (job/events/ad details). 1. Set up the Field Groups 2. Create the Templates (yes, and style them etc.)#wpsyd @thewebprincess
  31. 31. Ideal for complicated post types e.g. Classifed Ads for a business website Jobs, Events, Classfieds Each has common advertiser content (advertiser details) and each has ad specific content (job/events/ad details). 1. Set up the Field Groups 2. Create the Templates (yes, and style them etc.) 3. Add Post Data#wpsyd @thewebprincess
  32. 32. Ideal for complicated post types e.g. Classifed Ads for a business website Jobs, Events, Classfieds Each has common advertiser content (advertiser details) and each has ad specific content (job/events/ad details). 1. Set up the Field Groups 2. Create the Templates (yes, and style them etc.) 3. Add Post Data 4. Publish the results#wpsyd @thewebprincess
  33. 33. Create the Field Groups/Fields#wpsyd @thewebprincess
  34. 34. Create the Field Groups/Fields#wpsyd @thewebprincess
  35. 35. Create the Templates#wpsyd @thewebprincess
  36. 36. Enter the Data in the Post#wpsyd @thewebprincess
  37. 37. Publish and View Results#wpsyd @thewebprincess
  38. 38. That’s all folks Go forth and customise!#wpsyd @thewebprincess
  39. 39. That’s all folks Go forth and customise! Twitter: @thewebprincess#wpsyd @thewebprincess
  40. 40. That’s all folks Go forth and customise! Twitter: @thewebprincess Web: http://thewebprincess.com.au#wpsyd @thewebprincess
  41. 41. That’s all folks Go forth and customise! Twitter: @thewebprincess Web: http://thewebprincess.com.au#wpsyd @thewebprincess
  42. 42. That’s all folks Go forth and customise! Twitter: @thewebprincess Web: http://thewebprincess.com.au With thanks to Aaron Rutley at Eleven Media for the slideshow on which this one was built.#wpsyd @thewebprincess

×