Triple Crown of Custom Content
Information Architecture Strategy Session
by Gloria AntonelliWordCamp Chicago 2014
creating content structure with
Custom Post Types Custom Taxonomies & Custom Fields
Triple Crown of Custom Content
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
!
about me artist trainer designer consultant ux designer web strategist wordpress developer & scuba diver! !
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
RB
!
stuff i know
html css
php wordpress
web standards
front end design user experience usability testing content architecture information architecture
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
RB
Beyond Posts & PagesWhat: analyze, organize & preplan ! ! ! ! Custom Post Types (CPT)! ! ! ! Custom Taxonomies ! ! ! ! & Custom Fields!
How: Information Architecture ! ! & Content Architecture skills.!
Why: Supports UX, Business !Goals, !!! Authoring UI & Content Portability.
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
Agenda
Standard WordPress Posts or Pages may not be sufficient for different types of content.
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
Each content type can be separated into its own section instead of mixing in with posts or pages.
Build-in vs. CustomPages, Posts, Categories & Tags are build-in content structures. !
Custom Post Types, Taxonomies & Custom Fields - you build & extend the content structure.
WordCamp Chicago 2014@GloriaAntonelli #WCCHITriple Crown of Custom Content
Custom Post TypesCreate your own content containers.
Look for content that works better when separated from pages or posts.Options - books, movies, reviews,products, recipes, menus, venues,reports, artists, events, authors …
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
Triple Crown of Custom Content
Presenters 2014 is a Custom Post Type (CPT)
Custom Taxonomies
A taxonomy is a way of organizing and relating content.
They classify and group like categories and tags.
Triple Crown of Custom Content
Presenters 2014 (CPT) relates to Sessions 2014 (Custom Taxonomy)
Custom Fields
Meta-data is handled with key/value pairs.
Key Name: WP Book Value: Professional WordPress
Triple Crown of Custom Content
Why Structure Content?Avoid long WYSIWYG - formatted pages. !
Create content modularity and portability.!
Content parts are disassembled & reassembled.!
Adapt to contexts, platforms devices & channels.!
Improve content production & guided authoring UI.!
Accommodate content with different requirements.
Step 1 Project (New or Redesign)!
Step 2 Assessment & Audit!
Step 3 Brainstorm & Collaboration!
Step 4 Create Content Model
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
Process
Triple Crown of Custom Content
Use
Information Architecture"for the big picture
!
Content Architecture"for granular view
WordCamp Chicago 2014@GloriaAntonelli #WCCHITriple Crown of Custom Content
Designing a System• build smart components!
• labels are important!
• create relationships !
• capture attributes & methods!
• aim for consistency WordCamp Chicago 2014@GloriaAntonelli #WCCHI
Content Discovery"Museum of Contemporary Arts
Audit Curent Content
Start BroadCustom Post Types
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
Diagrams
Broad View
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
Custom Post Types connect with Custom Taxonomies.
Look for"ContentChunks
Hero Image
Body
TitleDate
Art Info
Extra
Talk
Sponsorship
Museum Exhibit Page
Detailed content model breaks down"each content type into its components."
Content Elements for exhibit page
• title of exhibition!
• date of exhibition!
• large image !
• body content about artist!
• booklet download!
• related events!
• funding
• image details!
• artist name!
• title!
• art creation year!
• medium!
• size!
• details!
• related events!
Look for RelationshipsExhibit Page
Talks Listing Page
MCA Talk Pages
12
What could be a… custom post type?"custom taxonomy?"custom field?
How does the content relate to each other? !Identify shared elements.
3
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
CollaborationUser Experience StrategistInformation ArchitectContent Strategist/ArchitectDesignerDeveloperProject ManagerStakeholderContent CreatorSubject Matter Expert
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
*Collaborators may have more then one skill. Your team can be large or small.
Content Modeling
A detailed description of each contenttypes, attributes and relationships.!!
Mines, Defines & RefinesWordCamp Chicago 2014@GloriaAntonelli #WCCHI
The art of designing structured content.
Why Content Modeling• clarifies requirements!
• creates better organization!
• assigns content types & elements!
• communicates tasks to dev!
• roadmap for custom templates
Brainstorm Activities• write out key stakeholders goals!
• target audience goals (personas)!
• compile important content areas!
• organize, group & label content areas!
• sort sticky notes with similar subjects
Sticky Notes Strategy
Prioritize sticky notes with dots.
Lots of Sticky Notes
Author Experience• supports author creation & management!
• author-oriented input considerations!
• build authoring interface for content elements!
• reduces time to create content!
• author is guided through the content input
Authoring Interface "CPT - Artist | Taxonomies - Art Forms, Curricular Themes, Ethnicity, Locations"
complements of @jamieschmid
Artist Page continues | Advanced Custom Fields Plugin Subpages - Residencies tab
complements of @jamieschmid
Artist Page continues | Advanced Custom Fields Plugin Subpages - Stories for Students Tab
complements of @jamieschmid
Success is a mix of business objectives, content strategy & crafting a user experience.!
Its iterative!
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
#663399Becca
My slides are purple for Rebecca. Becca is Eric Meyer’s daughter who lost her year long battle with cancer on her 6th birthday. June 7, 2014. Purple was her favorite color. Eric Meyer has lead the way for web standards for over 20 years. The international web community showed support for Eric and his family by tweeting #663399Becca on June 12. !Hope Becca’s spirit lends a “spark” to all of the web community. Lets continue to make the web better!
Color Purple in memory of Rebecca Alison Meyer!
“little spark”
Join the WordPress Global
Community Online Meetups WordCamps make.WordPress.org
!
thank you!Gloria Antonelli !@GloriaAntonelli
google + linkedin facebook
!
UX Designer Web Strategist WordPress Developer Consultant & Trainer
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
RB