Simplifying End-user Drupal 7 Content Administration

24,022 views

Published on

These are the slides from Aidan Foster's Presentation at Drupal Camp Toronto 2011.

Drupal 7 has many out of the box improvements to improve the experience of content administrators, and other non-developer users with the new seven theme and it's related Dashboard and Shortcut Modules. But at it's core Drupal 7's admin are is a developer's tool and really designed for content editors.

This presentation showcases a case study of olympuspacific.com and how it customized content editor theme improved the editor experience using Views, Draggable Views, Media Management, Rules Modules

Finally there's building the site with the features module so you don't have to do all this work from scratch each time.

Published in: Technology
3 Comments
33 Likes
Statistics
Notes
  • awesome !
    can you share this admin theme ?
    thanks and best regards !
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • How dit you give your blocks the little action link? Custom code - or through the admin interface?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Great slides. Why did you choose quickbar and not just shortcuts in the integrated toolbar?

    Have you considered using panels and workbench moderation to achieve what you needed?

    Is anyone using Dashboard at all?

    Is there a video of your presentation - or a more complete list of what modules you used? Maybe a screencast?

    Thanks again!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
24,022
On SlideShare
0
From Embeds
0
Number of Embeds
1,622
Actions
Shares
0
Downloads
236
Comments
3
Likes
33
Embeds 0
No embeds

No notes for slide

Simplifying End-user Drupal 7 Content Administration

  1. 1. Simplifying End-user Drupal 7 Content Administration Presented by Aidan FosterFOSTER INTERACTIVE afoster@fosterinteractive.comWeb Development + Design Linked In: ca.linkedin.com/in/aidanfoster Twitter :@finteractive
  2. 2. AIDAN FOSTER • I’ve Run a Web Shop for 9 years • Been doing “the Drupal” since 5.12 (that’s 4 human years) • Come from a planning / project management side of things • Now learning themeing, development, and responsive design
  3. 3. DRUPAL 5
  4. 4. DRUPAL 6
  5. 5. CONTENTEDITORFUNCTIONS
  6. 6. BAD MOJO FROM EDITOR USERS
  7. 7. MINE FIELDFORCONTENTEDITORFUNCTIONS
  8. 8. WORDPRESS 3.2
  9. 9. WORDPRESS 3.2
  10. 10. DRUPAL 7 ADMIN
  11. 11. DRUPAL 7 ADMIN
  12. 12. LEARN FROM - ADOBE CQ5 http://www.day.com/day/en/products/ web_content_management.html
  13. 13. HOW DO WE GET FROM D7TO SOMETHING MORE LIKE C5?
  14. 14. THINK ABOUT EDITOR USABILITY• Conventions are your Friends• Omit needless words• 20% of tasks are done 80% of time (focus on this stuff - everything else should be hidden away)
  15. 15. CASE STUDY - OLYMPUSPACIFIC.COM • People are important • Videos are important • Content gets stale fast
  16. 16. OLYMPUS EDITORS 60% - News & EventsTASKS 25% - Videos & Galleries 10% - Remove Outdated Info 5% - Other
  17. 17. TASK BASED INTERFACE CREATED IN VIEWS(AND AN OCEAN OF MODULES)
  18. 18. ADMIN DEMO
  19. 19. DASHBOARD MODULE ORCUSTOM SEVEN SUB-THEME
  20. 20. DASHBOARD MODULE• HAS SOME BUGS! (Needs this patch - http://drupal.org/node/936798)• Limited in scope - Great for smaller sites (no tabs)
  21. 21. CUSTOM SUB THEMEColumn 1st Column 2nd minor CSS to hide Content Bottom confusing module text & seven’s pretty buttons Added 3 Regions styles
  22. 22. QUICKBAR MODULECreate a Menu for the Content Editor Role (disable admin menu for then) Assign it to Content Editor Role
  23. 23. COMPLEX NODE FORMS “Slide” Content Type(Fields are themed into slides on homepage)
  24. 24. ADD FIELD GROUP
  25. 25. NODE FORM COLUMNS
  26. 26. NODE FORM SETTINGS
  27. 27. VIEWS BY TASK• Every Tab has “Recently Edited” at top• Every Block has “Add <content type>” above• Make the Content Editor View as similar to the front end as possible
  28. 28. DRAGGABLE VIEWS• Draggable Views is a good option for structured content like a team page
  29. 29. PHOTO GALLERIES• Not Practical to show all thumbnails so we show 5 to mimic the front end (Extra are just hidden with CSS3)• Clicking thumbnails opens lightbox (Just like front end)
  30. 30. VIDEOS VIEWVideo player is functional for quick review of content
  31. 31. WORK BENCH MODERATIONNode gets fancy moderate tabs to allow viewing an unpublished draft(while older version remains live)All unpublished content appears in admin view
  32. 32. FEATURES MODULE Fields + Content Types Exported as Views Modules Module Files (can be version controlled) Permissions Config Settings(In Drupal Database)
  33. 33. FIND WHERE EDITOR’S 80% TIME GOES TO 20% OF TASKSORGANIZE STRUCTURE BY TASK REPLICATE HOW CONTENT IS PRESENTED ON FRONT END
  34. 34. WHAT’S NEXT?• Creating a set of rules to email content editors when pages get 6 months old.• Media 2.x - Stable... Possibly Switch?• Implementing WYSIWYG enhancements that Andrew Mallis outlined in his presentation (Very well documented if you missed it) http://bit.ly/ideograph-wysiwyg
  35. 35. QUESTIONS?• Slides are posted on fosterinteractive.com/articles/d7-admin

×