8/16/2015alicewebmaster1 Create contents with the new Content Management System (Drupal): Workflow for page editors

04/19/23 alicewebmaster 1

Create contents with the new Content Management System

(Drupal): Workflow for page editors


Outline

• Collaboration Layout

• Content Creation and edition

• Searching for your pages

• Copy-Paste: Bad practices

• More Info


Collaboration Layout

11

22 33

55

1. Login2. Menu (Contents)3. Content Body4. Menu (Primary

Links)5. Meetings (Calendar)6. News Block

1. Login2. Menu (Contents)3. Content Body4. Menu (Primary

Links)5. Meetings (Calendar)6. News Block

44

66

Create Content (new Page)

Login into the system using your NICE CERN accountLogin into the system using your NICE CERN account

After login you will get:

• Dropdown menu for users with the proper rights (Admin, Secretaries)

• User Menu Block

After login you will get:

• Dropdown menu for users with the proper rights (Admin, Secretaries)

• User Menu Block

04/19/23 4alicewebmaster



Suppose you want to create a new page to put some Figures about some ALICE detectors.

That page should appear in the Content Menu under:

Physics Detector Performance

Suppose you want to create a new page to put some Figures about some ALICE detectors.

That page should appear in the Content Menu under:

Physics Detector Performance


Select from dropdown menu:

Content management Create content Page

Select from dropdown menu:

Content management Create content Page

Or select from User Menu Block: Create content Page

Or select from User Menu Block: Create content Page



Create Content (new Page)Set the Title of your pageSet the Title of your page

If this page will appear in the menu. Click on “Menu settings” to see the options

If this page will appear in the menu. Click on “Menu settings” to see the options

Edit the Content Body of your pageEdit the Content Body of your page

Select the parent Item in the content menu

Select the parent Item in the content menu

Set the navigation TitleSet the navigation Title

Edit the Content Body of your page with a WYSWYG editor like WordEdit the Content Body of your page with a WYSWYG editor like Word

Keep the pointer over a toolbar icon to see the help text

Keep the pointer over a toolbar icon to see the help text

Change to Edit HTML code using the “Source” button

Change to Edit HTML code using the “Source” button




Copy-Paste: Bad practices

• While copy-pasting of contents, try not to drag into the page the format from your document source. As a consequence:– Awful display of pages (public is seeing this).– Hard to maintain pages (most of the time you will have

to redo the job or clean all unwanted HTML tags into the sorce code).

– No HTML(Text) editor is free of this. Just think when you try to copy from a PDF file to WORD. WORD is a clever software and fails why do you expect a HTML editor to behave better?

Insert Image/link to file (Upload)


User Insert/Edit Image/Link buttons to add or edit Image/Link properties

The Image/Link properties dialogbox will appear

Use the Browser Server button to select and upload the file/image (next slide)

.

User Insert/Edit Image/Link buttons to add or edit Image/Link properties

The Image/Link properties dialogbox will appear

Use the Browser Server button to select and upload the file/image (next slide)

.

“Browser Server” File manager

04/19/23alicewebmaster 11

Menu:

Upload: Add new files to the current dir

Thumbnail: Create thumbnail of the selected image(s)

Delete: Delete the selected file(s)

Resize: Resize the setected image(s)

Unzip: unzip the selected file (use to upload multiplfiles)

Manage directories: Add/Remove directories

Send to FCKEditor: Send back the link to the selected file to the Editor .

Menu:

Upload: Add new files to the current dir

Thumbnail: Create thumbnail of the selected image(s)

Delete: Delete the selected file(s)

Resize: Resize the setected image(s)

Unzip: unzip the selected file (use to upload multiplfiles)

Manage directories: Add/Remove directories

Send to FCKEditor: Send back the link to the selected file to the Editor .

Directory browserDirectory browser

Log activityLog activity PreviewPreview

File browserFile browser

Note: Some directories or menu options could be not present depending on your permissionNote: Some directories or menu options could be not present depending on your permission


Set the URL of the page:

Drupal no not create folder structure in the URLHere you can mimic URL address inserting here the full path (by yourself)

If you don’t set the URL, then the URL will set automatically to something like /node/14326

Set the URL of the page:

Drupal no not create folder structure in the URLHere you can mimic URL address inserting here the full path (by yourself)

If you don’t set the URL, then the URL will set automatically to something like /node/14326


PREVIEW action doesn’t save changes of the content. Use as many times until you are satisfied with your work.

PREVIEW action doesn’t save changes of the content. Use as many times until you are satisfied with your work.

SAVE action to finish your workSAVE action to finish your work


Content Mangement:Looking for your pages?

Drupal doesn’t provide a “Explorer” View of contents

Drupal doesn’t provide a “Explorer” View of contents

Filtering is the way to look for your content

Select from dropdown menu: Content Manament Content Manament Filter

Or from User Menu Block: Administer Content Manament Content Manament Filter

Filtering is the way to look for your content

Select from dropdown menu: Content Manament Content Manament Filter

Or from User Menu Block: Administer Content Manament Content Manament Filter

Looking for your pages?


Here you can see the result of the process of select user name: genoud

Here you can see the result of the process of select user name: genoud

Click to Edit the pageClick to Edit the page

04/19/23alicewebmaster

15

Editing a PageSwitch between

EDIT and VIEW modeSwitch between

EDIT and VIEW mode

Add a Log message in Revision information section before save the changes

Add a Log message in Revision information section before save the changes

See previous REVISIONS and revert the old content

See previous REVISIONS and revert the old content

1. Every time you SAVE a new revision is created.

2. Use PREVIEW to see your changes before save the content.

3. DELETE action is definitive. All the revision information is lost, do not ask for help at this point.

1. Every time you SAVE a new revision is created.

2. Use PREVIEW to see your changes before save the content.

3. DELETE action is definitive. All the revision information is lost, do not ask for help at this point.

11 22 33

Manage the Contents Menu


User Menu Block: Administer Menus Contents

User Menu Block: Administer Menus Contents

Explanation help appears on the page Explanation help appears on the page

Create a new menu item:Link to any page in the server or an external link

Create a new menu item:Link to any page in the server or an external link

Create a Image gallery

04/19/23

alicewebmaster 17

• Create a Page• In the body of the page write: [bg | path/to/your/gallery/folder]

• Create a Page• In the body of the page write: [bg | path/to/your/gallery/folder]

The root dir for all galleries files is set to the galleries folder

In the example the path is:Social-Events/2008/Mechoui2008

The root dir for all galleries files is set to the galleries folder

In the example the path is:Social-Events/2008/Mechoui2008

Example:[bg|Social-Events/2008/Mechoui2008|5|150|sort|all|#f5f7e7]Example:[bg|Social-Events/2008/Mechoui2008|5|150|sort|all|#f5f7e7]

The last part is no needed. You can use it if you need to overwrite the default settings|5|150|sort|all|#f5f7e7•Num of columns•Image width•Sorted by name•Show all images•Background color

The last part is no needed. You can use it if you need to overwrite the default settings|5|150|sort|all|#f5f7e7•Num of columns•Image width•Sorted by name•Show all images•Background color

Create a Image gallery (Example)


Here http://drupal.org/project/brilliant_gallery you can found more info about configure galleriesHere http://drupal.org/project/brilliant_gallery you can found more info about configure galleries


Create User News

By selecting the appropriate tag, the News Blocks in the front page are properly filled

By selecting the appropriate tag, the News Blocks in the front page are properly filled


More info

• This is not a definite guide

• Check the Editor Rules page– http://aliweb.cern.ch/editorRules.html

• That page is editable so feel free to send us the pieces of information you might believe can be added there.

• Contact Webmaster – http://aliweb.cern.ch/contact.html

Documents

8/16/2015alicewebmaster1 Create contents with the new Content Management System (Drupal): Workflow for page editors