woman-pc-phone-enonic-content-studio

Content Studio is the ultimate CMS for the Enonic platform. User-friendly interface, responsive design, content tree navigation, advanced image handling, visual page editor, familiar keyboard shortcuts, user and permissions management, URL handling, interactive previewing, and custom content types are just a small selection of the advantages you get with this powerful tool.

In order to get you quickly up to speed in Content Studio, we have compiled a handy cheat sheet for your convenience. Use this as a quick reference guide whenever you need to be reminded of just how fast and easy you can solve your tasks.

Download the Content Studio cheat sheet here ยป

ย 

We have also gathered the tips for you below, complete with GIFs for easy reference.

Content navigator

User interface

content-studio-user-interface-annotations

What

Function

Toolbar

Issues, XP menu, search, actions (new, edit, delete, duplicate, move, sort, preview), publish, widget panel

Content tree grid

Navigation, overview, actions (new, edit, delete, duplicate, move, sort, preview, publish)

Preview panel

Interactive preview of content

Create content

What

Function

GIF

Content navigator โ†’ Toolbar โ†’ New

Opens create content wizard via toolbar

create-content-navigator

Content navigator โ†’ alt+n

Opens create content wizard via keyboard shortcut

create-content-keyboard-shortcut

Content navigator โ†’ Right-click โ†’ New

Opens create content wizard via context menu

create-content-context-menu

Create content wizard

content-studio-wizard-create-content-annotations

What

Function

Content type

List of all available content types.

Most popular

The content types most often used under the content item.

Recently used

The content type most recently created under the content item.

See also if Enonic fits your architecture and skill sets:

Spec sheet: How Enonic fits your requirements

Publish wizard

content-studio-publishing-wizard-annotations

What

Function

Image

Access publishing wizard in Content navigator

Toolbar โ†’ Publish, ctrl+alt+p, Context menu โ†’ Publish

publish

ย 

Publish now

Publishes content item and selected child items

publish-now

ย 

Scheduled publishing

Publishes content with start date and eventual end date

scheduled-publishing

ย 

Show dependent items

See child items and exclude them from publishing (if possible)

show-dependent-items

ย 

Include child items

Toggle to include all child items

include-child-items

ย 

publishing-wizard

Workflow statuses

What

Function

Image

Not validated

Content in draft mode, required fields not filled, cannot be published

workflow-status-unvalidated

ย 

In progress

Content in draft mode, cannot be published

workflow-status-in-progress

ย 

Ready for publishing

Content ready to be reviewed and published

workflow-status-ready-for-publishing

ย 

Publish request

Request reviewing and publishing from another user

workflow-status-publish-request

ย 

Published

Workflow state icon no longer shown, will be put back into progress if modified

workflow-status-published

ย 

Unpublished

Content taken offline

workflow-status-unpublished

ย 

Moved

A moved content item, also in draft mode

workflow-status-moved

ย 

Widgets

What

Function

Image

GIF

Context panel

Access widgets in Content navigator and editor

context-panel

ย 

context-panel

Details

See vital info, including content type, creation date, template

details

ย 

widget-details

Version history

Browse and revert between different saved versions

version-history

ย 

widget-version-history

Dependencies

See inbound and outbound content items

dependencies

ย 

widget-dependencies

Emulator

Emulate content in different screen sizes

emulator

ย 

widget-emulator

Content editor

User interface

content-studio-editor-user-interface-annotations

What

Function

Toolbar

Save, delete, duplicate, preview, publish. Toggle component view, page editor, inspect panel.

Form panel

Fields for structured content. Standard: Title, URL, menu, schedule, settings, access.

Page editor

Preview, page customisation (editing, drag and drop)

Inspect panel

Insert components, assign page template, see widgets

content-editor-overview

Components

content-editor-components

ย 

Component View

component-view

What

Function

Image

Component view

See and edit schematic view of all components

component-view

Image

Insert image

component-image

Part

Insert advanced component, e.g. button, articles list, banner, slider

component-part

Layout

Insert layout, e.g. 2 columns, 3 columns, or more complex

component-layout

Text

Insert rich text component

component-text

Fragment

Insert reusable component, e.g. complex layout with image, text, and parts

component-fragment

Search

content-studio-search

What

Function

Search field

Fuzzy search, instant results

Content types

Filter by content types

Last modified

Filter by week, day, hour

Image editor

content-studio-image-editor

What

Function

Image

DisplayName

Works as alt-text by default

image-editor-displayname

ย 

Crop

Crop image with slider and dragging, non-destructive

crop

ย 

Autofocus

Set focal point, always to be in focus regardless of aspect ratio

autofocus

ย 

Rotate

Rotate image clockwise

rotate

ย 

Flip

Flip image horizontally

flip

ย 

Caption

Provides captions to image if enabled on your site

ย 

Alternative text

Overrides DisplayName as alt-text

ย 

Keyboard shortcuts

Content navigator

Action

Mac OS X

Windows / Linux

New content

Alt + N

Select / Unselect content

Space

Edit selected content

โŒ˜ + E / Enter

Ctrl + E / Enter

Delete selected content

โŒ˜ + Delete

Ctrl + Delete

Publish selected content

โŒ˜ + Alt + P

Ctrl + Alt + P

Preview selected content

Alt + Space

Ctrl + Alt + Space

Content editor

Action

Mac OS X

Windows / Linux

Save content

โŒ˜ + S

Ctrl + S

Save content and close wizard tab

โŒ˜ + Enter

Ctrl + Enter

Close wizard tab

Alt + W

Delete content

โŒ˜ + Delete

Ctrl + Delete

Publish selected content

โŒ˜ + Alt + P

Ctrl + Alt + P

Preview selected content

Alt + Space

Ctrl + Alt + Space

Rich text editor

Action

Mac OS X

Windows / Linux

Cut

โŒ˜ + X

Ctrl + X

Copy

โŒ˜ + C

Ctrl + C

Paste

โŒ˜ + V

Ctrl + V

Paste as text

โŒ˜ + Shift + V

Ctrl + Shift + V

Select All

โŒ˜ + A

Ctrl + A

Bold

โŒ˜ + B

Ctrl + B

Italic

โŒ˜ + I

Ctrl + I

Underline

โŒ˜ + U

Ctrl + U

H1

โŒ˜ + Alt + 1

Ctrl + Alt + 1

H2

โŒ˜ + Alt + 2

Ctrl + Alt + 2

H3

โŒ˜ + Alt + 3

Ctrl + Alt + 3

H4

โŒ˜ + Alt + 4

Ctrl + Alt + 4

H5

โŒ˜ + Alt + 5

Ctrl + Alt + 5

H6

โŒ˜ + Alt + 6

Ctrl + Alt + 6

Paragraph

โŒ˜ + Shift + 7

Ctrl + Shift + 7

Div (Nornal)

โŒ˜ + Shift + 8

Ctrl + Shift + 8

Address

โŒ˜ + Shift + 9

Ctrl + Shift + 9

Undo

โŒ˜ + Z

Ctrl + Z

Redo

โŒ˜ + Y / โŒ˜ + Shift + Z

Ctrl + Y / Ctrl + Shift + Z

Insert link

โŒ˜ + K

Ctrl + K

Insert image

โŒ˜ + L

Ctrl + L

Find

โŒ˜ + F

Ctrl + F

Focus to toolbar

Alt + F10

Focus to element

Alt + F11

Sign up for trial

Related blog posts

Get some more insights ๐Ÿค“


Get started with Enonic! ๐Ÿš€