Page 1

Redaktørmanual TYPO3 Version: 1.1 Tilpasset TYPO3: 4.2 Sidst opdateret: 15/10-2008 Copyright: IdeFA Gruppen

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk


Indholdsfortegnelse 1. Forord..................................................................................................................... 2 1.1. Quick info .......................................................................................................... 2 1.2 Om TYPO3 CMS ................................................................................................... 2 2. TYPO3 CMS – Opbygning ........................................................................................ 3 2.1. Log ind .............................................................................................................. 3 2.2. Backend ............................................................................................................ 3 2.3. Typo3 backend (administrationssystemet) .............................................................. 4 2.4. Frontend............................................................................................................ 4 2.5. Hvor skal jeg klikke? ........................................................................................... 5 2.6. Gem, gem og vis, gem og luk ............................................................................... 6 3. Håndtering af sider & menuer ................................................................................ 7 3.1. Sammenhæng mellem sider og menuer ................................................................. 7 3.2. Oprettelse af sider .............................................................................................. 7 3.3. Flytte sider....................................................................................................... 10 3.4. Kopiere sider .................................................................................................... 12 3.5. Slette sider ...................................................................................................... 12 3.6. Skjule sider ...................................................................................................... 13 3.7. Sidehoved (sideegenskaber) ............................................................................... 14 4. Redigering af indhold ........................................................................................... 16 4.1. Indsætte nyt element ........................................................................................ 16 4.2. Redigere element .............................................................................................. 17 4.3. Typer af elementer ............................................................................................ 17 5. Billed & Fil arkiver ................................................................................................ 21 5.1 Filhåndtering i TYPO3 ......................................................................................... 21 5.2 Brug af billeder fra biblioteket på siden ................................................................. 22

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 1 af 22


1. Forord Denne manual skal gerne hjælpe dig i dagligdagen med TYPO3. Manualen kan downloades i vores support område. Du skal logge ind med brugernavn og password som du har fået tilsendt i dit kodebrev fra IdeFA Gruppen. I vores supportområde finder du også ”tips & tricks”, flere manualer, FAQ – som betyder ”ofte stillede spørgsmål” med spørgsmål og svar, artikler m.m. Har du yderligere brug for hjælp kan du sende en e-mail til os på support@idefa.dk. (Vi besvarer indenfor 24 timer) Vores klippekort ordninger giver dig også mulighed telefon support (TLF. 46 907 930) og FJERNSUPPORT som du kan læse mere om på vores hjemmeside www.idefa.dk

1.1. Quick info www.idefa.dk – vores hjemmeside, hvor du også finder vores support område. www.ditdomænenavn.dk/typo3 - Login til din hjemmeside. www.ditdomænenavn.dk/awstats - statistik for din hjemmeside www.ditdomænenavn.dk/webmail - tjek din mail overalt i verden.

1.2 Om TYPO3 CMS TYPO3 er ét ud af mange Content Management Systemer (CMS) på det danske marked. TYPO3 er Open Source og dermed gratis. TYPO3’s udbredelse er nærmest eksploderet i Europa, specielt i Tyskland og Danmark, og med en stor brugerbase og mange udviklere bag systemet er TYPO3 godt på vej til at blive et Entreprise CMS som helt store organisationer kan anvende og i denne klasse koster CMS’er let flere hundrede tusinde i licenser. God fornøjelse IdeFA Gruppen

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 2 af 22


2. TYPO3 CMS – Opbygning 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.

2.1. 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. www.ditdomænenavn.dk/typo3/, hvorved følgende dialogboks kommer frem:

Indtast dit brugernavn i feltet username, og din adgangskode i feltet password. Klik på knappen login. 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. – Kontakt IdeFA Gruppen Tlf. 46907930.

2.2. Backend Backend er der, hvor du logger på som redaktør for at redigere i websitet. Herfra kan du oprette, redigere sider, uploade billeder og filer, oprette nyheder, oprette arrangementer osv.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 3 af 22


alt efter hvad der er sat op på dit website. – Ønsker du flere funktioner – kontakt IdeFA Gruppen Tlf. 46907930.

1

2

3

2.3. 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 Filliste modulet.

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

2.4. Frontend Frontend er websitet, som dine brugere (jeres kunder) kan se fra Internettet. Det er det du sidder og redigerer med TYPO3.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 4 af 22


TIP: TYPO3 Frontend (websitet) – ikke standard 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.

2.5. 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.

Klikkes der i stedet på sidens navn, vælges siden, og den bliver vist i 3. kolonne, som vises på billedet nedenunder. – Kun venstre klik.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 5 af 22


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.

2.6. 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.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 6 af 22


3. Håndtering af sider & menuer Gennemgang af oprettelse, flytning, slette, skjule og synliggør siderne.

3.1. 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.

3.2. Oprettelse af sider Når du skal oprette en ny side, gør du som følger: 1. Vælg side modulet 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.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 7 af 22


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.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 8 af 22


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 er 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.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 9 af 22


8. Klik på gem Du har nu oprettet en side og et nyt menupunkt (forment skjult for omverdenen indtil du vælger at synliggøre siden).

3.3. Flytte sider Når du skal flytte en side, gør du som følger: 1. Vælg side modulet i venstre kolonne. 2. I sidetræet klikker du på den sides ikon, som du ønsker at flytte. Der kommer en klikmenu frem.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 10 af 22


3. Klik Flere valg og derefter Flyt side i klikmenuen.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 11 af 22


4. Vælg position for siden. Dit side træ vises med pile. Den pil du peger på, bliver sidens nye placering. 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.

TIP: Du kan trække direkte med siderne i sidetræet og flytte siderne.

3.4. Kopiere sider Hvis du ønsker at kopiere en side, gør du således: 1. Vælg side modulet 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.

3.5. Slette sider I TYPO3 kan du slette sider.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 12 af 22


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.

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.

3.6. 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.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 13 af 22


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:

3.7. 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 side egenskaber – herefter kommer følgende side frem:

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 14 af 22


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, ikke i menu, genvejsside m.flere) 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). Skjul i menu – siden vises ikke i menuen Start og stop (ligger under Access)– 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.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 15 af 22


4. 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…

4.1. 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å:

(Læg mærke til at dette ikon er over, under og mellem 2. Klik på Opret nyt element alle indholdselementer, så du kan vælge hvor du vil placere dit nye element) Dialogboksen Vælg Type Af indholdselement kommer frem:

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 16 af 22


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

4.2. Redigere element 1. Klik på blyanten ud for elementet

2. Rediger elementet og klik gem

4.3. Typer af elementer Tekstelementet (Findes under fanen Tekst)

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:

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 17 af 22


Indtastning af tekst og formatering heraf er rimelig simpel. De vigtigste funktionaliteter er:

Indsæt link

Fjern formatering – kan fjerne formateringer fra Word, billeder, HTML formatering m.m. Et stærkt værktøj

TIP: Ønsker du at foretage et linieskift i stedet for at hoppe en linie over trykker du på: "Shift" + "Enter" Eksempel: Første linie Anden linie uden at hoppe en linie over ved brug af "Shift" + "Enter" ---Første linie Anden linie med normal "Enter"

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 18 af 22


Billede elementer og tekst/billede elementer (Findes under fanen media)

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.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 19 af 22


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.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 20 af 22


5. Billed & Fil arkiver Når du indsætter billeder, filer, pdf, word dokumenter o.s.v. har du mulighed for at tage dem direkte fra din computer (via gennemse) eller ligge dem op på serveren. Kaldes uploaded til Filliste.

5.1 Filhåndtering i TYPO3 I TYPO3 er der indbygget et ”bibliotek”, hvor du kan gemme billeder, filer m.m. Du skal bruge FILLISTE, som du finder under Filer i venstre side. Derefter vil du i stedet for sidetræet se de mapper du har til rådighed på serveren. Klikker du på mappen billeder, får du til højre viste hvilke billeder der er at finde i denne mappe. Over billederne finder du knappen

(Upload filer) og

(Ny).

Ny: Her kan du uploade nye filer til den valgte mappe. Indskriv navnet på mappen i feltet og klik på knappen Opret mapper. Husk at navngive mapper uden brug af æøå, specialtegn og mellemrum.

Upload filer: Når du ønsker at ligge filer op i ”biblioteket” skal du først klikke på knappen Upload filer. Dernæst har du mulighed for at vælge op til 10 filer adgangen. Når du har valgt dine filer via Gennemse fra din computer klikker du på knappen ”Send filer”

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 21 af 22


5.2 Brug af billeder fra biblioteket på siden Når du vil ligge billeder på dine sider, kan du vælge gennemse eller vælge fra ”Biblioteket” (Filliste) Klik på det lille ikon som illustrer en mappe

Du vil så få et vindue frem, hvori du kan vælge det ønskede billede, ved at klikke på navnet. Vinduet forsvinder derefter og billedet er indsat på siden.

IdeFA Gruppen - Havnepladsen 12 - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Dato: 08-11-2006

Side 22 af 22

http://www.idefaweb.dk/fileadmin/demo/Dokumenter/TYPO3_Manual_Version_4.2  

http://www.idefaweb.dk/fileadmin/demo/Dokumenter/TYPO3_Manual_Version_4.2.pdf