04/22/23 alicewebmaster 1

Create contents with the new Content Management System

(Drupal): Workflow for page editors

04/22/23 alicewebmaster 2

Outline

• Collaboration Layout• Content Creation and edition• Searching for your pages• Copy-Paste: Bad practices• More Info

04/22/23 alicewebmaster 3

Collaboration Layout

1

2 35

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

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

4

6

Create Content (new Page)

Login 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

04/22/23 4alicewebmaster

04/22/23 alicewebmaster 5

Create Content (new Page)

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

Create Content (new Page)

Select from dropdown menu:

Content management Create content Page

Or select from User Menu Block: Create content Page

04/22/23 6alicewebmaster

04/22/23 alicewebmaster 7

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

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

Edit the Content Body of your page

Select the parent Item in the content menu

Set the navigation Title

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

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

Change to Edit HTML code using the “Source” button

04/22/23 8alicewebmaster

Create Content (new Page)

04/22/23 alicewebmaster 9

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)

04/22/23 alicewebmaster 10

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/22/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 .

Directory browser

Log activity Preview

File browser

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

04/22/23 alicewebmaster 12

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

Create Content (new Page)

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 work

04/22/23 alicewebmaster 13

Content Mangement:Looking for your pages?

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

Looking for your pages?

04/22/23 alicewebmaster 14

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

Click to Edit the page

04/22/23alicewebmaster

15

Editing a PageSwitch between

EDIT and VIEW mode

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

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 2 3

Manage the Contents Menu

04/22/23 alicewebmaster 16

User Menu Block: Administer Menus Contents

Explanation help appears on the page

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

Create a Image gallery

04/22/23

alicewebmaster 17

• 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

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

Create a Image gallery (Example)

04/22/23 alicewebmaster 18

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

04/22/23 alicewebmaster 19

Create User NewsBy selecting the appropriate tag, the News Blocks in the front page are properly filled

04/22/23 alicewebmaster 20

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