Redaktørmanual Kentaur
Indholdsfortegnelse Kapitel 1 - TYPO3 Brugerfladen 3 Log ind 3 Backend 4 Frontend 5 Hvor skal jeg klikke? 5 Gem, gem og vis, gem og luk 6 Kapitel 2 - Sider & menuer 7 Sammenhæng mellem sider og menuer 7 Oprettelse af sider 7 Flytte sider 9 Kopiere sider 10 Slette sider 10 Skjule sider 11 Sidehoved (sideegenskaber) 12 Kapitel 3 - Redigering af indhold 17 Indsætte nyt element 14 Redigere element 16 Flytte element 16 Typer af elementer 17 Tekstelementet 17 Billede elementer og tekst/billede elementer 18
Kapitel 1 - TYPO3 - Brugerfladen 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 skrive http://www./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. 3
Kapitel 1 Backend Backend er der, hvor du logger på som redaktør for at redigere i websitet. Her kan du redigere sider, uploade filer, oprette nyheder, oprette arrangementer osv. alt efter hvad der er sat op på dit website. 1. I kolonne 1 foregår navigering mellem hovedgrupperne i Typo3 eller nærmere 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 til højre, 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. 1 2 3 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 skærmbilledet til højre 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. Typo3 backend(administrationssystemet) 4
Kapitel 1 Frontend Frontend er websitet, som websitets besøgende kan se fra Internettet. Det er det du sidder og redigerer med TYPO3. 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. 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, kommer en menu med valgmuligheder frem. Sådan er det rigtig mange steder, hvor du ser et ikon ud for en tekst. I Typo3 er der også mange veje til samme funktionalitet, man lærer hurtigt sine egner rutiner. TYPO3 Frontend(websitet) 5
Kapitel 1 Klikkes der i stedet på sidens navn, vælges siden, og den bliver vist i 3. kolonne. Se billedet til højre. 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. - Lukker uden at gemme 6
Kapitel 2 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. 7
Kapitel 2 3. Klik New 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. 5. Klik på den pil, hvor du vil placere den nye side. 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. 6. Klik på gem Du har nu oprettet en side og et nyt menupunkt (skjult for omverdenen indtil du vælger at synliggøre siden). 8
Kapitel 2 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. OBS: Hvis du er længere nede i sidetræet som billedet ovenfor viser, kan du navigere opad i sidetræet ved at klikke på siden niveauet over. Derved ryger du ét niveau op og der kommer så indsætningspile frem i forhold til dette område. 9
Kapitel 2 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 lille menu 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. 10
Kapitel 2 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. 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 11
Kapitel 2 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 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) Sidetitel obligatorisk. Er det der stå i menuen og typisk også som sideoverskrift Undertitel 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). 12
Kapitel 2 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. 13
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 du stå i sidemodulet og vælge den side, du vil indsætte indhold på. 2. Klik på 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) 14
Kapitel 3 Valg af indholdselementtype kommer frem 3. Vælg den type element du vil indsætte f.eks. Undersideindhold 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 15
Kapitel 3 Redigere element 1. Klik på blyanten ud for elementet 2. Rediger elementet og klik gem Flytte element 1. Klik på liste i venstremenuen og derefter på siden med det element du vil flytte. 2. 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. 3. 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. 16
Kapitel 3 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 redigerings muligheder. Indtastning af tekst og formatering heraf er rimelig simpel. 17
Kapitel 3 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: Indtast bredde i pixels og billedet skaleres/beskæres automatisk. Billedlinks: Link på billedet, f.eks. til en anden side 18
http://legepladsen. Her kan du få hjælp under Supportsiden. Du kan også downloade videoer der vise hvordan du arbejder i Typo3. 19