reimagining content creation - wordcamp vancouver 2015 · content limited to wysiwyg’s &...
TRANSCRIPT
![Page 2: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/2.jpg)
![Page 3: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/3.jpg)
![Page 4: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/4.jpg)
![Page 5: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/5.jpg)
THE
EVENTS CALENDAR
WE CODE AWESOME
![Page 6: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/6.jpg)
What are we doing here?
1. I ramble for a while
2. Finally arrive at the point
3. Talk about design for a bit
4. Show work from people smarter than me
5. We all have a nice chat - Questions & Conversation
![Page 7: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/7.jpg)
I WordPress
![Page 8: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/8.jpg)
![Page 9: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/9.jpg)
TO DEMOCRATIZE PUBLISHING THROUGH OPEN SOURCE, GPL SOFTWARE.
MISSION STATEMENT
![Page 10: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/10.jpg)
WHY DOES WORDPRESS EXIST?
+
![Page 11: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/11.jpg)
CONTENT IS THE WHOLE BALLGAME.
![Page 12: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/12.jpg)
1.5
![Page 13: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/13.jpg)
2.0
![Page 14: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/14.jpg)
2.1
![Page 15: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/15.jpg)
2.2
![Page 16: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/16.jpg)
2.3
![Page 17: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/17.jpg)
2.5
![Page 18: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/18.jpg)
2.6
![Page 19: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/19.jpg)
2.7
![Page 20: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/20.jpg)
2.8
![Page 21: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/21.jpg)
2.9
![Page 22: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/22.jpg)
3.0
![Page 23: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/23.jpg)
3.1
![Page 24: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/24.jpg)
3.2
![Page 25: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/25.jpg)
3.4
![Page 26: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/26.jpg)
3.5
![Page 27: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/27.jpg)
3.6
![Page 28: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/28.jpg)
3.7
![Page 29: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/29.jpg)
3.8
![Page 30: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/30.jpg)
3.9
![Page 31: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/31.jpg)
4.0
![Page 32: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/32.jpg)
4.1
![Page 33: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/33.jpg)
4.2
![Page 34: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/34.jpg)
Where WordPress Fails
1. Encourages a waterfall approach to content
2. Content Strategy subject to dev process
3. Content limited to wysiwyg’s & metaboxes
4. Every problem looks like a nail when all you have is a hammer
5. Rich relationships are difficult to communicate
6. Distances creators from the users
![Page 35: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/35.jpg)
![Page 36: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/36.jpg)
![Page 37: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/37.jpg)
![Page 38: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/38.jpg)
TEMPLATED THINKING SUCKS HARD.
TEMPLATES SUCK.
MODULAR THINKING IS BETTER.“Reid, I know you’re not that smart. Where’d it come from?”
http://bradfrost.com/blog/post/atomic-web-design/
![Page 39: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/39.jpg)
MODULAR DESIGN NEEDS TO SUCCEED ON THREE LEVELS1. Visual Language / Aesthetics
2. Technology
3. Content Strategy
![Page 40: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/40.jpg)
VISUAL LANGUAGE• Design must function as a system
• Start with the smallest units and build up
• Everything is reusable
• Initial deliverables become Pattern Libraries and Frameworks
• Design all the way through your process, but identify how components are assembled to make specific deliverables.
• Design the relationships.
![Page 41: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/41.jpg)
TECHNOLOGY• Theme needs to be organized, modular, and flexible
• IDs should be a red flag
• You should be able to output Bootstrap or Foundation like frameworks for your projects relatively easily
• Admin User Interfaces that encourage best practices.
• Give them the right tools, not all of the tools.
![Page 42: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/42.jpg)
CONTENT STRATEGY• Small components come together to form individual pieces of content
The Verge Longform, Velocity Page, Aesop Story Engine
• Relationships between pieces of content can tell larger storiesSnowfall, America The Gutted, Panel Builder, ACF Flex Content
• Content should continually push the abilities of the CMSPost Formats anyone?
• Stop thinking only in terms of taxonomy. Tell stories.
![Page 43: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/43.jpg)
PARADIGMS
SITE BUILDING VS CONTENT CREATION
![Page 44: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/44.jpg)
![Page 45: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/45.jpg)
![Page 46: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/46.jpg)
![Page 47: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/47.jpg)
![Page 48: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/48.jpg)
![Page 49: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/49.jpg)
TOOLS
![Page 50: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/50.jpg)
DIVI
LONG FORM STORY
BUILDER
![Page 52: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be](https://reader033.vdocuments.net/reader033/viewer/2022060405/5f0f11077e708231d44252d4/html5/thumbnails/52.jpg)