Improving drupals cex and ax

33
Improving the content editor and admin experience

description

A short talk on improving the content editor experience in Drupal.

Transcript of Improving drupals cex and ax

Page 1: Improving drupals cex and ax

Improving the content editor

and admin experience

Page 2: Improving drupals cex and ax

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
Page 4: Improving drupals cex and ax
Page 5: Improving drupals cex and ax
Page 6: Improving drupals cex and ax
Page 7: Improving drupals cex and ax
Page 8: Improving drupals cex and ax
Page 9: Improving drupals cex and ax
Page 10: Improving drupals cex and ax

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

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
Page 13: Improving drupals cex and ax
Page 14: Improving drupals cex and ax

Defining content types

● Well named / well chosen● Helpful descriptions● Meaningful micro copy● Good defaults● Well structured

Page 15: Improving drupals cex and ax

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
Page 17: Improving drupals cex and ax

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

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
Page 20: Improving drupals cex and ax

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
Page 22: Improving drupals cex and ax
Page 23: Improving drupals cex and ax

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

Modules: Maxlength

Page 25: Improving drupals cex and ax

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
Page 27: Improving drupals cex and ax

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
Page 29: Improving drupals cex and ax

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
Page 31: Improving drupals cex and ax

Modules: Others worth a mention

Content● Quickbar

Admin● Module filter● Rabbit hole ● Image resize filter● Permission Grid

Page 32: Improving drupals cex and ax

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

And that's it....