Content Structures in WordPress

How to organize content on your WordPress site.

(2015 version, presented at Accelerate.LGBT event)

Transcript

2. HUGO BAETA I N T E R A C T I O N D E S I G N E R & A R T D I R E C T O R
3. • WordPress.com & Jetpack • Contribute to WordPress.org
4. CONTENT STRUCTURES H O W T O O R G A N I Z E C O N T E N T O N Y O U R W O R D P R E S S S I T E
5. INFORMATION ARCHITECTURE
6. Information architecture is the categorization of information into a coherent structure, preferably one that the user can understand quickly, if not inherently, and then easily retrieve the information for which they are searching. “
7. U S E R E X P E R I E N C E I N F O R M AT I O N A R C H I T E C T U R E
8. 
10. FOUNDATIONS
11. CONTENT P O S T S & P A G E S
12. TAXONOMIES C A T E G O R I E S & T A G S
13. PRESENTATION M E N U S & P E R M A L I N K S
14. CONTENT P O S T S & P A G E S
15. POSTS VS PAGES
17. • Entries listed in chronological order POSTS
21. • Entries listed in chronological order • Can be categorized POSTS
26. • Pages are static and timeless PAGES
27. • Pages are static and timeless • Can be hierarchical PAGES
31. POSTS VS PAGES
32. • Feature-rich content editor POSTS & PAGES
35. • Feature-rich content editor • Featured Image POSTS & PAGES
38. • Feature-rich content editor • Featured Image • Comments POSTS & PAGES
41. • Feature-rich content editor • Featured Image • Comments • Your Homepage can be a list of recent posts or a specific page POSTS & PAGES
44. TAXONOMIES C A T E G O R I E S & T A G S
45. The branch of science concerned with classification, especially of organisms; systematics. “
46. TAXONOMIES C A T E G O R I E S & T A G S
47. • Great for organizing content CATEGORIES
48. • Great for organizing content • Can be hierarchical CATEGORIES
49. • Great for organizing content • Can be hierarchical • Required CATEGORIES
53. • Great for describing content TAGS
54. • Great for describing content • Are linear (no hierarchy) TAGS
55. • Great for describing content • Are linear (no hierarchy) • Optional TAGS
59. CATEGORIES VS TAGS
60. • Theme dependent FORMATS
61. • Theme dependent • Provide an extra level of high-level categorization FORMATS
65. PRESENTATION M E N U S & P E R M A L I N K S
66. MENUS • Supports all types of content, including category and tag archives, and custom links
67. • Supports all types of content, including category and tag archives, and custom links • Drag-and-drop hierarchical structure MENUS
68. • Supports all types of content, including category and tag archives, and custom links • Drag-and-drop hierarchical structure • Theme dependent MENUS
71. PERMALINKS • The structure of your site URLs
72. PERMALINKS • The structure of your site URLs • Allows creation of custom URL structure
73. PERMALINKS • The structure of your site URLs • Allows creation of custom URL structure • Very important for SEO
74. C O D E X .W O R D P R E S S . O R G / U S I N G _ P E R M A L I N K S
75. SEO S E A R C H E N G I N E O P T I M I Z A T I O N
76. INFORMATION ARCHITECTURE H O W I T A L L C O M E S T O G E T H E R
77. HOMEPAGE ABOUT BLOG ARCHIVE PHOTOGRAPHY PRINT DESIGN WEB DESIGN CONTACT / / A B O U T/ / B L O G / / C O N TA C T/ / C AT E G O R Y/ P H O T O G R A P H Y / C AT E G O R Y/ P R I N T- D E S I G N / C AT E G O R Y/ W E B - D E S I G N HOME PAGE PAGE / A R C H I V E / PAGE CATEGORY ARCHIVE CATEGORY ARCHIVE CATEGORY ARCHIVE PAGE POSTS ON ME / TA G / M E TAG ARCHIVE
78. W O R D P R E S S .T V
79. QUESTIONS?
80. THANK YOU!
81. H U G O B A E T A . C O M @ H U G O B A E T A