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

1. Advanced Custom
Fields
for theme tweaking goodness
@thewebprincess
#wpsyd @thewebprincess

2. Advanced Custom
Fields
for theme tweaking goodness
@thewebprincess
#wpsyd @thewebprincess

3. Advanced Custom Fields
http://wordpress.org/extend/plugins/advanced-custom-fields/
#wpsyd @thewebprincess

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. 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 ID's, post types, slugs, template names & even options)
#wpsyd @thewebprincess

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 ID's, 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. 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 ID's, 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. 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 ID's, 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. 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 ID's, 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. Powerful Fields
#wpsyd @thewebprincess

11. Powerful Fields
custom field types
#wpsyd @thewebprincess

12. Visually Create Fields
#wpsyd @thewebprincess

13. Visually Create Fields
custom field types
#wpsyd @thewebprincess

14. Assign to virtually any Post Type
#wpsyd @thewebprincess

15. Assign to virtually any Post Type
custom post types
#wpsyd @thewebprincess

16. Assign to virtually any Post Type
#wpsyd @thewebprincess

17. Repeater Fields
#wpsyd @thewebprincess

18. Repeater Fields
#wpsyd @thewebprincess

19. Repeater Fields
#wpsyd @thewebprincess

20. Easy Theme integration!
#wpsyd @thewebprincess

21. Easy Theme integration!
Display the field = <?php get_field('field_name'); ?>
#wpsyd @thewebprincess

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. 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. 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. Ideal for complicated post types
#wpsyd @thewebprincess

26. Ideal for complicated post types
e.g. Classifed Ads for a business website
#wpsyd @thewebprincess

27. Ideal for complicated post types
e.g. Classifed Ads for a business website
Jobs, Events, Classfieds
#wpsyd @thewebprincess

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. 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. 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. 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. 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. Create the Field Groups/Fields
#wpsyd @thewebprincess

34. Create the Field Groups/Fields
#wpsyd @thewebprincess

35. Create the Templates
#wpsyd @thewebprincess

36. Enter the Data in the Post
#wpsyd @thewebprincess

37. Publish and View Results
#wpsyd @thewebprincess

38. That’s all folks
Go forth and customise!
#wpsyd @thewebprincess

39. That’s all folks
Go forth and customise!
Twitter: @thewebprincess
#wpsyd @thewebprincess

40. That’s all folks
Go forth and customise!
Twitter: @thewebprincess
Web: http://thewebprincess.com.au
#wpsyd @thewebprincess

41. That’s all folks
Go forth and customise!
Twitter: @thewebprincess
Web: http://thewebprincess.com.au
#wpsyd @thewebprincess

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