Download - Improving drupals cex and ax
![Page 1: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/1.jpg)
Improving the content editor
and admin experience
![Page 2: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/2.jpg)
Why?
● Effort goes into Content/UX/Design/Dev - content creation experience is often overlooked
● Consistency across projects● Usability issues often raised at content
pop/training phase● ...but WordPress is so easy to use● Easier to use = better content?
![Page 3: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/3.jpg)
![Page 4: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/4.jpg)
![Page 5: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/5.jpg)
![Page 6: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/6.jpg)
![Page 7: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/7.jpg)
![Page 8: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/8.jpg)
![Page 9: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/9.jpg)
![Page 10: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/10.jpg)
Our Approach
● Standard basic setup● Good content type definition● Content creation forms● Useful helper/utility modules● Media management● Workbench for larger sites
![Page 11: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/11.jpg)
The Basics
● Use Seven● Turn off overlays (except Fab)● Disable previews● Simple WYSIWYG profiles● Limit styles to those needed
![Page 12: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/12.jpg)
![Page 13: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/13.jpg)
![Page 14: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/14.jpg)
Defining content types
● Well named / well chosen● Helpful descriptions● Meaningful micro copy● Good defaults● Well structured
![Page 15: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/15.jpg)
Organising content forms
● Field Groups module● drupal.org/project/field_group
● Remove the need to search to edit● Group according to type of content● Ability to nest groups● Works with field_collections
![Page 16: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/16.jpg)
![Page 17: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/17.jpg)
Media Management — the past
● Drupal - Traditionally poor at media management
● File fields / image fields - files attached to nodes
● Difficult to reuse content● Mishmash of third party modules - imce,
etc...
![Page 18: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/18.jpg)
Media Management — the future
● Media module● drupal.org/project/media
● Moving towards consistency● File entities - fieldable media entities!● Find previously uploaded content● Work with video / audio / images and
documents using the same system● Growing ecosystem of media modules ...
![Page 19: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/19.jpg)
![Page 20: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/20.jpg)
Modules: Linkit + Linkit Views
● Intuitive UI for creating inline links● Checks links are valid● Uses profiles just like WYSIWYG● Can add attributes: title, access keys + more● Search Nodes, users, terms and views● Better Autocomplete bundled
http://drupal.org/project/linkithttp://drupal.org/project/linkit_views
![Page 21: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/21.jpg)
![Page 22: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/22.jpg)
![Page 23: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/23.jpg)
Modules: Maxlength
● Simple JS countdown widget● Apply to any field● Non JS validation fallback
http://drupal.org/project/maxlength
![Page 24: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/24.jpg)
Modules: Maxlength
![Page 25: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/25.jpg)
Modules: Publish Button
● Adds (un)publish button to create/edit forms● Permissions allow for simple workflow● Mimics default WordPress behaviour
http://drupal.org/project/publish_button
![Page 26: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/26.jpg)
![Page 27: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/27.jpg)
Modules: Administration Views
● Replaces content, comment and user listings with views
● Views can then be customised● Combine with better exposed filters
http://drupal.org/project/admin_views
![Page 28: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/28.jpg)
![Page 29: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/29.jpg)
Workbench
● Used for larger sites/lots of content creators● Relatively straightforward to setup● Moderation provides configurable workflow ● Access provides restriction by section● Can replace the default content list for
authors/editors● Customise the default views provided
![Page 30: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/30.jpg)
![Page 31: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/31.jpg)
Modules: Others worth a mention
Content● Quickbar
Admin● Module filter● Rabbit hole ● Image resize filter● Permission Grid
![Page 32: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/32.jpg)
Resources
● Building a tasty backend http://2013.drupalcamplondon.co.uk/session/building-tasty-backend
● Lullabot Module Monday● https://github.com/siftGroups/Awesome-Profile
![Page 33: Improving drupals cex and ax](https://reader034.vdocuments.site/reader034/viewer/2022051818/54b6f07d4a795914568b45fd/html5/thumbnails/33.jpg)
And that's it....