A responsive workflow for WordPress
1 like1,525 views
The document outlines a responsive workflow for WordPress, focusing on conducting a content audit to evaluate current content, structure, and user navigation. It emphasizes the importance of wireframing and mock-ups for identifying and solving design issues early in the process. Finally, it discusses implementation strategies for creating a responsive WordPress theme using a framework and coding practices.
A responsive workflow for WordPress
- 1. A responsive workflow for WordPress WordPress North East, Northumbria University, July 2013
- 2. tl;dr
- 4. 1a. Content audit • Current content (if any) • Current structure • Current stats
- 5. 1b. Content audit • Scale of the website •Type of content • How the user gets there
- 6. 1c. Content audit • Rule out navigation types • Identify key page templates • Breakpoints for testing
- 7. 2.Wireframes
- 9. Solve them
- 11. 3. Mock ups
- 12. 3.Visuals based on wireframes
- 14. Implementing your WP theme • Start from scratch? • A framework!
- 15. HTML5 Blank / @toddmotto html5blank.com • Strips out most of the crap • Good responsive base
- 16. No media queries: general style body {}
- 17. Mobile devices @media only screen and (min-width: 320px) {
- 18. Tablet devices @media only screen and (min-width: 480px) {
- 19. Notebooks, desktops, etc @media only screen and (min-width: 768px) {
- 20. Larger desktops @media only screen and (min-width: 1024px) {
- 21. Retina devices @media only screen and (-webkit-min- device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
- 23. 5.Test!
- 25. 6. Minification
- 26. tl;dr
- 27. Questions?