Adagio4Web Content Management

EP Information Offices

Adagio4 – full interface

Full interface: Toolbar

Extra features: REFRESH: to reconnect to the page/upload modifications from other users.

COPY PAGE: to copy the entire page / paste it on a new page.

UNDO/REDO: features allowing to correct mistakes. "Undo“ reverses the last action you performed on the website, and "Redo" undoes the last Undo action (action on the website, not only on the page)

SIDEBAR/CONTENT: select "sidebar" or "content" to start inserting content either in the central content zone or in the sidebar.

Boxes

4 boxes:

• Macro

• Load & Save

• Page properties

• Menu Edition

Boxes Load&Save

There are 3 possibilities:

Download content Download content + static files (pictures, tables, etc.) Website update file: used to upload the content of another

website (created with adagio4). Notice: this operation erases the current website.

This section is used to save the website structure,

content and static files in a zip archive.

Boxes 'Page properties' box

This dialog box is used to change the page properties.

4 properties:

Template: to choose a graphic charter. When selecting ROOT instead of a page, the template is used for the entire website.

Page name: code in the navigation path: name that will appear in the URL. Visibility: If this parameter is set on "NO", the page does not appear in the navigation menu. (ex: links to invisible children)

Links towards the page: to create a link between a word used in the website and the page. Each name must be typed to the line.

Boxes Menu edition

2 extra tools:

"Virtual parents“: to create a page shortcut (= copy a page in another part of the website under a virtual parent page). When the original page is modified, the changes are updated in the copy.

"Parent page": to move a page in the website structure. (=green arrows)

This dialog box is used to modify the menu structure.

Boxes Macro

This tool is used to create a press release: a pre-defined page containing a title - description - image - paragraph - date.

to create a page located under a month

to create a page using today's date. You must position yourself on a category (child of "press-release“ : ex: news, activities)creates a page per month over a period of 1 year. You must position yourself on a category (child of "press-release“).

ComponentsEach page is a set of components

Types of components:

Title componentsTitle: to edit the page title which appears in the Menu. (= page label)Subtitle: 9 different levels with own size / character style.Global titles: used when translating the website name (defined in My data)

Textual componentsDescription: describes the page and is used for the web search engines.Paragraph: block of textText in list: Displays the text as list. Each "Enter" creates a new list element.Date: displays the date

Components LinksExternal link: to insert links towards other websites. Reversed link option : link automatically created if name appears in the websiteInternal link: to set links towards other pages in the website.Site map: used to display a sitemap on the page. Anchor /link to anchor: used to set a link in the current page.Link to file: used to upload a file on the websiteLinks towards children: used to link a page to its children.Links to pages: used to display links towards other pages.

Graphic componentsImage: free image : to upload an image as it is (no size modification fit

screen) standard image : to upload an image whose size will be

automatically adapted to fit a width defined in the template .Decorative image: to upload an image from a database.Banner: to upload a long imageImage gallery: images are displayed on a page according to template.

Components

Special components

◦ Empty space: to set a space between elements.◦ Csv table: to upload a table from Excel.◦ Keywords: to add keywords.◦ Contact form: to insert a pre-designed contact form.◦ Debug note: to insert internal messages that will be viewed by

other contributors in view mode

Content editing

Copy/Paste elements: It is possible to c/p 2 things:  ◦ the structure of a page◦ A component with all of its content.

Repeating elements: This button is used to repeat a component in children pages. OChanges of content in parent page autom. modified in children pages( often used in sidebar)

STEP BY STEP Move a page in the navigation:

To modify the website structure, pages may be relocated in the navigation tree thanks to:

the green arrows or by selecting a parent

page in the Menu Edition - Parent page

STEP BY STEP Change the page name

The "page name" is an internal code which is used for the URL (Example: a page named contact will have the URL http://test.adagio4.eu/contact).

It may be different from the Page Title. In order to get a coherent website, it is preferable to choose a page name which is relevant with its content.

select the page in the Menu go in the "page properties" box type a new name in the "page name:" field click on "ok".

Full interface: Tabs (Global management)

Administrators Tab used to manage administrators accounts

In the User management box:

◦ Download a list of users◦ Replace the current list ◦ Merge a list together with the current list displayed on the screen. The

system will automatically update the roles.

Types of roles:

◦ admin : Access to all actions (= general administrator)◦ content : Enable to modify the content of pages◦ remove-file : Enable to delete static elements◦ navigation : Enable to modify navigation◦ add-navigation : Enable to add elements in the navigation◦ admin-user : Enables to manage users◦ statistics : Access to statistics◦ publisher : Enable to publish the website ◦ mailing : Enable to send mailings ◦ light interface: Access to the simplified interface

TabsUsers

The notion of 'User' is used for mailing purposes. Users are e-mail receivers.

ACTIONS

• Create new user

• Users management - download a list of users- replace the current list - merge a list together with the current list displayed on the screen. The system will automatically update users' roles.

• Import bulk e-mailPaste a text and the CMS will automatically select all email addresses contained in this text.

• Roles editionTool used to create different types of roles (guests, administrators, email receivers, members etc.)

Adagio4 – Tabs Statistics

Website activity: Most visited pages per day/hour/language Traffic Sources (referents)

Mailing campaigns Follow-up

TabsFiles

Section which enable actions on files and directories (images,CVS):

• create/delete repertories

• copy/cut/paste/delete files

• add descriptions

• search for files

• focus images

TabsMy data

Section used to set:

• Super administrator’s particulars• Website properties• Interface language (En/Fr)• Website languages• Global title• Page alias• Google Analytics.• Alias (“copy of”) to set in empty website. Ex: europa.it alias of: roma.adagio4.eu

Useful tools

Images + focusQuicklinks Reversed linksLinks to pagesExtract the selectionMarkerRSS

Images

Free image: upload an image as it is. No size modification except to fit the screen.(use FOCUS tool)

Standard image: to upload an image that will automatically resize and crop to fit a zone defined by the template. (the image is re-proportioned according to the width defined by the template)

Banner: to upload a long image

Decorative image: to upload an image from a data base. This database is common to all EP information offices. The image is invisible on the page where the component is used.

Meta data: focus + description

"Files" tabulation organize all files and images.

Advice:

Use the Focus tool on each image to select the important zone.

When uploading a “free image” that needs to be reduced to fit the screen, the system focuses on the important zone.

Quicklinks

• Create a new page called quicklinks

• Create its children pages using the following predefined names:• Contact• Disclaimer• Sitemap• FAQ

• Insert content in each page (ex: contact form)

Reversed links

Internal link= a hyperlink that is a reference to another page of the website.

Reversed internal link

Insert names that will be linked to a page. Each name must be typed to the line.

Ex: newsletter links to current page every time the word “newsletter” appears in the website.

Reversed links

External link

= link to another website (ex: )

Reversed internal link.

If selected, a link is automatically created every time the name appears in the website.

Reversed links

Link to file: To attach a file

Reversed internal link

If selected, a link is automatically created every time the name (file label) appears in the website.

Reversed links

TIP:

In ‘preview’ mode:

You may easily find the pages where reversed links were set.

Linking to other pages

Component ‘links to pages’ is used to display links to other pages.

Types of display:

• Slideshow• Standard • Light display

Linking to other pages

Rule button: to display all pages, or make a selection

By default selected : to select automatically all displayed pages.

Reference page : to display the selected referent and its children for an easier selection.

REM1: insert a description in the linked pageREM2: 1st image or decorative image which is invisible on the linked page

Identifies a pageIt is possible to modify an URL to get a better identification

Example: Instead of showing: http://test.adagio4.eu/view/it/press-release.htmlShow:http://test.adagio4.eu/news

Go in "My data" In URI Alias: set an alias using the syntax:

alias=real path

URL marketing

On top of all textual components "select a marker" option.

When another language is used in a text, it may be specified enhances the website accessibility (text reader softwares)(example: a quotation in french in an english text)

HOW:

◦ In 'My data": all languages used in the website should have been selected.◦ In 'select a marker": choose a language◦ Select the text to be marked◦ Click on Mark

Marker

In textual components:

◦paragraph◦text in list ◦footnote

used to facilitate the importation of text from other applications by bursting it directly into components.

HOW:

Select a part of text in the textual component Select a component type Click on "extract the selection" The selected text is moved into the selected component

Text extraction tool

TIPS By clicking on the box titles, you can open or close the

boxes to save some space on the screen.

Use the "Copy page" button to copy the current page structure and paste it in a new page.

Use “virtual parents” to create a page shortcut (modifications in the original page = automatically modified in the copied pages)

EXERCICES 1/ Enter in http://training.adagio4.eu/edit/

with Login : light / full - Password : light / full 2/ For admin: Create a new administrator (in full interface) 3/ Create a new page (ex: your last name) 4/ Move the page in the navigation : insert it after ‘homepage’ 5/ Change its name (instead of last name: first name) 4/ Insert content (title – title in menu …) 5/ Upload a free and standard image. Preview it to see the difference. 6/ Create a repertory and put your photo file in it 7/ Use focus tool + description 7/ Upload photo (decorative image) – see impact in links 8/ Create a press release 9/ Create links to press releases on the homepage 10/ Check the stats 11/ Insert a virtual parent (your page as a virtual child of ‘ homepage’) 12/ Test reversed links – internal links 14/ Mailing