1.
#CMSX #ChunkyWP@jeckmanBeyond Posts & Pages:Structured Content inWordPressJohn EckmanISITE Design | CMS Myth

2.
#CMSX #ChunkyWP@jeckman2http://www.isitedesign.com/

3.
#CMSX #ChunkyWP@jeckman3http://delight.us/

4.
#CMSX #ChunkyWP@jeckman4http://www.cmsmyth.com/

5.
#CMSX #ChunkyWP@jeckmanShirts!5

6.
#CMSX #ChunkyWP@jeckmanShirtsFirst five people to tweet:“Learning how to make WordPressChunky with @jeckman at #cmsx#chunkyWP”6

7.
#CMSX #ChunkyWP@jeckmanAgenda• Why do we need structured content?• How does WordPress do it?– Metadata– Custom Post Types– Custom Taxonomies• Examples– Basic: Slides, Alerts– Complex: Stories• Notes– Search– Controlling display– Relationships7

8.
#CMSX #ChunkyWP@jeckmanContent Strategy 2018

9.
#CMSX #ChunkyWP@jeckmanAdaptive ContentFive Key Elements of AdaptiveContent:1.Reusable content– Content developed to maximize reuse– Different formats/types available1.Structured content– Discrete chunks can be combined indifferent ways on different platforms9http://www.abookapart.com/products/content-strategy-for-mobile

10.
#CMSX #ChunkyWP@jeckmanAdaptive Content, Cont’d3. Presentation-independent content– Design decisions made by platformbased on rules, not by authors3. Meaningful metadata– Metadata which can be used by theplatform to drive presentation rules3. Usable CMS interfaces– UI and workflow to encourage wellstructured and metadata-enhancedcontent10

11.
#CMSX #ChunkyWP@jeckmanWordPress Blobs11

12.
#CMSX #ChunkyWP@jeckmanGetting chunkier12

13.
#CMSX #ChunkyWP@jeckmanWordPress ChunksTo enhance structured content inWordPress, we need more:•Custom Post Types– Not just “pages” and “posts”– Complex content types•Custom Taxonomies– Sort, categorize, relate•Custom Meta Data– More boxes for granular data13

14.
#CMSX #ChunkyWP@jeckmanExample: Alerts14

15.
#CMSX #ChunkyWP@jeckmanExample: Alerts15

16.
#CMSX #ChunkyWP@jeckmanCode Example (Simple)16http://codex.wordpress.org/Function_Reference/register_post_type

17.
#CMSX #ChunkyWP@jeckmanCode17Key is register_post_typeArguments passed control:•What to call it (Labels)•Where to show it– Public, Show UI, Searchable,has_archive– Menu position•Who can use it (capabilities)•What it includes (supports)http://codex.wordpress.org/Function_Reference/register_post_type

18.
#CMSX #ChunkyWP@jeckmanExample: Slides18http://jleuze.com/plugins/meteor-slides/

19.
#CMSX #ChunkyWP@jeckmanExample: Meteor Slides19

20.
#CMSX #ChunkyWP@jeckmanCode20http://jleuze.com/plugins/meteor-slides/

21.
#CMSX #ChunkyWP@jeckmanCode (Cont’d)21

22.
#CMSX #ChunkyWP@jeckmanMore Complex Example• Client: Generation Citizen• Custom Post Type for “Stories”• Secondary HTML Areas• Custom Taxonomies: Locations,Topics• Custom Metadata• Attachments22

23.
#CMSX #ChunkyWP@jeckmanDemo – Stories page23

24.
#CMSX #ChunkyWP@jeckmanSecondary HTML Areas24http://wordpress.org/extend/plugins/secondary-html-content/

25.
#CMSX #ChunkyWP@jeckmanSecondary HTML areas25

26.
#CMSX #ChunkyWP@jeckmanTaxonomiesCustom Post Types can be furtherenhanced with custom TaxonomiesIn this case that means:•Register Taxonomy•Show custom meta box•Save on submit26

27.
#CMSX #ChunkyWP@jeckman27Here we have a custom post type for“Stories” with two custom taxonomies:Locations and TopicsHere we have a custom post type for“Stories” with two custom taxonomies:Locations and Topics

28.
#CMSX #ChunkyWP@jeckman28These Meta Boxes enable selection ofLocation / Topic from a pre-defined setThese Meta Boxes enable selection ofLocation / Topic from a pre-defined set

29.
#CMSX #ChunkyWP@jeckmanCustom Taxonomy Code29 http://codex.wordpress.org/Function_Reference/register_taxonomy

30.
#CMSX #ChunkyWP@jeckmanShow Custom Meta Box30

31.
#CMSX #ChunkyWP@jeckmanStyle Locations Box31

32.
#CMSX #ChunkyWP@jeckmanSave on Submit32

33.
#CMSX #ChunkyWP@jeckman33We’ve also got custom meta data here for:•Pull Quote•School•Teacher•Democracy Coaches

34.
#CMSX #ChunkyWP@jeckmanCustom Meta Boxes• Process for these other meta boxesis similar:– add_meta_box() passed a stylingfunction– style function outputs the htmlneeded– save function added to save_postaction– update_post_meta to store34

35.
#CMSX #ChunkyWP@jeckmanAttachments35http://wordpress.org/extend/plugins/attachments/

36.
#CMSX #ChunkyWP@jeckmanNotes• Search– WordPress search does not searchcustom post meta data– This means secondary html areas– http://wordpress.org/extend/plugins/relevanor other search• Display– You’ve customized the content so youcan’t rely on <?php the_content() ?>36

37.
#CMSX #ChunkyWP@jeckmanNotes37

38.
#CMSX #ChunkyWP@jeckmanQ & A• Model content first• Find the tradeoff– More structure = more complexity– Less structure = less flexibility• Focus on goals – why before how• Go forth and structure content!38

39.
#CMSX #ChunkyWP@jeckman39Thank you.John EckmanISITE Design | CMS Mythwww.isitedesign.comwww.cmsmyth.com@jeckman

40.
#CMSX #ChunkyWP@jeckmanResources• Plugins– http://wordpress.org/extend/plugins/advanced-custom-fields/– http://wordpress.org/extend/plugins/custom-content-type-manager/– http://wordpress.org/extend/plugins/types/ (part of premium toolset)– http://wordpress.org/extend/plugins/custom-post-type-ui/40

41.
#CMSX #ChunkyWP@jeckmanResources• Plugins– http://wordpress.org/extend/plugins/posts-to-posts/• Tools– http://generatewp.com/post-type/41