Fr Fron ont-en end page e compositi tion wit with h Ge Geysir - - PowerPoint PPT Presentation

▶

Jan 20, 2024 144 likes •628 views

Fr Fron ont-en end page e compositi tion wit with h Ge Geysir ir Jan Lemmens technical marketing webmaster teams consumerization of IT consumerization of CMSs enterprises need specific tools high volumes of content and media

SLIDE 1 Jan Lemmens

Fr Fron

nt-en

end page e compositi tion wit with h Ge Geysir ir

SLIDE 2

SLIDE 3

SLIDE 4

SLIDE 5

technical webmaster marketing teams

SLIDE 6

consumerization of IT

SLIDE 7

consumerization of CMS’s

SLIDE 8

enterprises need specific tools

high volumes of content and media repeating tasks specialized data structures (distributed) editorial teams

SLIDE 9

page building

critical task for web authors

SLIDE 10

web page quality

1. accessible 2. tells a story 3. fast 4. consistent 5. easy to manage

SLIDE 11

SLIDE 12

template full rich text

SLIDE 13 graphics by ZURB 1 2 3 4 5 6 accessible tells a story fast consistent template approach Page consists of a fixed number of elements with a fixed order. easy to manage

SLIDE 14

RIGID RIGID

SLIDE 15 1 graphics by ZURB full rich text approach 1 single rich text editor to manage entire page. accessible tells a story fast consistent easy to manage

SLIDE 16

FLEXIBLE FLEXIBLE

SLIDE 17

structure flexibility

SLIDE 18

SLIDE 19

SLIDE 20

the “components” approach

SLIDE 21

SLIDE 22

⁋

well-maintained supports revisions flexible robust

SLIDE 23 graphics by ZURB components approach Page consists of a variable number

f elements with a variable order,

each having its own template. accessible tells a story fast consistent easy to manage

SLIDE 24

SLIDE 25

frontend/backend switching hard to preview search corresponding component in backend reordering problems meta data is mixed with content

SLIDE 26

the back end is not the solution

SLIDE 27

Entity Reference Revisions Paragraphs Drupal 8 core

SLIDE 28

Paragraphs + Quick Edit

Not compatible with Paragraphs for now (https://www.drupal.org/project/paragraphs/issues/2476863) Can not insert/delete/reorder Paragraphs

SLIDE 29

Geysir

Enhance the editorial workflow to improve the author experience https://www.drupal.org/project/geysir

SLIDE 30

goals

much faster content management instant and accurate previews easy to use super lightweight

SLIDE 31

SLIDE 32

support for revisions and workflow

switch between published and draft version

SLIDE 33

Mobile content editing using Geysir

SLIDE 34 AMPLEXOR | 34

Demo

Quickly make a correction to a page Build a new page from scratch Use workflow

SLIDE 35 AMPLEXOR | 35

Demo

Drupal 8.6.0 with Umami install profile Entity Reference Revisions 8.x-1.5 Paragraphs 8.x-1.3 Geysir 8.x-1.x-dev

SLIDE 36

in the front-end immediate previews simple actions per component supports versioning touch-friendly

content creation with Geysir

SLIDE 37

every action is saved to the database less risk of losing work ”auto-save” for free !

content creation with Geysir

SLIDE 38

back end for metadata, front end for content

content creation with Geysir

SLIDE 39

technical aspects

builds upon proven contributed modules using Paragraphs API Geysir forms extend core ContentEntityForm new template for Paragraph fields extensive use of Core Modal API no custom data storage no dependencies

SLIDE 40

Geysir

New release (10 September 2018)

Geysir 1.1

https://www.drupal.org/project/geysir

SLIDE 41

how to use?

just install the Geysir module on an (existing) site available immediately for all Paragraph fields tip: take into account during development

SLIDE 42

future features

ability to restrict Geysir functionality to certain paragraph fields add a trigger in the front end to enable the Geysir UI support for nested paragraphs https://www.drupal.org/project/issues/geysir

SLIDE 43