LinkFactory TYPO3 MANUAL
Kapitel 1 - TYPO3 CMS - Opbygning... 3 Log ind... 3 Backend... 4 Frontend... 5 Hvor skal jeg klikke?... 5 Gem, gem og vis, gem og luk... 6 Kapitel 2 - Håndtering af sider & menuer... 7 Sammenhæng mellem sider og menuer... 7 Oprettelse af sider... 7 Flytte sider... 10 Kopiere sider... 11 Slette sider... 11 Skjule sider... 12 Sidehoved (sideegenskaber)... 13 Sideskabeloner... 15 Kapitel 3 - Redigering af indhold... 17 Indsætte nyt element... 17 Slette og gendanne element... 18 Redigere element... 19 Flytte element... 20 Reference elementer henvisninger mellem elementer... 20 Typer af elementer... 22 Tekstelementet... 22 Billede elementer og tekst/billede elementer... 23 Side 2 af 24
Kapitel 1 - TYPO3 CMS - Opbygning TYPO3 er ét ud af mange Content Management Systemer (CMS) på det danske marked. TYPO3 er specielt ift. at det er Open Source og gratis. Man skal dog ikke skue hunden på hårene. TYPO3 s udbredelse er nærmest eksploderet i Europa, specielt Tyskland, og med en stor brugerbase og mange udviklere bag systemet er TYPO3 godt på vej til at blive et Enterprise CMS som helt store organisationer kan anvende og i denne klasse koster CMS er let flere hundrede tusinde i licenser. Et CMS grundlæggende formål er, at give redaktører mulighed for let at redigere et website uden at skulle kunne designe eller programmer. De mest simple redigeringsmuligheder kan læres på et par timer og så er man i gang. Log ind I TYPO3 redigerer du på nettet direkte i din browser f.eks. i Internet Explorer. For at kunne opdatere indholdet i et CMS system, skal man logge ind i administrationsdelen også kaldet backend. Du logger ind ved at åbne din browser, og åbne jeres website, og tilføje /typo3 efter domænenavnet. F.eks. http://demo.linkfactory.dk/typo3/, hvorved følgende dialogboks kommer frem: Indtast dit brugernavn i feltet username, og din adgangskode i feltet password. Klik på knappen log in. Har du indtastet korrekt brugernavn og adgangskode, og alligevel ikke kan logge ind i backend, kan det være fordi din browser ikke understøtter/accepterer cookies og JavaScript. Side 3 af 24
Backend Backend er der, hvor du logger på som redaktør for at redigere i websitet. Herfra kan du redigere sider, uploade filer, oprette nyheder, oprette arrangementer osv. alt efter hvad der er sat op på dit website. Typo3 backend(administrationssystemet) 1. I kolonne 1 foregår navigering mellem hovedgrupperne i Typo3 eller retter de forskellige administrationsmoduler, der er til rådighed. Eksempelvis foregår sideredigering i Side modulet, men upload af filer foregår i fillistemodulet. 2. Alt efter hvilket punkt der er valgt i kolonne 1, navigerer man her inden for den valgte kategori. I eksemplet ovenover, er hovedkategorien side valgt (i kolonne 1). I kolonne 2, navigerer man herefter mellem de sider der er på websitet. Dette kaldes også sidetræet. 3. Kolonne 3 er selve arbejdsområdet. Her bliver alt input indtastet det kunne f.eks. være en ny sides navn eller indholdet på selve siden. OBS: TYPO3 er et stort system. I ovenstående skærmbillede vises der kun et begrænset antal menupunkter. Hvis man loggede på som administrator, ville der være endnu flere administrationsmoduler til rådighed. Det er administratoren, som kan oprette redaktørprofiler og Side 4 af 24
administratoren kan ned til mindste detalje bestemme, hvilke moduler og felter en redaktør skal have adgang til. Du kan derfor ikke regne med at skærmbilleder i denne vejledning præcis svarer til dit eget websites skærmbilleder. Frontend Frontend er websitet, som dine brugere (jeres kunder) kan se fra Internettet. Det er det du sidder og redigerer med TYPO3. TYPO3 Frontend(websitet) I TYPO3 er der faktisk det, der hedder Frontend redigering, hvilket betyder at man også kan redigere direkte fra visningen af websitet hvis man vel og mærke er logget på som redaktør og din administrator har slået Frontend redigering til. I ovenstående billede kan det ses med blyanterne, hvor du kan klikke direkte på blyanten og redigere indholdet. Let og fikst og til simpel redigering er man faktisk ikke nød til at bevæge sig rundt i backend, selv om det sikkert vil vise sig mere praktisk jo dygtigere du bliver som redaktør. Hvor skal jeg klikke? I Typo3 er der meget stor forskel på hvor man skal klikke! Klikkes der på f.eks. på ikonet ud for en side i site-træet, fremkommer en klikmenu med valgmuligheder. Det gælder rigtig mange steder, hvor du ser et ikon ud for en tekst. Side 5 af 24
Klikkes der i stedet på sidens navn, vælges siden, og den bliver vist i 3. kolonne, som vises på billedet nedenunder. OBS: Læg i øvrigt mærke til Checkboksen Vis skjulte elementer. Slår du den til, kan du se skjulte elementer (men de vises stadig ikke på websitet som din bruger navigerer på). TYPO3 vil fremover huske at du har valgt at vise skjulte elementer og knytte det til din profil. Vis skjulte elementer er et eksempel på at visninger kan slås til og fra i TYPO3 og det skal man lige vænne sig til. For det kan være svært at forstå hvorfor naboen kan se noget du ikke kan. Forklaringerne kan være flere. Måske har din nabo fået flere rettigheder af administratoren eller også har du ikke slået en visning til. Det kan være lidt frustrerende at vænne sig til i starten, men hvis alle skulle se alt i TYPO3, ville ingen kunne lære TYPO3 på en overskuelig tid. TYPO3 er et meget stort system og det er en klar fordel, at det kan tilpasses til lige præcis den opgave du skal løse og ikke mere. Gem, gem og vis, gem og luk I TYPO3 vil du altid sidde og redigere og når du skal gemme vil du have flere muligheder. Øverst og nederst i det du redigerer, vil der typisk være følgende ikoner: - Gemmer siden og forbliver i redigering - Gemmer og viser siden i et nyt vindue, så du kan se resultatet. - Gemmer og lukker siden og du er klar til en ny opgave.. Side 6 af 24
Kapitel 2 - Håndtering af sider & menuer Sammenhæng mellem sider og menuer I TYPO3 er der sammenhæng mellem de sider og menuer du ser i frontend (selve websitet, som er tilgængeligt for alle) og hvad du ser i backend (der, hvor du som redaktør redigerer tekst og billeder). Se nedenfor. Når du opretter en almindelig side, vil den derfor blive vist som et nyt punkt menuen. Når det er sagt, er det det også naturligt at man kan oprette andre sidetyper, eksempelvis en side, der ikke vises i menuen. Oprettelse af sider Når du skal oprette en ny side, gør du som følger: 1. Vælg sidemodulet i venstre kolonne. 2. I sidetræet klikker du på den sides ikon, hvor du ønsker at oprette en ny side. Der kommer en klikmenu frem. Side 7 af 24
3. Klik Ny i klikmenuen. Du får nu mulighed for at vælge, hvor du ønsker at placere den nye side. Du kan vælge om du vil oprette en ny side inden i den valgte, eller vælge om du vil benytte en guide. 4. Vælg Klik her for guide. En ny oversigt over dit sidetræ vises, men denne gang med pile. Den pil du peger på, bliver den nye sides placering. Side 8 af 24
5. Klik på den pil, hvor du vil placere den nye side. 6. Vælg en skabelon for din nye side. Du kan vælge imellem: Standard Skabelon Sideskabelon - Almindelig Sider Nyhedsbrev (Template) Eller Antallet af skabeloner afhænger 100% af, hvad der er udviklet til lige præcis dit website. Typiske sideskabeloner vil være en sideskabelon til forsiden, alle undersider. Standardskabelonen er sandsynligvis det du vil vælge i 99% af tilfældene og dette vil normalt være almindelige undersider på websitet. Men måske e du netop ved at lave et nyhedsbrev og så skal du selvfølgelig vælge dette. Du kan altid ændre skabelon senere i Rediger sidehoved 7. Vælg Standard skabelon og giv den nye side en titel. Er der et flueben ved skjul side, skal du lige tage stilling til om dine brugere må se siden. Det må de nok ikke inden du er færdig med indholdet. Så lad siden være skjult, mens du redigerer. 8. Klik på gem Side 9 af 24
Du har nu oprettet en side og et nyt menupunkt (forment skjult for omverdenen indtil du vælger at synliggøre siden). Flytte sider Når du skal flytte en side, gør du som følger: 1. Vælg sidemodulet i venstre kolonne. 2. I sidetræet klikker du på den sides ikon, som du ønsker at flytte. Der kommer en klikmenu frem. 3. Klik Flere valg og derefter Flyt side i klikmenuen. 4. Vælg position for siden. Dit sidetræ vises med pile. Den pil du peger på, bliver sidens nye placering. Side 10 af 24
OBS: Hvis du er længere ned i sidetræet som billedet ovenfor viser, kan du navigere opad i sidetræet ved at klikke på siden med pil op ad i ikonet. dvs. på Typografier m.m.. Derved ryger du ét niveau op og der kommer så indsætningspile frem i forhold til dette område. Kopiere sider Hvis du ønsker at kopiere en side, gør du således: 1. Vælg sidemodulet i venstre kolonne. 2. I sidetræet klikker du på den sides ikon, som du ønsker at kopiere. Der kommer en klikmenu frem. 3. Klik Kopier i klikmenuen. 4. Vælg position for siden. Dit sidetræ vises med pile. Den pil du peger på, bliver sidens anden placering. Slette sider I TYPO3 kan du slette sider. 1. Vælg sidemodulet i venstre kolonne. 2. I sidetræet klikker du på den sides ikon, som skal slettes. Der kommer en klikmenu frem. Side 11 af 24
3. Klik Slet i klikmenuen. Du får nu en advarsel om, hvorvidt du nu vil slette siden. 4. Klik OK for at slette. Tip: Rent faktisk er siden ikke slettet fra databasen, så hvis du nu skulle have slettet en masse arbejde mod din vilje, kan din administrator godt aktivere siden igen. Skjule sider I TYPO3 kan du også skjule sider. 1. Vælg sidemodulet i venstre kolonne. 2. I sidetræet klikker du på den sides ikon, som skal skjules. Der kommer en klikmenu frem. Side 12 af 24
3. Klik Skjul i klikmenuen og siden vil være skjult i frontend, der hvor dine brugere surfer rundt på dit website. Sideikonet vil derefter skifte, så man kan se siden er skjult: Sidehoved (sideegenskaber) Til en side i TYPO3, kan der knyttes en række egenskaber f.eks. skjult side, login beskyttet side og mange andre egenskaber. Dette kan du redigere i sidens sidehoved (hvis altså din administrator har givet dig rettigheder til dette i din redaktørprofil). Du kan redigere sidehovedet ved at klikke på ikonet ud for siden og vælge Rediger sidehoved herefter kommer følgende side frem: Side 13 af 24
Skærmbilledet indeholder mange informationer og er helt sikkert ikke præcis magen til det du vil se, men de vigtigste felter er: Gem knapperne øverst og nederst Skjul side fjern fluebenet, hvis brugere skal kunne se din side Type (Standard side, skjul i menu, genvejsside m.flere) Ingen søgning så kommer siden ikke med i TYPO3 s søgemaskine. Dette volder ofte nye redaktører problemer, da de ikke regner med at deres midlertidige indhold kommer med i søgemaskinen og dermed de søgeresultater som brugerne vises for. Det ser så dumt ud når der står Joakim von And i éns søgeresultater, bare fordi man lige skulle teste noget. Sidetitel obligatorisk. Er det der stå i menuen og typisk også som sideoverskrift Alias sidens kaldenavn. Hvis der er realurl på sitet, vil man kunne navngive sine egne sider som www.ditdomæne.dk/dit-alias/ (afhængig af hvordan realurl er konfigureret - spørg din administrator). Side 14 af 24
Ingen Cache og Cachen udløber Når den første bruger har set en side, gemmes der en kopi af siden, så den er hurtigere at hive frem næste gang en bruger kommer forbi. Dette er smart, da serveren belastes mindre på denne måde. Hvis du af en eller anden grund skulle ønske at der hentes en frisk kopi jævnligt eller altid kan du lege med disse indstillinger. Cache er også en typisk kilde til problemer for den uerfarne redaktør, da de måske ikke kan forstå hvorfor de ikke kan se deres ændringer slå igennem. Dette er ofte fordi at man sidder og kigger på kopien og man skal derfor bede TYPO3 om at hente en frisk kopi Tøm cache Skjul i menu siden vises ikke i menuen Start og stop Fra hvornår siden skal være aktiv til den skal deaktiveres. Hvis du intet udfylder er den aktiv altid. Adgang Hvis en side kun er tilgængelig for eksempelvis medlemmer, der er logget ind, kan man her vælge hvilke(n) grupper, der må se siden og de skal så være logget ind for at se siden. Sideskabeloner I skærmbilledet Rediger sidehoved vil du også finde mulighed for at ændre skabelon for visningen af din side: Lige præcis denne funktion er ikke helt hensigtsmæssig og kæver sin egen lille forklaring. For at vælge hvilken skabelon din side skal være baseret på, skal du gøre følgende: 1. Vælg Skabelon-struktur i dropdown menuen (Dette er rent faktisk det data som der kan hentes frem) 2. Klik på gem Først herefter vil der være tilgængelige Skabelon-designs, som er det layout data skal vises i. Lidt teknisk og ikke super smart lavet til redaktørerne i TYPO3, men nu ved du det. Side 15 af 24
3. Vælg det skabelon design, som der skal vises efter (Forside eller underside typisk) 4. Klik gem. Du kan gentage samme rutine for undersider, hvorefter alle sider under denne side vil vises med den skabelon du vælger (med mindre der aktivt er valgt en anden skabelon længere ned i sidetræet). Det var derfor, at du oftest skal vælge Standard skabelon, når du opretter nye sider. Så er der ikke valgt noget og det giver et mere fleksibelt site, hvor du med få klik kan ændre visning for alle sider. Side 16 af 24
Kapitel 3 - Redigering af indhold TYPO3 er et elementbaseret CMS-system. Dette betyder at du på siderne kan indsætte elementer og at du for det enkelte element kan styre rettigheder ligesom for sider. Hvornår skal et element være aktivt, hvem må se det?, skal det skjules? osv Indsætte nyt element 1. For at indsætte indholdselementer på en side, skal då stå i sidemodulet og vælge den side, du vil indsætte indhold på: 2. Klik på Opret nyt element (Læg mærke til at dette ikon er over, under og mellem alle indholdselementer, så du kan vælge hvor du vil placere dit nye element) Dialogboksen Vælg Type Af indholdselement kommer frem: Side 17 af 24
3. Vælg den type element du vil indsætte f.eks. Almindeligt tekstelement 4. Indtast det indhold, som det valgte element kræver. 5. Klik gem for at gemme elementet eller Gem og vis for at se hvordan det ser ud op sitet Slette og gendanne element At slette et element er simpelt. Klik på papirkurven ud for elementet. Side 18 af 24
Elementet er herefter slettet. Men du kan faktisk finde websitet under Ubrugte elementer Herfra kan du klippe elementet ud med saksen. Efter at du klikket på saksen, vil der komme indsætningsikoner, hvor du kan vælge at indsætte det udklippede element. TIP: Som det ses på ovenstående billede er der to elementer i listen over ubrugte elementer. Det ene element har titlen Slettet element og det andet har ingen titel. Hvis man ikke giver sine elementer nogen titler, så vil oversigter som disse være ubrugelige og det er derfor meget praktisk, at man altid giver sine elementer titler. Dette giver dog et lille praktisk problem og det er at titlen, så vil blive vist som en overskrift på websitet og det er ikke altid man lige vil have en overskrift der. Dette kan omgås ved at vælge Type som skjult, når du redigere dit element: Redigere element 1. Klik på blyanten ud for elementet Side 19 af 24
2. Rediger elementet og klik gem Flytte element 1. Klik på saksen ud for det element, du vil flytte Der kommen nu indsætningsikoner ind alle de steder, hvor du kan flytte elementet til. 2. Klik på det indsætningsikon, hvor du vil have elementet flyttet hen. Tip: Du kan også vælge en anden side og så sætte elementet ind der. Reference elementer henvisninger mellem elementer TYPO3 giver også mulighed for at lade et element referere til et andet element. Fordelen er, at du kan havde det samme element på flere sider, men hvis du redigere i en af dem, bliver begge elementer redigeret samtidigt! Side 20 af 24
Teknikken er lige så simpel som at flytte elementer. Klik på et elements henvisningsikon mellem saksen og papirkurven. Der vil herefter være indsætningsikoner, som giver dig mulighed for at indsætte en reference. Vil du senere ophæve referencen, vil du se at det nye element med en henvisning har et nyt ikon til venstre for saksen Opret lokal kopi Side 21 af 24
Typer af elementer Tekstelementet Tekstelementet er nok det hyppigst brugte og er i bund og grund en overskrift og et tekstfelt. Det væsentligste felt her er tekstfeltet og i dette felt har du adgang til en editor med en masse redigering muligheder (I dette tilfælde rte_htmlarea - TYPO3 har en del forskellige valgmuligheder på dette område, men denne er pt. den bedste og den er god ): Indtastning af tekst og formatering heraf er rimelig simpel. De vigtigste funktionaliteter er: Vælger afsnitstypografi. Overskrift 1, 2 og 3 samt brødtekst. Indsætter billeder Indsæt link fjern formatering kan fjerne formateringer fra Word, billeder, HTML formatering m.m. Et stærkt værktøj Side 22 af 24
Billede elementer og tekst/billede elementer TYPO3 har længe haft meget stærk billede håndtering. Dette er en af de store fordele ved Open Source projekter man kan bare bruge de andre systemer og det har TYPO3 gjort ved at bruge billedbehandlingsprogrammet ImageMagick m.fl. til at håndtere billeder. I nedenstående er valgt et tekstbilledeelement. Tekstdelen er den samme som ovenfor, men her vises nogle af indstillingsmulighederne for billedet (billederne): Billeder: Her kan du vælge et allerede uploadet billede via fillistemodulet eller du kan uploade et billede direkte fra din egen computer ved at klike gennemse og udpege den fil, du vil uploade. TYPO3 kan efterfølgende konvertere billedet til GIF og JPG, så det optimerer filstørrelse. Position: Billedets position ift. teksten. Hvis der er valgt flere billeder, kan man vælge antal kolonner de skal vises i. Bredde/højde: Indtast bredde og højde i pixels og billedet skaleres/beskæres automatisk. TYPO3 kan ikke det umulige. Hvis du ændrer i proportionerne (forholdet mellem højde og bredde), vil TYPO3 beskære billedet og så bliver det lidt tilfældigt, så nøjes med at skrive højde eller bredde og lad TYPO3 selv beregne den du ikke angivet. Dvs. proportionerne beholdes. Link: Link på billedet, f.eks. til en anden side Klik-forstør: laver automatisk en miniature a billedet og laver et link til den store version. Side 23 af 24
Foruden de nævnte er der også menuer, hvor du kan vælge format på billedet, sort/hvid, gråtoner, rotering af billede m.m. Side 24 af 24