The client had some advanced editors who were willing to record the videos and write down the guidelines.
Now they needed a way it could be displayed on the Umbraco back-office and updated by those advanced editors in the future.
This is the solution I came up with.
- Create a Google Slides presentation with the guidelines and how-to videos. This Google Slides presentation can be later edited by anyone who has access to it.
(PS: I tried Google Docs, but it didn't support video embedding) - Use File » Publish to the web » Embed option and copy the Embed code from there.
For a tab on the dashboard of the content section
- Create a new "Editor Help" tab within the Content Area using the instructions from here: https://our.umbraco.org/documentation/extending/dashboards/
- Here's my code sample for adding into ~/config/Dashboard.config:
- Create a view with the Embed code in it.
Code sample:
For a tab on given document types:
- Install the "Inline Html Help Label" (ProWorksInlineHtmlHelpLabel) package from here: https://our.umbraco.org/projects/backoffice-extensions/inline-html-help-label
- Add another tab to the document type and name it as "Editor Help"
- Add a property named Help with an "HTML Inline Help Label" editors
- In the HTML to display, add some HTML with the Embed code in it:
See my code snippet below:
That's all there is for the setup from a developer's perspective. Now an editor who has access to the Google Slides presentation could update it anytime and it will appear within the CMS back-office with no further intervention from the developer.
See a walkthrough video of how it was all put together.
This concept could be used with other CMS back-offices as well. Give it a try and leave me a comment.
No comments:
Post a comment