Umbraco Packages and Helping Content Editors - uWestFest '16
-
Upload
jason-prothero -
Category
Software
-
view
287 -
download
2
Transcript of Umbraco Packages and Helping Content Editors - uWestFest '16
![Page 1: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/1.jpg)
Umbraco Packages and Helping Content EditorsJason Prothero and Alan Ballard
uWestFest ‘16 - San Diego, CA
![Page 2: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/2.jpg)
Who are we?
Jason ProtheroFront-end, Back-end
Technical Lead
Alan BallardWeb Designer / Front-End
Developer
![Page 3: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/3.jpg)
1.Content Editor Usability
2.Packages to Love3.Q/A
![Page 4: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/4.jpg)
Improve the Content Editor’s
ExperienceIt’s the little things
Add property descriptions
DocTypes inheritance
Use tabs wisely
Pick icons that make sense
Organize the Media
Use the dictionary
RTE stylesheets and toolbar
Customize the List Views
![Page 5: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/5.jpg)
Add property descriptions
“What the heck is this for?”
![Page 6: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/6.jpg)
DocTypes inheritance
“Why do I need all this?”
![Page 7: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/7.jpg)
Use tabs wisely
hyenacub.deviantart.com
“Why is all this stuff mixed together?”
“Where do I change that property again? There’s soo many tabs!”
![Page 8: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/8.jpg)
Pick icons that make sense
“Why is everything a folder?”
![Page 9: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/9.jpg)
Organize the Media
“This is a mess, I can’t find anything.”
![Page 10: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/10.jpg)
Use the dictionary
“Why can’t I change this text?”
![Page 11: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/11.jpg)
RTE stylesheets and toolbar
“This doesn’t look anything like the site.”
![Page 12: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/12.jpg)
Customize the List Views
“Who cares about that field, I don’t want to see it.”
![Page 13: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/13.jpg)
Give Them Help
Custom Dashboard Bookshelf Inline Help
![Page 14: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/14.jpg)
Packages to
![Page 15: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/15.jpg)
![Page 16: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/16.jpg)
Most popular packages
Nested Content
Diplo Trace Log Viewer
nuPickers
![Page 17: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/17.jpg)
Property Editors
![Page 18: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/18.jpg)
Nested Content
![Page 19: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/19.jpg)
Allows editors to create lists of complex data on a property.
Document Types are the data definition.
Trust me, this is cool.
![Page 20: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/20.jpg)
nuPickers
![Page 21: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/21.jpg)
Data Sources:SQL, XML, JSON, .NET Classes, Enums, Examine
And that’s not all!
Custom Label Rendering using Macros
![Page 22: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/22.jpg)
More Property Editors to Try:
Archetype
u7 Grid DataType
Content Picker with Preview
Extended Media Picker
UrlPicker
MultiUrlPicker
Angular Maps
Switcher
Vorto
![Page 23: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/23.jpg)
Packages to Help You
![Page 24: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/24.jpg)
Diplo Trace Log Viewer
![Page 25: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/25.jpg)
View the Umbraco Log files without logging in to the server.
![Page 26: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/26.jpg)
More Packages to
Help You:
Core Value Converters
uSync
Hybrid Framework
Ditto
LINQ to Examine
UmbracoFileSystemProvider.Azure
MemberListView for Umbraco 7
UnVersion
TheDashboard
![Page 27: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/27.jpg)
Grid Packages
![Page 28: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/28.jpg)
LePainter
![Page 29: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/29.jpg)
Enhance the grid rendering to provide a hint at the front-end view.
![Page 30: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/30.jpg)
![Page 31: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/31.jpg)
![Page 32: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/32.jpg)
More Grid Packages:
DocType Grid Editor
LeBlender
Umbraco Grid Renderers
AttackMonkey Grid Locker
![Page 33: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/33.jpg)
Don’t Reinvent the WheelDon’t Be Afraid To Ask
![Page 34: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/34.jpg)
Where to Learn and Get
Help:
Learn
Our.Umbraco.org
uHangouts on YouTube
Conference and Festival Videos
Umbraco.tv
Ask
Our.Umbraco.org
Slack(umbracians-chat.herokuapp.com)
![Page 35: Umbraco Packages and Helping Content Editors - uWestFest '16](https://reader034.fdocuments.us/reader034/viewer/2022042723/587a60bb1a28ab520b8b77df/html5/thumbnails/35.jpg)
Questions?