contents · drupal is a content management system running linux based system and a data base, each...

of 19

Drupaleasystartup

Contents1 Introduction .................................................................................................................................... 2

2 How To: ........................................................................................................................................... 3

2.1 Create a new page .................................................................................................................. 3

2.2 Delete a page .......................................................................................................................... 4

2.3 Re‐organise menu ................................................................................................................... 5

2.4 Edit a page ............................................................................................................................... 5

2.4.1 Pasting text ..................................................................................................................... 7

2.4.2 Table of content .............................................................................................................. 7

2.4.3 Using image downloaded in the web server ................................................................... 8

2.4.4 Link document ............................................................................................................... 13

2.4.5 Links to web page, document from other web server. ................................................. 17

2.4.6 Table .............................................................................................................................. 19

2.4.7 Other tool, tag, etc. in a page. ...................................................................................... 19

of 19

1 IntroductionSee IT pages on drupal service. CERN theme is used.

Note: in the CERN drupal environment, we do not have access to the entire web site via webdav.

Roles:

‐ CERN defaut: the administrators of the web site are members of the drupal‐admins‐

WebSiteName.

‐ EN/ICE default: en‐dep‐ice‐sw‐infra‐administrators is member of drupal‐admins‐

WebSiteName

‐ EN/ICE default: WebSiteShortCut‐web‐editing, members of the e‐group can

add/modify/delete content like web pages, etc. they do not have access to the entire admin

menu. The WebSiteShortCut‐web‐editing is managed by the WebSiteShortCut‐web‐editing‐

admin e‐groups.

When a page is opened, the drupal menu is hidden. To modify the content, you must first log in and

then click on the “Administration/Edit” button in the CERN header.

The button will be switched to “Browsing mode”

The web site is composed of content of different type:

‐ Basic page: HTML page

‐ Component: component and sub component

‐ Framework

‐ Download: component and framework

‐ Drupal default content

Note: Component, Framework and Download are defined only for unicos and jcop web sites.

Drupal is a content management system running linux based system and a data base, each content

has a node id (this node id is never displayed, EN/ICE setting), try to avoid space and other special

characters, because drupal will replace or remove them.

EN/ICE customization on top of CERN settings:

‐ Images and any other files that can be downloaded from a page are saved in

files/page/drupalPageTitleWebAlias

Note: drupalPageTitleWebAlias is the page title in lower case with special character replaced

by ‘‐‘

‐ An icon depending on the extension will be added in front of any reference of type: doc, rtf,

docx, txt, xls, xlsx, rss, atom, opml, phps, dotm, dotx, potx, torrent, vcard, exe, msi, dmg,

pptx, pps, xpi, fla, swf, zip, rar, gzip, bzip, ace, tar, gz, ical, css, ttf, jpg, gif, png, bmp, jpeg,

of 19

svp, eps, mp3, wav, ogg, wma, m4a (external links icon and mail icons are added by the

modules).

‐ png, gif, jpg, jpeg can be uploaded in the image area, drag and drop the files

‐ txt, pdf, doc, docx, pptx, ppt, zip, tar, vi, msi, dmg, exe, gz can be uploaded in the attached‐

file area, drag and drop the files

‐ WebSiteShortCut‐web‐editing: e‐group members can edit the content of the web site

‐ “Administration/Edit”‐“Browsing mode” button

‐ Special characters: for page, images, files, etc. special characters will be removed. For e.g.:

‘_”, ‘ ‘ will be removed or sometimes replaced by ‘‐‘, upper case letter will be set to lower

case letter in some cases. The node id is always replaced by the URL alias, drupal creates one

automatically

‐ Favicon, web site icon and name in the header are pre‐configured, they can be modified.

‐ Ubuntu font by default.

‐ EN icon added on the left of the project icon.

2 HowTo:You must be logged in and be in the administration/edit mode (see above).

2.1 CreateanewpageIn the drupal menu, ‘ContentAdd contentBasic page’

‐ Title: the text that will be displayed in the page.

of 19

‐ Accessible from the menu:

If set choose from where

‐ To modify the page afterwards: see edit page below

2.2 Deleteapage‐ Open the page

‐ Enter in admin mode

‐ Click on the Edit tab

‐ Click on the “Delete button” (bottom)

of 19

If you don’t know the name of the page or if there is no way to go to it via the menu or via html link:


‐ Click on Content in the drupal menu

‐ Edit or delete the corresponding page:

2.3 Re‐organisemenu‐ Enter in admin mode

‐ Click on StructureMenusMain menu

‐ Select the menu name, drag, re‐order and save the configuration.

2.4 Editapage‐ Open the page


‐ Click on the Edit tab

‐ png, gif, jpg, jpeg can be uploaded in the image area, drag and drop the files

of 19

‐ txt, pdf, doc, docx, pptx, ppt, zip, tar, vi, msi, dmg, exe, gz can be uploaded in the attached‐

file area, drag and drop the files

‐ put the text in the Body area

‐ And save the page.

Note: the page must be saved because drupal copies the files locally during the upload and

when the page is saved it copies them in the file folder (see above, EN/ICE customization).

‐ Three types of text format are allowed:

o Full HTML: images, table, etc. are shown

o Filtered HTML: images and table are not shown

o Plain Text

Note: what you see in the edition of the page is not always what you will see in the browsing

mode because the css may render differently the format (text, table, etc.). The css is the one

customized for the CERN theme. It can be overwritten.

‐ If you want this page to be the default one of the web site, in the bottom of the page

configuration, click on publishing options and set Promoted to front page.

of 19

2.4.1 PastingtextText can be pasted from any file or from another web site directly in the body area:

‐ the format will be kept

‐ Images will be in fact link to the image of the other web site.

‐ Document, html link will be copied as link

‐ Table will also be copied as table

It is better to paste the text via the word icon .

If you copied images and files reference into the body and you want the images and file reference

from your local web site (see below, using image and link document), you must first delete the

image or the document link and add them again (see below, using image and link document).

2.4.2 TableofcontentAnchor can be used to make a kind of table of content

‐ Put in front of the text you want to refer to and enter a reference

‐ Add a text and make a link with and select the anchor reference.

of 19

2.4.3 UsingimagedownloadedinthewebserverNote: in the advanced tab one can set advanced properties, like style, etc.

2.4.3.1 Documentfromanotherwebserver

‐ Click on the insert image icon in the body area and paste the copied link in the URL tab

of 19

2.4.3.2 DocumentdownloadedinthewebserverImage must be first uploaded in the web server before referencing them in the body area:

‐ Drag and drop images in the image area and click upload, the images are presented in a

table. You can remove them at any time.

of 19

‐ The Text format must set to Full HTML.


Note: the page must be saved because drupal copies the file locally during the upload and

when the page is saved it copies it in the file folder (see above EN/ICE customization).

To insert an image in the body area (reminder: the files must be first uploaded and the page saved,

see above, if the link does not contains “files/page” in the path, the page was not saved.).

‐ Right click on the image link:

‐ Click on the insert image icon in the body area and paste the copied link in the URL

of 19

‐ Remove all the characters from the file up to the end, in this particular case: “#overlay‐

context=training”

Note: the #overlay is added by drupal

‐ Remove all the characters from the beginning up to then end of the web site, typically

starting from http up to the first occurrence of “/sites”, in this particular case: “https://rade‐

drupal.web.cern.ch”

of 19

Note: if you don’t remove these characters, the image may not be visible.

‐ Resize the image if needed with the mouse or via the image property (right click or double

click on the image).

‐ The link must start with “/sites”:

of 19

To remember:

‐ The image link URL must start with “/sites”.

‐ The name of the file in the server may not be the same as the one used in the upload (see

above EN/ICE customization).

‐ If you rename the page title, then the folder in which is stored all the images of the page will

be renamed accordingly, you may have to redo the image link, by just changing the URL in

the image property window (right click or double click on the image)

‐ is shown If the image cannot be found

2.4.4 LinkdocumentNote: in the advanced tab one can set advanced properties, like style, etc.

2.4.4.1 Documentfromanotherwebserver

‐ Click on the insert image icon in the body area and paste the copied link in the URL, you

can choose the protocol type.

of 19

2.4.4.2 DocumentdownloadedinthewebserverDocument must be first uploaded in the web server before referencing them in the body area:

‐ Drag and drop the document in the attached‐files area and click upload, the documents are

presented in a table. You can remove them at any time.

‐ The Text format must set to Full HTML or Filtered HTML.


Note: the page must be saved because drupal copies the file locally during the upload and

when the page is saved it copies it in the file folder (see above EN/ICE customization).

of 19

To insert a link to a document in the body area (reminder: the files must be first uploaded and the

page saved, see above, if the link does not contains “files/page” in the path, the page was not

saved.).

‐ Right click on the image link:

‐ Click on the insert link icon in the body area and paste the copied link in the URL

‐ Remove all the characters from the file up to the end, in this particular case: “#overlay‐

context=training”

Note: the #overlay is added by drupal

‐ Remove all the characters from the beginning up to then end of the web site, typically

starting from the web site URL up to the first occurrence of “/sites”, in this particular case:

“rade‐drupal.web.cern.ch”

of 19

Note: if you don’t remove these characters, the link may not be accessible.

‐ The link must start with “/sites”:

To remember:

‐ The document link URL must start with “/sites”.

‐ The name of the file in the server may not be the same as the one used in the upload (see

above EN/ICE customization).

‐ If you rename the page title, then the folder in which is stored all the attached‐files of the

page will be renamed accordingly, you may have to redo the document link, by just changing

of 19

the URL in the link property window (right click or double click on the text linked to the

document)

2.4.5 Linkstowebpage,documentfromotherwebserver.Note: in the advanced tab one can set advanced properties, like style, etc.

2.4.5.1 Linktoexternalreference:webpages,etc.

‐ Click on the insert link icon in the body area and paste the copied link in the URL

2.4.5.2 LinktowebpagelocaltothewebserverTo insert a link to a local area of the web server in the body area:

‐ Click on the insert image icon in the body area and paste the copied link in the URL

of 19

‐ Remove all the characters from the beginning up to then end of the web site, in this

particular case: “rade‐drupal.web.cern.ch”

Note: if you don’t remove these characters, the link may not be accessible.

‐ The link must be start with “/”:

In the case the link is to the default page of the web browser:

‐ Open the URL of the web site


‐ Edit the page

‐ Click on URL path settings in the bottom and get the URL alias

of 19

‐ Paste it with a “/” in the URL link

Note: in most of the case the default page is accessible through the menu or header.

2.4.6 TableIf a table is copied from another (see above) he table will be kept as it is. You can also insert table by

clicking in the insert table icon .

Note: sometimes if you put images in a table the rendering via the css is not what you see in editing,

adding a new line before or after the image in the cell may give a better look and feel.

Note: in the advanced tab one can set advanced properties, like style, etc.

2.4.7 Othertool,tag,etc.inapage.See css and html definition, for example, one can also

‐ Use div container and set style, etc. To see all the block, use .

‐ Edit the page is source mode .

‐ Use Block Quote to highlight statement.

Note:

o In the editor one has

o In the browsing mode one has: due to the css file.

contents · drupal is a content management system running linux based system and a data base, each...

Documents