triple crown of custom content - ia strategy session
DESCRIPTION
Preplanning the relationships of custom post types, taxonomies and custom fields using Information Architecture and Content Architecture best practices. This ensures your WordPress content structure is organized effectively by taking the time to conduct analysis and planning, before implementation.TRANSCRIPT
![Page 1: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/1.jpg)
Triple Crown of Custom Content
Information Architecture Strategy Session
by Gloria AntonelliWordCamp Chicago 2014
![Page 2: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/2.jpg)
creating content structure with
Custom Post Types Custom Taxonomies & Custom Fields
Triple Crown of Custom Content
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
![Page 3: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/3.jpg)
!
about me artist trainer designer consultant ux designer web strategist wordpress developer & scuba diver! !
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
RB
![Page 4: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/4.jpg)
!
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
![Page 5: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/5.jpg)
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
![Page 6: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/6.jpg)
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.
![Page 7: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/7.jpg)
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
![Page 8: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/8.jpg)
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)
![Page 9: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/9.jpg)
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)
![Page 10: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/10.jpg)
Custom Fields
Meta-data is handled with key/value pairs.
Key Name: WP Book Value: Professional WordPress
Triple Crown of Custom Content
![Page 11: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/11.jpg)
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.
![Page 12: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/12.jpg)
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
![Page 13: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/13.jpg)
Use
Information Architecture"for the big picture
!
Content Architecture"for granular view
WordCamp Chicago 2014@GloriaAntonelli #WCCHITriple Crown of Custom Content
![Page 14: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/14.jpg)
Designing a System• build smart components!
• labels are important!
• create relationships !
• capture attributes & methods!
• aim for consistency WordCamp Chicago 2014@GloriaAntonelli #WCCHI
![Page 15: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/15.jpg)
Content Discovery"Museum of Contemporary Arts
Audit Curent Content
![Page 16: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/16.jpg)
Start BroadCustom Post Types
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
![Page 17: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/17.jpg)
Diagrams
Broad View
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
Custom Post Types connect with Custom Taxonomies.
![Page 18: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/18.jpg)
Look for"ContentChunks
Hero Image
Body
TitleDate
Art Info
Extra
Talk
Sponsorship
Museum Exhibit Page
![Page 19: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/19.jpg)
Detailed content model breaks down"each content type into its components."
![Page 20: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/20.jpg)
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!
![Page 21: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/21.jpg)
Look for RelationshipsExhibit Page
Talks Listing Page
![Page 22: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/22.jpg)
MCA Talk Pages
12
![Page 23: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/23.jpg)
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
![Page 24: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/24.jpg)
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.
![Page 25: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/25.jpg)
Content Modeling
A detailed description of each contenttypes, attributes and relationships.!!
Mines, Defines & RefinesWordCamp Chicago 2014@GloriaAntonelli #WCCHI
The art of designing structured content.
![Page 26: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/26.jpg)
Why Content Modeling• clarifies requirements!
• creates better organization!
• assigns content types & elements!
• communicates tasks to dev!
• roadmap for custom templates
![Page 27: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/27.jpg)
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
![Page 28: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/28.jpg)
Sticky Notes Strategy
Prioritize sticky notes with dots.
![Page 29: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/29.jpg)
Lots of Sticky Notes
![Page 31: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/31.jpg)
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
![Page 32: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/32.jpg)
Authoring Interface "CPT - Artist | Taxonomies - Art Forms, Curricular Themes, Ethnicity, Locations"
complements of @jamieschmid
![Page 33: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/33.jpg)
Artist Page continues | Advanced Custom Fields Plugin Subpages - Residencies tab
complements of @jamieschmid
![Page 34: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/34.jpg)
Artist Page continues | Advanced Custom Fields Plugin Subpages - Stories for Students Tab
complements of @jamieschmid
![Page 35: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/35.jpg)
Success is a mix of business objectives, content strategy & crafting a user experience.!
Its iterative!
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
![Page 36: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/36.jpg)
#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”
![Page 37: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/37.jpg)
Join the WordPress Global
Community Online Meetups WordCamps make.WordPress.org
![Page 38: Triple Crown of Custom Content - IA Strategy Session](https://reader035.vdocuments.site/reader035/viewer/2022081412/5455a64fb1af9fc0638b49ec/html5/thumbnails/38.jpg)
!
thank you!Gloria Antonelli !@GloriaAntonelli
google + linkedin facebook
!
UX Designer Web Strategist WordPress Developer Consultant & Trainer
WordCamp Chicago 2014@GloriaAntonelli #WCCHI
RB