Flexible Layouts

with Advanced Custom Fields

Mark Luetke / Cody Whitby

Follow VCUarts on Github

Download the slides

Download the demo

Advanced Custom Fields

ACF is a WordPress plugin that extends the functionality of custom fields and allows for more dynamic content that would be difficult or impossible with the default editor.

For Example:

What do you do if you need page specific banners?

For Example:

Category thumbnails?

For Example:

Optional external link?

For Example:

Optional image lightbox?

For Example:

Optional google maps?

Advanced Custom Fields!

So how do I ACF?

Install and activate the plugin(s)

Make some fields!

http://www.advancedcustomfields.com/resources/#field-types

Text

http://www.advancedcustomfields.com/resources/text/

Image

http://www.advancedcustomfields.com/resources/image/

WYSIWYG

http://www.advancedcustomfields.com/resources/wysiwyg-editor/

What about a slider?

First consider the problem

  • Must have an image
  • Can have a caption
  • User should be able to add or remove slides
  • We know how to do images
  • A caption is just text and we know how to do that too
  • But what about adding and removing slides?

Ask google

how do I add and remove slides with ACF?

Repeater

http://www.advancedcustomfields.com/resources/repeater/

We are not wizards

This is all built on a few basic concepts

Variables, Arrays, and Functions

Variables

Very much like a useful pot.

Arrays

are variable inception

Functions

our digital work horses

Variables, Arrays, & Functions

With these you can do anything.

Flexible Content

ACF

Solves most everything

Questions?


Follow VCUarts on Github

Download the slides

Download the demo

Made With By