Beyond Posts and Pages: Structured Content in WordPress

transcript

#CMSX #ChunkyWP@jeckman

Beyond Posts & Pages:Structured Content in

WordPress

Beyond Posts & Pages:Structured Content in

WordPress

John EckmanISITE Design | CMS Myth

http://www.isitedesign.com/

http://delight.us/

http://www.cmsmyth.com/

Shirts!Shirts!

ShirtsShirtsFirst five people to tweet:

“Learning how to make WordPress Chunky with @jeckman at #cmsx #chunkyWP”

AgendaAgenda• 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– Relationships

Content Strategy 201Content Strategy 201

Adaptive ContentAdaptive ContentFive Key Elements of Adaptive Content:1.Reusable content

– Content developed to maximize reuse

– Different formats/types available

2.Structured content– Discrete chunks can be

combined in different ways on different platforms

9http://www.abookapart.com/products/content-strategy-for-mobile

Adaptive Content, Cont’dAdaptive Content, Cont’d3. Presentation-independent

content– Design decisions made by platform

based on rules, not by authors

4. Meaningful metadata– Metadata which can be used by the

platform to drive presentation rules

5. Usable CMS interfaces– UI and workflow to encourage well

structured and metadata-enhanced content

WordPress BlobsWordPress Blobs

Getting chunkierGetting chunkier

WordPress ChunksWordPress ChunksTo enhance structured content in WordPress, 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 data

Example: AlertsExample: Alerts

Code Example (Simple)Code Example (Simple)

http://codex.wordpress.org/Function_Reference/register_post_type

CodeCode

Key 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

Example: SlidesExample: Slides

http://jleuze.com/plugins/meteor-slides/

Example: Meteor SlidesExample: Meteor Slides

Code Code

http://jleuze.com/plugins/meteor-slides/

Code (Cont’d)Code (Cont’d)

More Complex ExampleMore Complex Example• Client: Generation Citizen• Custom Post Type for

“Stories”• Secondary HTML Areas• Custom Taxonomies:

Locations, Topics• Custom Metadata• Attachments

Demo – Stories pageDemo – Stories page

Secondary HTML AreasSecondary HTML Areas

http://wordpress.org/extend/plugins/secondary-html-content/

Secondary HTML areasSecondary HTML areas

TaxonomiesTaxonomiesCustom Post Types can be further enhanced with custom Taxonomies

In this case that means:•Register Taxonomy•Show custom meta box •Save on submit

Here we have a custom post type for “Stories” with two custom taxonomies: Locations and Topics

These Meta Boxes enable selection of Location / Topic from a pre-defined setThese Meta Boxes enable selection of Location / Topic from a pre-defined set

Custom Taxonomy CodeCustom Taxonomy Code

29 http://codex.wordpress.org/Function_Reference/register_taxonomy

Show Custom Meta BoxShow Custom Meta Box

Style Locations BoxStyle Locations Box

Save on SubmitSave on Submit

We’ve also got custom meta data here for:•Pull Quote•School•Teacher•Democracy Coaches

Custom Meta BoxesCustom Meta Boxes• Process for these other meta

boxes is similar:– add_meta_box() passed a

styling function– style function outputs the html

needed– save function added to

save_post action– update_post_meta to store

AttachmentsAttachments

http://wordpress.org/extend/plugins/attachments/

NotesNotes• Search

– WordPress search does not search custom post meta data

– This means secondary html areas– http://wordpress.org/extend/plug

ins/relevanssi/ or other search

• Display– You’ve customized the content

so you can’t rely on <?php the_content() ?>

NotesNotes

Q & AQ & 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!

Thank you.Thank you.

John EckmanISITE Design | CMS Mythwww.isitedesign.comwww.cmsmyth.com @jeckman

ResourcesResources• 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/

ResourcesResources• Plugins

– http://wordpress.org/extend/plugins/posts-to-posts/

• Tools– http://generatewp.com/post-

Beyond Posts and Pages: Structured Content in WordPress

Technology