USER MANUAL PROJECT WEBSITES...3. If it is possible to cut a word out, always cut it out. 4. Never...

USER MANUAL PROJECT WEBSITES

Version 2March 2017

Page 2

ContentINTRODUCTION ........................................................................................... 4

HOW TO USE THIS MANUAL ............................................................................ 5

A. ACCESS AND USER PROFILE ......................................................................... 6

A.1. Log in ......................................................................................... 6

A.2.Userprofile .................................................................................. 6

A.3. Interface ..................................................................................... 8

B. WORKING WITH CMS ................................................................................10

B.1.Workingwithfolders ......................................................................10

B.1.1.Folderstructureandview ........................................................11

B.1.2.Creatingfolder .....................................................................12

B.1.3.Renamingfolder ...................................................................13

B.1.4.Movingfolder ......................................................................13

B.1.5.Deletingfolder .....................................................................14

B.1.6.Orderoffolders ...................................................................14

B.2. Working with pages ........................................................................15

B.2.1Pagetemplates..................................................................................16

B.2.2. Creating page ......................................................................20

B.2.3. Renaming page ....................................................................21

B.2.4.Movingpage .......................................................................22

B.2.5. Copying page ......................................................................22

B.2.6.Deletingpage ......................................................................22

B.2.7.Savingpage ........................................................................23

B.2.8.Livepreview .......................................................................23

B.2.9.Publishingpage ....................................................................23

B.2.10.Advancedworkingwithpages .................................................24

B.3.Editingcontent .............................................................................25

B.3.1.Editing ..............................................................................25

B.3.2.Creatinglink .......................................................................26

B.3.3.Creatinglists .......................................................................27

B.4.Workingwithfilesandimages ...........................................................28

B.4.1.Uploadingimage ...................................................................28

B.4.2. Image properties ..................................................................28

B.4.3.Manipulatingimage ..............................................................29

B.4.4.Movingimage .....................................................................30

B.4.5.Deletingimage....................................................................30

B.4.6.Uploadingfile .....................................................................31

B.4.7.Editingfile .........................................................................31

B.4.8.Movingfile .........................................................................32

B.4.9.Deletingfile .......................................................................32

B.5.Objectproperties ..........................................................................33

B.6. SEO ...........................................................................................34

TAKING COOPERATION FORWARD

Page 3

C. WORKING WITH HOME PAGE.......................................................................36

C.1. Using tags ...................................................................................37

C.1.1. Text tag .............................................................................37

C.1.2.Textboxestag .....................................................................39

C.1.3.Numbersanimatedtag ..........................................................42

C.1.4.Numbersstatictag ...............................................................43

C.1.5.Projectdurationtag .............................................................44

C.1.6.Tabletag ...........................................................................45

C.1.7.Gallerytag .........................................................................46

C.1.8.Parallaxingbackgroundtag .....................................................47

C.1.9.Newsletterregistrationtag .....................................................48

C.1.10.Documentsandpublicationstag ..............................................49

C.1.11. Contacts tag ......................................................................52

C.1.12.Eventoverviewtag ..............................................................53

C.1.13. Partner map tag .................................................................54


Page 4

INTRODUCTION

TheprojectwebsitesareintegratedintotheprogrammewebsiteusingGenticsContentMa-nagementSystem(CMS).Thismanualprovidesyouwithstepsandinstructionshowtocreateandedityourprojectwebsite.

Incaseyoucannotfindanswerstoyourquestionsinthismanual,[email protected].

Contentofyourwebsite

Theinitialfewseconddeterminewhetherthevisitorspendsmoretimeonyourwebsiteorleaves.Goodcontentisaprerequisiteforreturningvisitor,sobeforeyoustartbuildingyourwebsitethinkaboutthecontentandmessageyouwanttopassacross.Thewebsiteofferslotofflexibilityandgiveswaytocreativity,soyoucanmakeityourownandwehopethatyoumakemostofit.

Rememberthatcertainminimumrequirementswhenitcomestocontentneedtobeobserved:

� Abouttheproject:objectives,activitiesandmainexpectedresults

� Basicnumericalinformationabouttheproject:start/enddate,fundingamount,numberof partners etc.

� Regularnewsaboutprojectactivities

� Descriptionofworkpackagesandoutputs

� Documentlibrary(atlaterstage)containingallfinaliseddeliverables

� Listofpartnersandlinkstotheirwebsites

� Contactdetails

Forinsipirationhavealookattheexamplepagewww.interreg-central.eu/projectacronym

NOTEPleasenotethateventhoughtheprojectwebsitesarehostedontheprogrammewebsite,itistheresponsibilityoftheprojecttodevelopandregularlyupdatetheprojectwebsite,mi-nimumrequirementslistedaboveareaMUST.

TIP1. Never use a meta-phor, simile, or otherfigureof speechwhich

youareusedtoseeinginprint.

2.Neverusealongwordwhereashortonewilldo.

3.Ifitispossibletocutawordout,alwayscutitout.

4.Neverusethepassivewhereyoucanusetheactive.

5. Never use a foreign phrase,a scientific word, or a jargonword if you can think of aneverydayEnglishequivalent.

6.Breakanyoftheserulesso-oner than saying anything out-rightbarbarous.

George Orwell, Politics and the English Language (1946)


Page 5

HOW TO USE THIS MANUAL

Thismanualservesasareferenceguideforworkingwithyourprojectwebsite.Themanualissplitintothreeparts.

Thefirstpart(partA)introducesyoutotheuserprofileandinterface.

Thesecondpart(partB)introducesyoutoworkingwiththeCMSanditsobjectswhicharethecornerstonesofyourwebsitearchitectureanddescribeshowto:

� workwithfolders

� work with pages

� workwithfilesandimages

� andhowtoeditthecontent

Thethirdpart(partC)describeshowtostartbuildingyourprojecthomepagefromvarietyoftagsthatareavailable.Someofthetagsaredirectlyconnectedtothefolderstructure,wethereforerecommendyoutofirstgetfamiliarwithpartB,especiallysectionworkingwithfolders,andonlythenstartworkingwiththehomepagetags.

Foreasynavigationrefertothecontenttable.


Page 6

A. ACCESS & USER PROFILE

YoucanaccesstheCMSofyourwebsitethroughfollowinglink:

cms.interreg-central.eu

A.1. Log in

Enteryourloginandpasswordintotheloginmask.Ifyoudonothaveloginyet,[email protected].

A.2.Userprofile

Theuserprofileislocatedatthetoprightcornerofyourbrowserwindow.Youruserrightsareautomaticallylinkedtoyourlogin.Theseareassignedbythesystemadministratoranddefinethepossibleworkingstepsthatyouareallowedtocarryoutinthesystem.Thedisplayofelementsinthenavigationandinthemenuisalsolinkedtotheuserrights.Userrightscanonlybechangedbythesystemadministrator.

TIPForoptimalperforman-ceoftheCMS,were-commend you to use

Chrome50.0orMozillaFirefox45.0orlaterversions.


Page 7

Whenyouclickontheusericon,thedialoguewindowappearswhereyoucanseethelog

outbutton.Hereyoucanalsochangeyourpasswordbyclickingonthecontextmenu

NOTEAlways log out correctly using the logout button. Do not simply close the window. Other persons with access to your workstation could continue to work within a certain time under your login in the CMS.


Page 8

A.3. Interface

Assoonasyoulogintothesystem,thecontentofthecurrentfolderwillbelistedinthecontentsection.Togettoyourprojectfolder,clickthroughtheHOMEfolderuntilyoureachyourprojectfolder.


Page 9

TheuserinterfaceoftheCMSconsistsofthefollowingsections: � Search section

� Navigationsection

� Content area

Search section

Therearetwowayshowyoucanusesearch. � Bysimplytypingkeywordsintothesearchbarontopofthescreenyouwillsearchth-roughallofthefilesinthecurrentfolderwithouthavingtoreloadthepage

� Youcanalsosearchthroughthecurrentfolderandallitssubfoldersbytypingkeywordsintothesearchbarandhittingreturnkey

Youcanfindinformationaboutyourcurrentpositioninthefolderstructureinthepathontop of the page.

Navigationsection

Inthe leftcolumn,thenavigationsectionoftheCMS isallowingyoutoaccessthewholefolderstructureofyourwebsite.

Content section

Intherightcolumn,alltheobjectswhichyouselectviathenavigationcolumnwillbedis-played.


Page 10

B. Working with Gentics CMS

AllobjectsintheCMSaredisplayedinlists.Ifyouselectafolderinthenavigationsection,alistofallpages,files,imagesandsubfolderscontainedinthisfolderwillbedisplayed.Inthelistview,youcanquicklyandeasilycarryout[Actions]ononeormoreobjectsinthelist.

B.1Workingwithfolders

Foldersarecontainingcontentlikepages,imagesetc.Foldersserveforclearmanagementofobjectsandareoftenusedasabasisforthewebsitenavigationstructure.

Onceyouloginyouwillseesetofpre-definedfoldersandunderneathyourhomepage.Thissetofpre-definedfoldersistheretomakethenavigationstructureeasier.Werecommendyoutokeepthisstructureandcreateallnewcontentpagesinsidethesefolderstokeepthetoplevelclear.

TIPAttentionmustbepaidto logical consistencyandclaritywhencrea-

tingandnamingfolders.Agoodstructure is the best way toavoidconfusion.


Page 11

B.1.1Folderstructureandview

ARCHIVEfolderautomaticallystorespasteventscreatedusingeventpagetemplate,thereisnoneedofanyactionfromyoursidewhenitcomestotheirarchiving.

CONTACTfoldercontainssetofpre-definedsubfolderscorrespondingwiththedifferentrolesofpartner‘sintheproject.

DOCUMENTSfoldershouldserveasarepositoryofallfinaliseddeliverablesoftheproject.

EVENTSfoldershouldbeusedasarepositoryofalleventpages.

IMAGESfoldershouldbeusedasarepositoryofallyourimages.

NEWSfoldershouldbeusedasarepositoryofallyournewspages.

OUTPUT LIBRARY folderfeedsdirectlyintotheprogramme‘soutputlibrary.Moreinformati-ononthefunctionalitywillfollowsoon.

Eachfoldercanhaveanarbitrarynumberofsubfolders.Clickingonthesymbolinfrontofthefoldernameinthenavigationsectionselectsthefolder.Clickingonthenameofthefolderwillopenthefolderandallcontainingcontentwillbedisplayed.


Page 12

B.1.2Creatingfolder

In order to create a new folder click on add folder icon.Thedialoguewindowwillopen.

Hereyoucan:

� Enternameofnewfolder

� Definenameofdirectoryunderwhichallobjectscontainedinthisfolderarestoredonthewebserver.ThiseffectstheURLoftheseobjects(pages,imagesetc.).Ifyoudonotwishtospecifyadirectoryofyourown,simplyleavethisfieldblank.Thenallpagesstoredinthisfolderarepublishedinthesamedirectory

� Enteradditionalinformationindescriptionfield

Clickingon[OK]confirmsyourinputandyoureturntothelistview.Thenewfoldercanbeselectedinthenavigationsection.


Page 13

B.1.3Renamingfolder

Torenameafolder,clickonthecontextmenu andthenon

Hereyoucanedit:

� Nameofthefolder

� Nameofthedirectoryand

� Descriptionoftheselectedfolder

Toconfirmyourchangesclick button.

B.1.4Movingfolder

Inordertomoveonefoldertoanotherclickonthecontextmenu andthenonAnewwindowwillappearwhereyoucanselectthetargetfolder.


Page 14

YoucannavigatethroughyourCMSbyusingthepathontopofthepage.Toconfirmtheactionclickon[MOVE]totargetfolder.

NOTEIf you wish to move several folders at the same time, the selected folders can only be moved to the same target folder, not to different folders. When moving folders all links are automatically moved at the same time. This saves you having to link pages, files and images again if the publication directory of the folder should have changed.

B.1.5Deletingfolder

Todeleteafolder,clickonthecontextmenuandthen ormarkthecheckbo-xesofall the foldersyouwant todeleteand thenusethedeletebutton.

NOTEAll objects such as pages, images, files that are in the folder or subfolders including their content will be lost when the folder is deleted. Although the link management of CMS prevents invalid links occurring on the page by deactivating these links, you should ne-vertheless take care not to inadvertently delete objects linked from other pages.

B.1.6Orderofthefolders

ThefoldersintheCMSappearinthealphabeticalorder,thisdoesnothoweverneedtobereflectedsamewayonthefrontend.Ifyouwishtoorganisethefoldersinadifferentorderonthefrontendyouneedtogotocontextmenu andthento .In[ObjectProperties]sectionyoucaninsertthesortordernumberofthefolder.

Forexample,ifyouwantafolder„leadpartner“toappearabovefolder„communicationma-nager“onthefrontend,yougive„leadpartner“foldersortnumber10and„communicationmanager“sortnumber20.

FormoreinformationaboutobjectpropertiesrefertochapterB.5.

TIPWhen giving folderssortordernumberswerecommend to count

bytens:10,20,30etc.Thiswayyou will avoid re-sorting incase you create extra folderthat youwant to position bet-weenexistingfolders.Youcanthen easily give a new folderforexamplesortnumber15anditwillthenbeplacedautomati-callybetweenexistingfolders.

TIPTo create/edit/deletesubfolders follow thesamestepsaswithfol-

ders.


Page 15

B.2 Working with pages

Pageshelpyoutoprovidemorecontentandinformationandarecomplementingyourhomepage,whichshouldaimtocarryshortteaser infomation.Everypagehasastatuswhichisimportantforediting andpublishing .

Youcanidentifythestatusofthepageinthelistview.

Thepageispublished.

Thepageisstored,butnotpublished.Thispageversionmightbedifferenttothepublishedpageversion.If[EDITED]isinred,thepageislockedforediting,whichmeansthatsomebodyiscurrentlyworkingonthispage.Thispagehasnotbeensavedandcurrentlycannotbeeditedbyanotheruser.

TIPKeep information onyour home page shortand to the point and

rather link to pages wheremore information is displayed.Thisway, youwill ensure thatyourhomepageisnotoverloa-dedwith informationandyourvisitorwillbeabletogetmostimportantinformationquickly.


Page 16

B.2.1Pagetemplates

Whencreatinganewpageyoucanchosefromfollowingpagetemplates: � Content page

� Eventpage,defaulttemplateofthefolderEvents

� Contactpage,defaulttemplateofthefolderContacts

NOTEOn your project website, the choice of templates is already pre-defined and linked to the

specific folders.

Content page

Contentpageisamostcommontemplatethatyoucanusefordisplayingmoreinformationaboutyouractivities,outputs,newsetc.Therearethreetextfieldsinthecontentpagetemplate,eachdirectlyeditable.

Hereyoucaninsert: � Headlineintothefirsttextfield

� Teasertextorsubheadlineofyourpageintothesecondtextfield

� Standardtextwithimagesintothethirdtextfield

FormoreinformationonhowtoeditthecontentrefertochapterB.3.


Page 17

Eventtemplate

TheeventtemplateisadefaulttemplateoftheEVENTSfolder.Itissimilartothecontentpagetemplatebutitcontainsadditionaleventsettingswhichhelpyoutothoroughlydescribeyourevent.Thisinformationisthenreflectedintheeventcalendarandisalsobasisfortheeventsearchfunction,thereforeitisimportantthatthesefieldsarecompletedwithasmuchinformationaspossible.

Thebasicstructureoftheeventtemplateissameasthatofthecontentpagetemplate.

Hereyoucaninsert: � Titleofyoureventintotheheadline

IMPORTANT:alwaysremembertoinsertyourprojectacronyminfrontoftheeventtitle.Thisisimportantfordisplayingofyoureventinthecalendarontheprogrammewebsite.

� Dateandplaceofyoureventintothesubheadline

� Descriptionofyoureventintothestandardtextfield


Page 18

Inaddition,theeventsettingssidebar,shownautomaticallyintherightcornerofthetemplate .,needstobealsocompletedwithinformationaboutyourevent.Thisensuresthatyoureventisproperlylistedintheeventcalendar.

>Insertlocationoftheevent

>Insertstartandenddateoftheevent

>Insertcontactemailaddressorwebsiteaddress

>Selectcountryinwhicheventistakingplace

>Chooserelevanttopicoftheevent. FormultiplechoicepressShiftandarrows

>SelectPROJECTforanyinternalprojectmeeting/ eventinvolvingonlyproject/associatedpartners without external audience >SelectEXTERNALforanyeventwithexternalaudience

NOTEOnceyouhavecreatedtheeventpageandpublishedit,theeventwillautomaticallyshowonyourwebsiteintheEVENTOVERVIEWtag.Makesurethatyouhaveinsertedthistagintoyourhome page. For more information refer to chapter C.1.12.


Page 19

Contacttemplate

ThecontacttemplateisadefaulttemplateofthefolderCONTACTS.ThefolderCONTACTSalreadycomeswithfollowingpre-definedsubfolders:leadpartner,projectmanager,financemanagerandcommunicationmanager.

Whenyouwanttoentercontactdetailsofforexamplecommunicationmanager,simplygotothesubfoldercommunicationmanagerandcreateanewpagethere.Thecontacttem-platewillbeautomaticallyusedandfollowingscreenwillappear.

Hereyoucanenter:

� Name of the person

� Contactdetailsofthatperson

NOTEOnceyouhavecreatedthecontactpageandpublishedit,thecontactinformationwillauto-maticallyshowonyourwebsiteintheCONTACTStag.Makesurethatyouhaveinsertedthistagintoyourhomepage.FormoreinformationrefertochapterC.1.11.


Page 20

B.2.2 Creating page

Tocreateanewpage,firstselectthefolderinwhichyouwanttocreatethispageandclick.Adialoguewindowwillopen.

Hereyoucanenter: � Nameofyourpage.Thepagenameisoftenusedaspageheader

� Thefilenamewillbecreatedautomaticallybasedonthepagenameassoonasyouclick[OK].Ifyouassignthefilenameyourself,youmustensurethatthecorrectfileextensi-onisusedandthatnospecialcharacters,accentsorblanksareused.Youcanomittheextension(e.g..html);thesystemthenaddsthisextensionautomatically.

� Descriptionofthepageusingkeywordsorfullsentences


Page 21

B.2.3 Renaming page

Selectthedesiredpageandclickon inthecontextmenu

Hereyoucanedit: � Name of the page

� Filename

� Descriptionoftheselectedpage

Confirmyourchangesbyclickingthe button.


Page 22

B.2.4Movingpage

Tomovethepage,selectcheckboxesofallthepagesyouwanttomoveandclickinthecontextmenu

Thedialoguewindowwillopenandyoucanconfirmthetargetfolderbyclickingonit.Youcaneasilynavigatethroughthefolderstructurebyusingthepathontopofthepage.Toconfirmtheactionclickon[MOVEHERE]totargetfolder.

B.2.5 Copying pages

Ifyoudonotwanttostartanewpagefromscratchyouhavealsooptionofcopyingtheexis-tingpage.Todoso,openthecontextmenu andclick

B.2.6Deletingpage

Todeletethepage,clickonthecontextmenuandthen

Ormarkthecheckboxesofallthepagesyouwanttodeleteandusedelete icon.

NOTEAs soon as you confirm [DELETE] action it cannot be reversed. Please also note that if you delete a page, the respective links to this page on all other pages linked to this page will be automatically deactivated via the automatic link management routine.

TIPIfyouwanttomovese-veralpagesatthesametime by activating the

checkboxes,youcanonlyselectonetargetfolderforallthepa-ges.Whenpagesaremoved,alllinksareautomaticallyupdated

bythesystem.


Page 23

B.2.7Savingpage

Byusing buttonyousaveallchangesthatyoujustmadetothepage,butthepageisnotpublished/onlineyet.Thismeansthatthelastpublishedversionofthepageisstillvisibletothevisitorsofyourwebsite.Thisisespeciallyusefulifyouwantanotheruser

toproofread/edit/reviewthepagebeforeitisplacedonlinebyusing button.

B.2.8Livepreview

Livepreviewallowsyoutoseehowthepagewilllooklikeoncepublished.Toopenthepre-viewclickonthecontextmenu ofeditedpageandthen[PREVIEW].

B.2.9Publishingpage

Bypublishingpageyouwillplacethepageonlineanditwillbeaccessibletoallvisitorsofyourwebsite.Allpageslinkedtothenewlypublishedpagewillalsobeupdated.

Witheachpublicationrun(e.g.every10minutes),CMStransfersallpagespublishedsincethelastpublicationtothewebserver.Inordertopublishaparticularpageclick in theeditmodeofthepage.

Youcanalsopublishthepagebyfindingthepageinthefolderandclickingonpublishinthecontextmenu


Page 24

B.2.10Advancedworkingwithpages

Asadefault,thestartpageofyourwebsiteisyourhomepage.Youcanseesmallhomeiconnexttothepagetitle.

Youcanalsoselectastartpageforanyotherfolderbyclickingonthecontextmenu andclicking[Setasfolderstartpage].

NOTEDo not change the start page (home page) of your website as to this page is linked the short url of your website.

Youcanalsoeasilytakethepageofflinebyclickingonthecontextmenuand[TAKEOFF-LINE]command.IfapageistakenofflinefromtheserveritisnolongeraccessibleandonlyexistsintheCMS.Asthesepagescanbepublishedagainatanytime,thisisoftenabettersolutionthandeletingthepage.Relatedpagesandlinkswillalsobechangedandautomati-callydeactivated.


Page 25

B.3 Editing content

GenticsCMSisusingalohaeditor,whichisanHTML5based„whatyouseeiswhatyouget“editor.Thismeans that youwork directly on the page and not in a form-based dialoguewindow.Thereforeyouseethetextduringeditingalmostexactlyasitwilllookoncepublis-hed.

B.3.1Editingpage

Afterclickingon button,thepageopensintheeditingmodeandyellowrec-tangleshighlighteditableareas.

Whenyouclickintooneofyellowareas,thefloatingformattingtoolbarwillappearandtherectanglewillturnblue.Youcanmovetheformattingtoolbartootherareasonyourscreenbydraggingthetoolbarwiththemouse.Youcanfixitintothisnewpositionbyclickingonthepinatthetoprightcornerofthetoolbar.

Nowyoucanenterallyourcontentorcopyitstraightoutofatexteditor(e.g.MicrosoftWord).Theeditorwillrecognizeformatting(i.e.boldoritalic,headlines,lists,tablesetc.)Butyoucanformatorreformatyourcontentwiththeformattingmenuaswell.Justmarkthetextandchooseoneoftheformattingoptionslike[Paragraph]fornormaltextor[Heading2]to[Heading6]forheadlines.


Page 26

B.3.2Creatinglink

Ifyouwanttocreatealink,selectwordswhichhavetobelinkedandclickonthelinkiconintheformattingtoolbar.

Hereyoucan:

� EnteranexternalURL(likehttp://google.com)

� ChooseapagefromtheGenticsContent.Nodeor

� Deletethelinkfunction

IfyouwanttochooseapagefromGenticsContent.Node,therepositorybrowserwillbedis-played.Nowyoucanbrowsethroughthefoldersandchoosethepageyouwanttolinkto.Toconfirmyourselectionyouhavetoclickontheselectedpage.

Thelinksbydefaultopeninanewwindow,thiscanbechangedinthesidebarsettingsbyplacingyourcursorinsideorattheendofthelinkandopeningthesidebarontheright

Newmenuwillappear.

Choosetarget:

Blankthelinkwillopeninanewwindow/tab

Selfthelinkwillopeninsamewindow/tab

TIPIf you know the pagenameorpartofit,youcan enter the name

into the link bar and GenticsContent.Nodewillautomatical-lysuggestalistofoneorsever-alpages.


Page 27

B.3.3Creatinglists

Therearetwowaysofcreatinglists:

� Enteralllistelements,marktheenteredtextandclickon[Orderedlist],[Unorderedlist]or[Definitionlist]-icon.

� Changetheformattingbeforeinsertingthetextbyclickingononeofabovementionedlisticonsandenteryourlistelements.

B.3.4 Changing font size

The formattingbargivesyoualsooption todecreaseor increase sizeof the text.This isespeciallyusefulwhenyouareusingtextboxestagasitallowsyoutoadaptthesizeofthetexttobetterfitthetextbox.


Page 28

B.4Workingwithfilesandimages

Everyfilewiththeextension.jpg,.gif, .pngand.bmpisrecognizedbyCMSasan image.Otherimageformatssuchas.tiff,.psdor.eps.arenotdisplayedbyanywebbrowserandthereforerecognizedbyCMSasfile.

B.4.1Uploadingimage

InordertouseanimageintheCMSyouhavetouploadone.OpentheIMAGEfolderinthenavigationandclick

Nowadialoguewindowopensandyoucanchooseoneorseveralimagesfromyourharddriveforuploading.Onceuploadedthesenewimageswillappearinthefolder.Ifyouclickononeimageyourchosenimagewillbeopeninthecontentarea.

B.4.2 Image properties

Youcanchangetheimagenameordescriptionofthepropertiesviacontextmenu of the image. In order to edit all properties, you have to open the image and click on

.Inthedialoguewindowyoucanenteranewnamefortheselectedimageoredititsdescription.


Page 29

B.4.3Manipulatingimage

Withtheimagemanipulatoryoucaneditimagese.g.resizeorcropit.Toopentheimagemanipulatoryoufollowsamelogicaswitheditingofthepage,clickontheimageandthenedittheimage.Youcanresizetheimageusingdraganddrop,enteranumberofpixelsorcropoutonepartoftheimage.Youcanevenresetyourmanipulationsorcreateacopyoftheopenedimage.

Inordertoresizeanimageenteryourdesiredwidthand/orheightordraganddroptheicononthebottomrightcornerofyourimage.Ifyoudonotactivatetheaspectratioorchangethepicturesizeviadraganddrop,yourimagemaybeblurred.

Tocroptheimage,opentheimagewithimagemanipulator,clickonthecroppingicon,andselecttheareatobecropped.Youcanmoveandchangesizeofthearea.Byclickingthegreeniconyouconfirmyourconfiguration.


Page 30

B.4.4Movingimage

Inordertomoveoneimagetoanotherfolder,usethecontextmenu oftheimageandselect toopenthetargetfoldermenu.

B.4.5Deletingimage

Inordertodeleteoneimageusethecontextmenu oftheimageandselect

button.TIPIfyoudeletetheimage,it will be completelylost and it will not be

displayedonanypageanymore.


Page 31

B.4.6Uploadingfile

AllfilesnotrecognizedasimagesareintheCMShandledasfiles.Forexample,fileswiththeextension.docx,.xlsx,.pdf,or.zip,butalsoimagefilesthatcannotbedisplayedbyabrow-ser,suchas.tiffor.eps.Filesarenormallydisplayedinaseparatelistview.

Inordertouploadanewfile,clickon inthenavigationsectionandadialoguewindowpromptingyoutoselectfilesfromtheharddrivewillopen.

Afterconfirminguploadviaclickingon[OK]youwillreturntothepreviousview.

B.4.7Editingfile

Youcanchangethefilenameordescriptioninthefilepropertiesdialoguewindow.Thises-sentiallyfollowsthesamelogicaswiththeimages.Hereyoucanenteranewnamefortheselectedfileoredititsdescription.

Byclickingonobjectpropertiesyouhavefurtheroptionstocustomiseyourfile.Hereyoucanenterthefilenamehowyouwantittoappearonthewebsiteandalsowriteashortteasertextaboutthedocument.Thiswillappearunderneaththedocumenttitle.

NOTEAlways remember to give your file name as each uploaded file will be displayed on the frontend without the name only with the file extension ( .pdf not leaflet.pdf).


Page 32

B.4.8Movingfile

Tomovefiletoanotherfolderusethecontextmenu ofthefileandselect

toopenthetargetfoldermenu.

B.4.9Deletingfile

Todeletethefileusethecontextmenu ofthefileandselect button.TIP

Ifyoudeletethefile,itwillbecompletelylostand it will not be dis-

playedonanypageanymore.


Page 33

B.5Objectproperties

Objectpropertieshelptoattributeadditionalinformationtothepage/image/file/folder.Theyareheavilydependentonthestructuringandimplementationofyourwebsiteandcanthereforebekeptverysimpleormadeverycomplex.Toentertheobjectpropertiesclickthecontextmenu ontherightsideofpage/image/file/folderandselect[ObjectProperties].

FoldersFolderobjectpropertiesserve,asthenameindicates,todefinefurtherinformationforfol-ders.Oneexampleoffolderobjectpropertiesisthecreationofamultilingualnavigationinwhicheachfolderrepresentsanavigationpoint.Inordertotranslatethesefolders,objectpropertiescanbedefinedwhichrepresentthenavigationnamesinthevariouslanguages(e.g.Englishname,Germanname).

PagesJustaswithfolders,objectpropertiescanalsobeaddedtopages.Thepageobjectproper-tiescanvarywidely.Theycanrangefromadditionalinformationfortheformattingofthedatethroughtoinformationconcerningthenavigation.

Images Imageobjectpropertiesareadditionalinformationthatyoucanlinktoanimagefile.Apartfromthepropertiespredefinedinthesystem(name,description),theadministratorcanalsoaddnewproperties(e.g.animagecaption,alternativetextetc.)toanimage.Theinformationcontainedintheimageobjectpropertiesissavedwiththeimageandisthenavailableautomaticallyeverytimethisimageisused.Inthecaseofinformationsuchascopyright,itisthereforeusefulifthisinformationisassigneddirectlytoeachimage,especi-allyiftheimageisusedondifferentpages.

FilesFileshavecertainpredefinedpropertieslikefilenameanddescription.Especiallyimportantisthefilename,asthisisthenameunderwhichthisfilewillappearonthewebsite.Inthelistoffileobjectpropertiesyouwillfindfurtherdefinedelementsthatyoucanfillin,notonlytext,butalsolinks,imagescanbeassignedtoafile.Theadvantageofthefileobjectpropertiesisthattheinformationaboutthefileissavedandthisishowthefilewillalwaysappearonyourwebsite,withthisspecificname,shortdescriptionetc.

SortorderIfyoucreatefolders,filesandpagesyouwillnoticethattheyarealwayslistedinalphabeti-calorder.Thisorderhowevercanbechangedusingsortorderfunctioninobjectproperties.Thiswillallowyoutolistfolders,filesorpagesindesiredorderonthehomepage.Forexample,ifyouwantafolder„leadpartner“toappearabovefolder„communicationma-nager“onthefrontend,yougive„leadpartner“foldersortnumber10and„communicationmanager“sortnumber20.

TIPWhen giving folderssortordernumberswerecommend to count

bytens:10,20,30etc.Thiswayyou will avoid re-sorting incase you create extra folderthat youwant to position bet-weenexisitingfolders.Youcanthen easily give a new folderforexamplesortnumber15anditwillthenbeplacedautomati-callybetweenexistingfolders.


Page 34

B.6 Search engine optimisation (SEO)

SEOhelpsyoutogrowvisibilityinorganic(non-paid)searchengineresults.TherearemanyaspectstoSEO,fromthekeywordsonyourpagetothewayothersiteslinktoyouontheweb.

YoucanmakeyourwebsitemorevisibletosearchenginesbycompletingSEOsectionofyourwebsite.Inordertodoso,clickonthesidebarbutton intherightcornerwhenyouareineditmodeofyourhomepage.

Inthesettingsdialoguewindowyoucancompletemoreinformationaboutyourprojectwhichwillhelpsearchenginetofindyourwebsitewhensomeoneuseskeywordsthatcorre-spondwithyourdescription.

Title:tellssearchenginesandvisitorswhatyourpageisaboutinthemostconciseand

accuratewaypossible.Werecommendtouseeitherprojectacronymorprojecttitle.

Metadescription:ashortparagraphoftextplacedintheHTMLofawebpagethatdescri-besitscontent.Themetadescriptionwillthenappearunderyourpage’sURLinthesearchresults.

Opengraph:allowsyoutocontrolwhatcontentshowsupwhenapageissharedonFace-bookorTwitter.


Page 35


Page 36

C. Working with home page

Theprojecthomepageconsistsofheaderandnumbersoftagswhichyoucanfreelyadd,moveordelete.

Whenyouclickontheeditbuttononthetopleft youcanedittheheader:

� Changetheheaderpicture.Ensurethatyouareusinggoodqualitypicture.

� Insertsocialmedialinks

TIPThestartfolderaswellasprojectlogohaveal-readybeenset,sothe-

reisnotneedtochangethem.


Page 37

C.1 Using tags

Belowtheheaderyouwillseenumberoftags.Thesetagshelpyoutodisplaycontentonyourhomepageinvariousways.

Whenyouclickononeofthem,thetagwillappearonthetopofthepage.Youcantheneditit,moveitordeleteitbutusingthe menudirectlyabovethetag.

Byclickingthearrows you canmove the tag to thedesiredposition on thepage(furtherupordownthepage).

Byclickingonthethirdbutton dialoguewindowopenswhereyoucanfurthercustomizeoreditthetag.

Thelasticon deletesthewholetagwithallofitscontent.

C.1.1 Text tag

Byaddingthetexttags,oneortwocolumntextfieldsappearonthepage.Youcannoweasilyeditthemjustlikeanycontentpage.Youcaneditandformatthetextinthecolumns,insertlinkstotheexternalandinternalpagesdirectlyinthetag.

Youcanfurthercustomisethetagbyusingthethirdbutton

� Createananchorpointwhichisshownonthetopofyourhomepagebycompletingthelasttextbox[AnchorName]

TIPRemember to click on[Okay]tosaveyourch-angesoron[Cancel]to

discardthem.


Page 38

Thisishowtheanchorpointslookslikeonthefrontend.


Page 39

C.1.2Textboxestag

Byaddingthesetagstwoorfourtextboxeswillappearonthepage.Youcannoweasilyeditthemjustlikeanycontentpage.

2TextBoxescanbeusedtodisplaynewsorevents.Theboxesarefullyeditablesoyoudon‘thavetolimityourselftopre-definedheadlineofnewsandeventsandcreatetheheadlineyouneed.


� Insertalinktotheleftorrightcolumn(link1istheleftcolumn,link2istherightco-lumn).YoucaneitherchoosetoenteranexternallinkoraninternallinkusingtheCMScontentrepositorybrowser

� Insertadate/type/headline

� UploadapictureeitherfromtheCMScontentrepositorybrowserorfromyoulocalharddrive.Youcanalsoeditthepicturedirectlybyclickingontheimagemanipulatorbutton.

� Enteranalternativetextforthepicture

� UploadavideoeitherfromtheCMScontentrepositorybrowserordirectlyfromyourlocalharddrive

� Create an anchor point which is shown on the top of the home page.

Clickon[Okay]tosaveyourchangesoron[Cancel]todiscardthem.

TIPFor the best resultschoose picture in theportrait format, this

helps to ensure good balancebetweentextandimage.


Page 40

Byaddingthetag4TextBoxesthebelowtagwillshowonthetopofthepage.Byclickingonthebluebutton[+News-Box]youcanaddupto4textboxestothistag.Youcaneasilyeditthemjustlikeanycontentpage.


� Insertadate/type/headline

� UploadapictureeitherfromtheCMSrepositorybrowserorfromyoulocalharddrive.Youcanalsoeditthepicturedirectlybyclickingontheimagemanipulatorbutton

� Enteranalternativetextforthepicture

� UploadafileeitherfromtheCMScontentrepositorybrowserorfromyoulocalharddrive

� Addalink.Youcaneitherchoosetoenteranexternallinkoraninternallink



TIPNote that the tag tries to optimise the images forthe4boxessettings

asmuchaspossiblebut it canhappenthatimageswithdiffe-rentaspectratiowillnotappe-arperfectlyalignedonthefron-tend. For the best results youcan resize the images in any image editing software prior

theupload.


Page 41

Thefinaltagscanlooklikethis.


Page 42

C.1.3Numbersanimated

Byaddingthesetagsboxeswithtwoorfournumberswillappearonthepage.Asindicatedinthenameofthetag,thenumbersareanimatedandtheycountup.

Youcaneditthelabelsaswellastitledirectlyinthetag.

Toinsertthenumbersusethethirdbutton fromtheeditmenu. � Enteraspecificnumberthetagcountsupto

� Selecticons(upto4each)youwanttoshowwithyournumbers

� Addalink.YoucaneitherchoosetoenteranexternallinkoraninternallinkusingtheCMScontentrepositorybrowser

� Create an anchor point which is shown on the top of the home page

Remembertoclickon[Okay]tosaveyourchangesoron[Cancel]todiscardthem.

Youcanseethenumbersonlyonthefrontend.IntheCMSyouwillalwayssee0.Thefinaltagcanlooklikethis(frontendview).

TIPNote that even if youinsert numbers andsave them, they will

stillappear in thebackend as0.Thisisbecauseofthecoun-tingupanimationfunction.Thecounting only appears on thefrontend.


Page 43

C.1.4Numbersstatic

Byaddingthistagaboxwitheditablefieldswillappearonthepage.

Youcanedittitle,numbersanddescriptiondirectlyinthetag.



� Createananchorpointwhichisshownonthetopoftheprojectpage.


Thefinaltagcanlooklikethis.


Page 44

C.1.5Projectduration

Byaddingthistagadarkboxwiththreetextfieldswillappearonthepage.

�

�

�

�

�

Youcanedittitle,insertstartandenddatedirectlyinthetag.



� Createananchorpointwhichisshownonthetopoftheprojectpage.




Page 45

C.1.6Table

Byaddingthistagtwotextinputfieldswillappearonthepage.Toaddadditionalrowsclickonbluebuttons[+tableentry].

Youcanenteratitleofthetable,textandlinksofindividualrowsdirectlyinthetag. Youcanfurthercustomisethetagbyusingthethirdbutton





Page 46

C.1.7Gallery

Byaddingthistagafollowingmessageappearsinplaceofthetag:

Youcaneditthetagbyusingthethirdbutton fromtheeditmenu. � UploadavideoeitherfromtheCMScontentrepositorybrowseroryourlocalharddrive

� UploadanimageeitherfromtheCMScontentrepositorybrowserorfromyourlocalharddrive.Youcanalsoeditthepicturedirectlybyclickingontheimagemanipulatorbutton.

� Create an anchor point which is shown on the top of the home paga.

Notethatyoucanonlyeitheraddvideoorpictureatonetime.



TIPNote that the gallerytag tries to optimise theimagesforthegal-

lerysettingsasmuchaspossib-lebutitcanhappenthatimageswithdifferentaspectratiowillnotappearperfectlyalignedonthe frontend. For the best re-sultsyoucanresizetheminanyimage editing software prior

theupload.


Page 47

C.1.8Parallaxingbackgroundimages

Parallaxisaneffectwherethebackgroundcontentorimageinthiscase,ismovedatadif-ferentspeedthantheforegroundcontentwhilescrolling.Byaddingthistagthefollowingmessageappearsinplaceofthetag:

Youcaninserttheimagebyusingthethirdbutton. � UploadapictureeitherfromtheCMScontentrepositorybrowseroryourlocalharddri-ve.Youcanalsoeditthepicturedirectlybyclickingontheimagemanipulatorbutton.

� Definetheheightofpartoftheimagethatisshownonthefrontendwithaparallaxeffectwhilescrolling.Thisvalueshouldbelowerthantheheightoftheimage.Werecommend50.




Page 48

C.1.9Newsletterregistration

Toinsertanewslettersubscriptiontoyourpageallyouneedtodoisaddtag„NewsletterRegistration“.Byaddingthistagawhiteboxwithonetextboxappears.Youcaninsertatextinvitingvisitorstosubscribetoyournewsletterdirectlyinthetag.

YoucandownloadthelistofyoursubscribersdirectlyfromtheCMSbyclickingon[Downloadsubscriberlist]buttonasshownontheimageabove.Ifyouareonthefrontendthe[Downloadsubscriberlist]isnotvisibletothevisitorofyourwebsite,instead[Submit]buttonshows.



Page 49

C.1.10Documentsandpublications

Byaddingthistagawhiteboxwithonetextboxappearsonthepage.Youcanchangethetitleandinserttextdirectlyinthetag.

Youcanchoosetodisplaydifferenttypesofdocumentsusingthistag.Forexampleyoucanuseitfordisplayingfinalisedprojectdeliverables.Youcanorganisethemeasilyaccordingtoworkpackagesbycreatingfoldersinthe[Documents]folderinyourCMStree.TolearnmoreaboutthefolderstructureandhowtoorganisethefoldersinacertainorderrefertochapterB.1.Oryoucanusethistagasapresscorneranddisplayyourpublications,leafletsornews-lettershere.Justthinkofthistagasafilerepository.Allyouhavetodothenistouploadallfilesdirectlyintothecreatedfolders.Tolearnmoreabouthowtouploadfilesandorganisethem refer to section B.4.3.

NOTEPleaseensurethatonlyfinalisedandmostrelevantcontentdeliverablesareuploaded.Toavoidlonglistsofdocuments,grouptherelateddocumentsintothezip.filestoensurethatthevisitorquicklynavigatesthroughthelibrary.Alsoremembertoinsertatitleofthedocu-mentintheobjectpropertiesofeachuploadedfileotherwiseyourfilewillbedisplayedwi-thoutthename.RefertosectionB.4.7andB.5formoreinformationaboutobjectproperties.

TIPAsthe„DocumentsandPublications“ widgetworks as a slider, you

canaddasmanyfoldersasyouneedtothistag,thevisitorcaneasily slide through them. Thefirst four folders will be auto-maticallydisplayedonthefron-

tend.


Page 50

Tolinkrespectivefolderstothetagusethethirdbutton Inthedialoguewindowthatappearsonyourscreenyouhavechoicetochoosefilesindividu-allyorbyfolder.

Afterclickingonnextyouhavefollowingoptions: � Orderbyalphabet,datecreatedordateedited

� Choosebetweenascendinganddescendingorder

� Numberofrepetitions

� Includesubfolder.Ifcheckedthenitwillshoweveryfileineverysubfolderofselectedfolder

� Addelementsadditionalelements(morefolderorfiles)toyouoverview


Thedefaultpicturethatwillshowaboveyourdocumentsonthefrontendcanalsobechan-gedintheobjectproperties[CustomHeaderPicture].Forthebestresults,useimagesofthesamesize,oridenticalimages.


Page 51

Thefinaltagscanlooklikethis.


Page 52

C.1.11 Contacts

ByaddingthistagaboxwithheadlineCONTACTSappears.Thistagshowsallpagesthathavethe[Contacts]templatetype.ToreadmoreaboutthistemplatetyperefertochapterB.2.1.

TheContacttagworksinthesamewayasDocumentandPublicationstag.Youcreatethecon-tentbycreatingcontactpagesinsubfoldersoftheCONTACTSfolder.YourCMSalreadycomeswiththebasiccontactstructureconsistingoffollowingsubfolders:leadpartner,projectma-nager,financemanagerandcommunicationmanager.Tolearnmoreaboutthefolderstruc-tureandhowtoorganisethefoldersandsubfoldersinacertainorderrefertosectionB.1.

Inordertolinkthesefolderstothetag,youneedtousethethirdbutton fromtheeditmenuandselectasthestarfolderfolderCONTACTS.


Page 53

C.1.12Eventoverview

Byaddingthistagafollowingmessageappearsinplaceofthetag:

Thistagshowsallpagesthathavethe[Event]templatetype.IfyouwanttoreadmoreabouttemplatesrefertochapterB.2.1.

Inordertolinkthistagtoyoureventfolderyouneedtousethethirdbutton from the editmenuandselectasthestartfoldertheEVENTSfolder.

Finaltagcanlooklikethis.

NOTEPleasenotethatyoureventwillbeautomaticallyarchiveddayafteritsenddate.Ifyouwishtodisplaydocumentationfromyoureventuseothertagtype(i.e.2textboxes,textbox,flexiblecontentelementetc.).


Page 54

C.1.13 Partner map

ByaddingthistagablueboxwithheadlinePROJECTPARTNERSappears.

Youcanedittheintroductorytextdirectlyinthetag.

Byclickingon[+Partner]buttonyoucanaddinformationabouteachpartner,suchasnameofthepartnerinstitution,address,webaddress,telephonenumberandcontactperson.Byselectingthepartnerregion,apinappearsonthefrontendmapintherelevantlocation.Remembertoclickon[Okay]tosaveyourchangesoron[Cancel]todiscardthem.

Onthefrontend,fullcontactdetailsofthepartnerswillbevisibleinthelightboxoncevisitorclicksonthecountrylistnexttothemap.


Page 55

TIPTo display contact de-tailsofpartnersinthelightbox in separate

rowsuse tocreatebreakintheinformationyouenter.Justlikebelow.

FIRSTNAMELASTNAME A-nyStreet123 1234AnyCity Tel:+00(0)18888088 Email:[email protected]

Frontend result will then look

likethis:

FIRST NAME

LAST NAME

Any Street 123

1234 Any City

Tel:+00(0)18888088

Email:[email protected]

Date post:	26-Jun-2020
Category:	Documents
Upload:	others
View:	1 times
Download:	0 times