Manual Webbpubliceringsverktyg

Transkript

1 Manual Webbpubliceringsverktyg CoreCMS är verktyget för enkel och effektiv innehållshantering av din hemsida. I denna manual får du reda på hur man använder detta verktyg 1

2 Innehåll Innehåll Liten begreppsförklaring...3 Inloggning...3 Allmänt om sidor...4 Lägga till en sida...5 Ändra en sida...5 Ta bort en sida...5 Administrera sidorna...5 Liten designskola 1: Speciellt att tänka på för hemsidor...7 Editorn...8 Formatera text...8 Liten designskola 2: Om typsnitt och fonter...8 Bilder...9 TIPS: Redigera bilder på Pixlr.com Tabeller Göra länkar Övriga funktioner i editorn Övriga funktioner Nyheter Webbsidor Dokument Bildbanken Inställningar Användare Formulär Besöksstatistik Extrafunktioner Bildgalleri Bildsnurr/Advertisment holder Portfolio PageFlip Kalender Mobilanpassad och/eller responsiv hemsida Prenumerationstjänster Sök/Sökruta Skyddad sida Produktregister Problemlösning

3 Inloggning Denna manual är till för att underlätta ditt arbete i verktyget CoreCMS. Hör gärna av dig om det är något som är oklart, så hjälper vi dig. CoreCMS är också ett verktyg som ständigt utvecklas så se till att ha den senaste versionen av manualen, Här hittar du den senaste versionen: Inloggning För att komma in i CMS-verktyget gör så här: 1. Gå till din webbplats i en webbläsaren, eller använd den tillfälliga sökvägen du fått av oss om din hemsida inte är publicerad än. 2. Efter webbens namn i adressfältet (1) skriver du in /admin (ex. admin). 3. I inloggningsrutan som öppnas fyller du i det användarnamn och lösenord som du fått av CoreIT. Liten begreppsförklaring Domän, domännamn - är ett namn på en administrativ helhet på Internet. Domännamnen finns till för att man ska slippa komma ihåg de numeriska IP-adresser som används som telefonnummer på internet mellan datorer. Webbplats, Hemsida, Webb, Site - är en sammanhängande samling av texter, dokument, bilder och multimedia som lagras på en webbserver, och som är nåbar över webben (Internet). Webbsida/sida - är en textfil som visas när du klickar på någon av flikarna/knapparna på en webbplats. Den kan innehålla text, bilder, hyperlänkar, dokument och multimedia. Startsidan är den webbsida som visas först när man skriver in webbplatsen URL i adressfältet. Webbläsare - är program för att hämta, tolka och återge dokument kodade i HTML eller XHTML som lagts upp på webbservrar på Internet. URL/webbadress - är den teckensträng som identifierar en webbplats, till exempel Hyperlänkar/länkar - gör att vissa ord/bilder kan leda vidare till andra sidor och kan även leda till information på andra webbplatser. 1 När du loggat in på CMS-verktyget ser det ut som på första bilden på nästa sida. Rubrikerna/knapparna till vänster kan skilja sig lite beroende på vad du har för funktioner på just din hemsida. 3

4 Sidor Pst... En genomgång av alla knapparna/flikar till vänster på sidan hittar du under Övriga funktioner, sid. Allmänt om sidor Under den andra rubriken till vänster, som heter Webbsidor (2), hittar du alla sidorna som för närvarande finns på din webb, se bilden nedan. Sidorna visas också längst ut till höger i en trädstruktur (3) med indrag för undersidor, beroende på hur många sidor du har. Klickar du på Webbsidor får du en samlad vy där du ser vad dina sidor har för rubrik/titel och vilken ordning de har. Under kolumnen Placering ser du i text vart sidan ligger, är det bara rubriken/titeln som står där så ligger sidan direkt under startsidan. Sortering visar i vilken ordning sidorna ligger på webbplatsen. 4

5 Sidor Lägga till en sida Att skapa en ny sida med CoreCMS är enkelt. Klicka på texten Skapa ny sida under rubriken Webbsidor (4). Då skapas en ny sida i Editorn (mer information om hur du använder den under kapitlet Editorn). Ändra en sida Klicka på den sida du skall göra ändringar i så öppnas den i Editorn. Gör dina ändringar och klicka på Spara. Ta bort en sida För att ta bort en sida öppnar du den sidan och klickar på knappen Ta bort sidan som ligger under själva editorfönstret. Administrera sidorna När du har en sida öppen så ser du ovanför Editorn alla funktioner som du behöver för att administrerar dina websidor, vi ska gå igenom de olika funktionerna här nedan. A B C D E F G A Rubrik/titel: Här skriver du in vad din sida ska heta, vilken rubrik den ska ha. Det är det namn som kommer att stå som rubrik på din sida och även det som kommer att stå i menyn (på den flik/knapp som finns i menyn). B C Skapa under. Här väljer du vart du vill att din sida ska ligga, om det ska vara en sida som ligger direkt i menyn på startsidan eller som en undersida. Väljer du att lägga sidan under t.ex. Om CoreCMS så hamnar sidan som en undersida till Om CoreCMS men väljer du root så hamnar sidan direkt i menyn på startsidan. Filnamn. Du behöver inte fylla i något speciellt namn här, om du inte vill. Ett namn fylls i automatiskt när du har sparat din sida. Men titta gärna igenom de namn som skapas och förenkla gärna, speciellt på sidor som ligger i undermenyer. Enklare är bättre! D Status. Här finns tre olika alternativ att välja bland. Inte i meny väljer du detta alternativ så kan man inte hitta denna sida i någon meny, detta alternativ kan du välja om du gör en dold sida som man bara kan komma till via en länk på någon av dina andra sidor. I meny är den vanligaste statusen, det menar att din sida ligger på en sida som du kan komma till via en meny. Gå till annan sida som namnet säger så kommer du automatiskt direkt till en annan sida om du öppnar denna sida. På den sidan som ska ha denna status skriver du in en url-länk i editorfönstret, ex. se bilden till höger. 5

6 Sidor E Sortering. Här väljer du i vilken ordning du vill att dina sidor ska ligga, även hur dina undersidor sorteras under respektive flik/knapp. F Mall. Här finns det lite olika typer av sidmallar att använda, beroende på vilka extrafunktioner du valt som tillval till din hemsida kan det variera vilka mallar som finns i listan. Detta är de mallar som finns idagsläget: 01 Enkel - innebär en helt vanlig sida med enbart den text och bilder som du lägger in. 02 Huvudsida denna mall används till din startsida så den används bara en gång per hemsida, startsidan skapas automatiskt så denna mall behöver du aldrig välja själv. 03 Sida med undermeny använd denna mall på de sidor som ska ha undersidor, annars kommer du inte att kunna se undermenyn. 04 Med nyheter - om du använder nyhetsfunktionen på din hemsida så inkluderas en nyhetsruta på den sida som använder denna mall. 05 Egna nyheter - man kan ha specifika nyheter för en viss sida. 06 Galleri - om du använder gallerifunktionen så måste du välja denna mall för att lägga upp bilder i ett galleri på den aktuella sidan. 07 Kalender det gäller samma sak som med galleriet, har du kalenderfunktion på din hemsida så väljer du denna mall för att lägga in kalendern på sidan. 08 Formulär om du t.ex. vill lägga in ett kontaktformulär på en sida så använder du denna mall. Följ de instruktioner som du hittar under editorn för att få ett fungerande formulär. 09 Anmälan Nyhetsbrev denna sidmall använder man på den sida där man vill att besökarna ska anmäla sitt intresse för att få nyhetsutskick. 10 Anmälan Sidprenumeration denna sidmall använder man på den sida där man vill att besökarna ska anmäla sitt intresse för att få meddelande när sidan uppdateras. 13 Sök för att få en webbsida med sökfunktionen så använder man denna mall. 14 Produkter om du har extrafunktionen produktregister så har du denna mall att använda på de sidor där produkter ska visas upp. G Publicerad. Här kan du välja om du vill att den sida du jobbar med ska publiceras på din hemsida eller inte. Medan du jobbar med en sida och inte känner dig klar så välj Nej, då kan du spara det du gjort hittills och kan fortsätta arbeta med sidan när du vill. När du är helt nöjd med sidan så välj Ja. Spara Inget av det du gjort med en sida publiceras eller finns kvar om du inte väljer Spara nere till höger eller om du ångrar dig så välj Avbryt, då försvinner det du gjort sedan du sist sparade eller helt om du aldrig sparat sidan. 6

7 Designskola 1 Liten designskola 1: Speciellt att tänka på för hemsidor 1. Vad är speciellt med att publicera information på en hemsida? a. Användarna är snabba på att gå vidare, försök fånga deras intresse så fort som möjligt. b. Läsaren lämnar sidan snabbt om de inte hittar något intressant och söker vidare på internet. c. Att läsa på skärmen tar längre tid och är svårare än att läsa på papper, tänk på att den som besöker din hemsida oftast skummar igenom texten och sällan läser intensivt. 2. Innehåll a. Det som fångar läsaren är innehållet - fyll hemsidan med konkret och intressant information b. Anpassa till målgruppen - använd ett personligt tilltal som du, undvik Ni, kunderna osv, det blir opersonligt och formellt. Anpassa språkbruket och tänk på att använda begripliga termer så att alla förstår. c. Journalistiskt skrivande försök tänka som en journalist genom att sätta det viktigaste först. Gör vad du kan för att ge sidan en bra överblick och struktur med tydliga rubriker, underrubriker, ingress och text. 3. Struktur a. Menyer/sidor gör logiska meny-/sidrubriker med namn som målgruppen förstår och söker efter. Undvik att spegla organisationen i menyn (sidostruk-turen). Spegla din besökares intresse och använd deras begrepp. 7

8 Editorn Editorn När du öppnar en av dina webbsidor eller när du skapar en ny sida hamnar du i Editorn, se bilden nedan. Det är här du jobbar med innehållet på sidorna; text, bilder, tabeller, länkar osv. Tycker du att editorfönstret är litet så kan du dra i det nedre högra hörnet (5) till den storlek du vill ha på fönstret (det påverkar inte utseende på hemsidan). Formatera text I editorn finns fyra olika textformat (Styckeformat) att välja bland; normal brödtext och tre olika rubrikformat. Vi ställer in hur dessa fyra fontvarianter ser ut och om du har önskemål om en annan normaltext eller rubrikfont är det bara att säga till. Det är en stor fördel att vi styr dem centralt för när man ändrar font slår det igenom på en gång och på hela hemsidan. 6 Du hittar textformaten på andra raden i editorn, längst till vänster (6). Sen kan du välja om du vill ha texten fet eller kursiv (7), hur du vill att texten ska vara placerad på sidan; vänsterställd, centrerad, högerställd eller utfylld på hela sidans bredd (8). Här kan du även välja upphöjd eller nedsänkt text och längst till höger hittar du två listfunktioner, sifferlista eller punktlista Liten designskola 2: Om typsnitt och fonter En viktig designregel för alla publikationer är att bara använda få fonter/storlekar. Enhetlighet är viktigt. Olika font på varje rubrik/rad är förvirrande och stökigt. Två typsnitt bör vara genomgripande på hela sidan/hemsidan. Tre storlekar för rubriker men helst med samma typsnitt för alla dessa tre. En storlek och font för brödtext, som kan varieras med fet/bold för viktiga partier. Fånga inte intresset med hjälp av typsnitt och färger. Fånga med intressant och tydligt innehåll i rubrik och ingress. Rubrik och första delen av texten är oftast det enda som man läser, om man inte är väldigt intresserad. Färgmarkeringar försämrar läsbarhet i de flesta fall. Fet stil för att peka ut viktiga ord räcker, eller gör en ny underrubrik som lockar till sig ögat. Pst... Får du problem med textredigeringen, på sidan 35 finns lösningen på några av de vanligaste problem som kan uppstå och hur man löser dem. 8

9 Bilder Bilder Lägga till en bild, gör så här: Ställ där du vill att bilden skall ligga på sidan. 2. Klicka sedan på ikonen (9) (se föregående sida) som du hittar på översta raden. Då öppnas fönstret Bildverktyg. 3. Här ser du alla bilder som för närvarande är uppladdade för att kunna användas på hemsidan. Du kan välja hur du vill att bilderna ska visas, som en lista eller med små tumnagelbilder (10). Vad mapparna heter kan givetvis vara lite olika Markerar du den bild du vill använda genom att klicka på den. Du får en förhandsgranskning av bilden i fältet längst till höger. 5. Klicka på Infoga så hamnar bilden på hemsidan. Ladda upp nya bilder Du laddar enkelt upp nya bilder som du kan använda på din webbplats. Det kan du bl.a. göra i bildverktyget. Gör så här: Öppna bildverktyget (9). 2. Klicka på texten Ladda upp ny bild (11), då får du fönstret Ladda upp bild Klicka på Browse (12), bläddra fram till den bild du vill använda från din dator och klickar OK. 4. Välj hur stor bilden ska vara på ett ungefär (13), välj mellan alternativen; Tumnagel, Kvartssida, Halvsida, Helsida och Maximal. Standardinställningen är Kvartssida men vet du att bilden ska täcka hela bredden på hemsidan så bör välj en större storlek När du valt storlek klickar du på Ladda upp, när du gjort det ser du en förhandsvisning av bilden i det högra fältet Du har några enkla redigeringsverktyg att använda ovanför bilden (14) 16 9

10 Bilder - om du vill rotera den åt något håll, ljusa upp eller mörka ner bilden och du kan även göra den lite skarpare. 7. Till sist kan du välja att också gör en liten tumnagelbild av samma foto och om du vill ersätta ev. befintlig bild som har samma namn (15) När du är klar med allt detta klickar du på Spara (16) så laddas bilden upp till bildverktyget och därifrån kan du lägga in den på hemsidan. Placeringen av bilder på hemsidan 19 För att få bilderna placerade på det ställe man vill på hemsidan kan man göra på lite olika sätt. Det allra enklaste är om man vill ha en bild under eller över ett textstycke. Då gör man helt enkelt en ny rad och infogar bilden där, (läs mer under Lägga till bild ovan). 20 Vill man att bilden ska ligga till vänster eller höger om ett textstycke så gör man så här: 1. Ställ dig med textmarkören längst till vänster vid textstycket. 2. Går till bildverktyget, välj bilden som ska infogas och klicka på Egenskaper (17) (se föregående sida), då ser till fönster på bilden till höger. 3. Ska bilden ligga till vänster om texten klickar man på Bildjustering (18) och väljer symbolen för vänsterställd text (19). 4. Klicka sedan på Infoga så ligger bilden till vänster om det aktuella textstycket. Har bilden hamnar för långt ner eller upp på sidan kan du ta tag i bilden och flytta den till vänster om texten på en annan rad. Vill du att bilden ska ligga till höger om texten väljer du istället högerställd bildjustering med symbolen för högerställd text (20). Luft kring bilden Om du tycker att bilden hamnar för nära texten, du kanske vill ha lite mer luft mellan bild och text så använder du funktionen under Bildjustering (21) och ökar något eller flera av värdena i rutorna med uppåtpilen. Ligger bilden vill vänster om texten ökar man marginalen till höger om bilden osv. Bilder i bredd Vill du lägga flera bilder bredvid varandra så ställer du dig på en ny rad och infogar en bild, gör ett eller flera blanksteg och infogar en till bild tills du fått in de bilder du vill ha. 21 Pst... Redan infogade bilder, som ligger på webben, kan du ändra bildjusteringen på genom att högerklicka på bilden och välja Egenskaper. 10

11 Bilder Göra klickbara bilder Ibland kanske man vill ha en bild som har någon del klickbar, med en länk till en hemsida eller till en annan sida på sin egen hemsida. Det kan t.ex. vara en gruppbild där man ska kunna klicka på respektive person och länkas till en annan sida med kontaktuppgifter och mer information om personen. Gör så här: 1. Lägg in bilden på en sida och sedan högerklickar på bilden och väljer Verktyg för klickbar bild (22). 2. I dialogfönstret som öppnas, Verktyg för klickbar bild, börja att välja utseende på sektionen som ska vara klickbar, om det ska vara en cirkel eller en rektangel (23). I exemplet ovan är utseendet en cirkel. 3. Dra och släpp över den sektion som ska vara klickbar till rätt plats (24). 4. Förstora eller förminska markeringen genom att dra i det lilla röda handtaget (25). 5. Skriver in en webbadress efter (26), det kan vara en adress till en annan hemsida men även till en sida på din egen hemsida. Ska du länka till en sida på din egen hemsida så gå till den sidan i webbläsaren och kopiera hela adressen från adressfönstret (27) och klistra in vid webbadress Sedan välj Mål (28), om länken ska öppnas i ett nytt fönster eller något annat. 7. Klicka på Uppdatera sektion (29), då har man skapat en länk ifrån den sektion man skapat. 8. Nu kan du fortsätta att skapa fler sektioner i bilden genom att klicka på Ny sektion (30) och flytta markeringen som skapats till nästa område du vill göra en länk av och upprepa proceduren tills alla de delar som ska vara klickbara i bilden är gjorda. 9. Avsluta processen med att klicka OK och bilden har blivit klickbar. 11

12 Tips - Fotoredigering TIPS: Redigering av bilder på Pixlr.com Om du inte har något program där du själv kan redigera bilder så kan du göra det gratis på en hemsida. Den hittar du här: pixlr.com/express Här finns alla de vanligaste funktionerna man kan behöva för att fixa till sina fotografier. Några av funktionerna presenteras här. a Börja med att ladda upp en bild genom att klicka på Browse (a) och välj den bild som ska redigeras. e Beskära bilder 1. När bilden är uppladdad så ser det ut ungefär som på bilden till höger. 2. Längst ner till vänster finns en ruta där det står Adjustment (b), här hittar man många funktioner för att redigera bilden. 3. På andra raden längst till vänster finns funktionen Crop, (c) klicka på den. 4. Bilden har då fått ett rutnät där man drar i fyrkanterna i hörnen och den del av bilden som är inuti rutnätet blir den del av bilden man får kvar. 5. När du är nöjd, klicka på Apply (d), längst ner till höger. 6. När bilden är redigerad klar så glöm inte att klicka på Save (e), längst upp till vänster. c f b Ändra bildens storlek 1. Under Adjustment klicka på funktionen Resize (f). 2. Skriv in den bredd eller höjd du vill ha på fotot. Se till så rutan längst ner, Keep proportions (g), är markerad blå, då håller bilden rätt proportioner och du behöver enbart fylla i ett mått och det andra anpassar sig automatiskt. 3. Klicka på Apply och spara bilden. Ge bilden en bakgrundsskugga Det finns mycket man kan göra med bilderna i Pixlr, lägga på filter, ramar, text och annat. Testa dig fram och se vad du kan göra. d 1. Med funktionen Borders kan man t.ex. göra ett foto med en skugga (se bilden till vänster). Klicka på Borders och välj Default, längst till vänster. 2. Bläddra med pilarna (h) till en border som heter Soft. Klicka på den och sedan på Apply. 3. Nu har du fått en bild med vit ram och en diskret skugga Lycka till! g h 12

13 Bilder Ändra storlek på bilden När du ska lägga in en bild på en sida så är det vår starkaste rekommendation att bilden har rätt storlek och är färdigredigerad innan man lägger in den. Om man vill ändra bildens storlek så bör man tänka på att inte göra den större än man laddat in den som, kvaliten försämras radikalt om man gör den mycket större. Vill man förminska bilden är det dock inga problem.gör så här: När du ska infoga bilden på sidan klicka på fliken Egenskaper (17) eller högerklicka på en bild du redan infogat till hemsidan i editorn (se sid 9) då får du de grundläggande redigeringsalternativen 2. I editorn kan man förminska eller förstora bilden genom att dra i hörnen på bilden men om man vill vara säker på att bildens proportioner inte förändras så ändrar man storleken genom att skriva in andra siffror längst upp i detta fönster, vid Bredd och Höjd För att proportionern inte ska ändras så klicka på den brutna länken mellan siffrorna (31) som då blir hel (32). 4. Ändra något av måtten så storleksförändras bilden proportionerligt. Klicka OK och se hur ändringen ser ut. Bildredigeraren Det finns några fler sätt att redigera bilderna som laddats upp till hemsidan. Gör så här: 1. Välj att infoga en bild på hemsidan och markera den bild du vill redigera, i det högra fältet överst till vänster finns en knapp som heter Bildredigerare (33). Klicka på den och fönstret på nästa sida öppnas. Här kan man t.ex. beskära bilden, alltså kapa till den om man bara vill ha med en del av bilden. 2. Beskära bilder gör man med verktyget som heter Beskär (34). När man klickar på det verktyget får man upp en vy och en liten fyrkant i övre vänstra hörnet som markerar vilken del av bilden som kommer att bli kvar Den rutan drar man i, flyttar, förminskar eller förstorar tills man är nöjd (35). 4. Som standard är markeringsrutan kvadratisk, vill man inte ha en fyrkantig bild så använder man den lilla dialogrutan Beskär bild (36) och klickar bort länken (37) mellan Bredd och Höjd. Här kan man även skriva in det exakta mått man vill ha på bilden och lite annat. 5. När jag är nöjd med markeringen för hur bilden ska se ut så väljer man om man ska spara den mindre bilden som en ny fil eller ersätta den fil som redan finns. Vill du ha kvar originalbilden i sin originalstorlek så skriv in ett nytt namn vid Spara som (38), vilket vi rekommenderar, men vill du ersätta filen med den med ny storlek så skriver du in namnet på originalbilden vid Spara som och ser till så rutan är ibockad vid Ersätta om fil finns? (39). Ta bort bild Du kan ta bort en bild ifrån Bildverktyget, välj den bild du ska ta bort genom att klicka på den och klicka sedan på det röda krysset (40) (se sid 9). 13

14 Bilder Bildspel på hemsidan För att få bilder på hemsidan som snurrar, ett bildspel, på en specifik sida så skriver du in en kod i editorn på den plats på sidan där du vill ha bildspelet. Antingen direkt på sidan eller i en tabellcell. Bilderna som ska vara med i bildspelet måste du lägga i en egen mapp bland bilderna, döp mappen och namnet på den mappen ska anges i koden. Koder för bildspel 1. För ett vanligt bildspel lägger du in följande kod: [corecms loopimages folder=test interval=2] Ändra ordet test i ovanstående kod till namnet på mappen där bilderna ligger. Vill du att bilderna ska snurra fortare eller långsammare så ändra siffran efter interval. 2. För ett bildspel med bilder som tonar ut och tonar in lägger du in följande kod: [corecms imagefade folder=test delay=2000 height=400 width=400] Gör samma sak här, byt ut ordet test mot namnet på mappen där bilderna ligger. Siffran efter delay bestämmer hur fort bilderna ska bytas. Man måste också ange storleken på bilderna som visas med siffrorna efter height och width. OBS! Bilderna du lägger in i mappen kommer att beskäras ner till det format du anger om bilderna du laddat upp är större. OBS! Använd inte å, ä eller ö i namnet på bilder, filer eller mappar som du skapar i editorn. Bilder som ligger på hemsidan bör du inte BYTA NAMN PÅ eller FLYTTA TILL EN ANNAN MAPP för då tappar editorn kontakten med bilden och den försvinner från hemsidan. 14

15 Tabeller Tabeller 41 I editorn kommer du säkert att behöva använda tabeller, du hittar den funktionen under knappen (41), använd den så här: 1. Klicka på nedåtpilen så får du upp ett fönster där du väljer hur många kolumner och antal rader du vill ha, det går givetvis att ändra i efterhand men välj det antal kolumner och rader som du tror du kommer att behöva. 2. När du har valt antal celler så visas de i editorn med tunna streckade linjer mellan cellerna, tabellen är väldigt liten men när du skriver in text eller lägger in bilder i tabellen så utökas cellstorleken. 3. Upptäcker du att du vill ha fler rader eller annat så ställ dig i tabellen och högerklicka, då får du ett antal olika alternativ att välja bland (42) Längst ner kan man välja Egenskaper för cell eller Tabellegenskaper (43), här går man in om man vill finjustera i tabellen. 5. När du klickar på Tabellegenskaper så kommer en sida som ser ut som bilden nedan (44). Här kan du välja exakt storlek på tabellen, höjd och bredd i pixlar, bakgrundsfärg i cellerna, om du vill ha en bakgrundsbild i celler osv. Tycker du att det blir för lite marginaler i tabellerna så gå in och ändra värdet i Cellavstånd. Går du in under fliken Cellegenskaper (45) så kan man göra ändringar i cellen som du står i. Om du klickar på knappen Style Builder kommer du in en ännu ett fönster där ytterligare valmöjligheter finns ! 15

16 Tabeller Style Builder 45 När jobbar med en tabell, högerklickar i tabellen och väljer t.ex. Cellegenskaper (42) så hittar man någonting där som heter Style Builder (46). Klickar man på denna så får man upp ett nytt fönster där det finns ett antal olika sätt att formatera cellen. Vi ska kika lite på de olika verktygen i Style Builder, men var inte rädd att prova dig fram. OBS! De ändringar du gör i Style Builder sker i HELA cellen du står i. 46 Font - den första fliken är Font. I detta fönster kan man formatera texten i cellen genom att byta färg på texten (Color), välja storlek på texten (Size), ändra textens utseende med olika Font Attributes eller Effects. Byter du typsnitt (Family) så gäller detta enbart i den cell som du står i eller i hela tabellen om du står i Tabellegenskaper. Background under denna flik kan du göra ändringar i cellens bakgrund. T.ex. ändra bakgrundsfärgen eller lägga in en bild som bakgrund i cellen, men detta gör du enklast direkt under Cellegenskaper. Lägger du in en bakgrundsbild har du ett antal alternativ hur bilden ska placeras i cellen under Tiling, Scrolling och Position. Text Under denna flik kan man ändra justeringen av texten under Alignment även detta kan du göra direkt under Cellegenskaper. Men vill du ha texten med rak marginal både till vänster och till höger så får du gå in här och välja justeringen Justify, då spärras texten ut så den fyller raderna helt. Under denna flik kan man även göra justeringar med själva texten, sätta in extra mellanrum mellan bokstäver, ord och lite annat. 16

17 Tabeller Layout under denna flik kan man göra ändringar i utseendet på innehållet i cellen, t.ex. välja att för stora element beskärs om de inte ryms i cellen. Box denna flik är en av de funktioner i Style Builder som används mest. De översta funktionerna med Width och Height ställer du enklast in direkt under Cellegenskaper men under Padding kan du lägga in luft på någon av cellens sidor eller runt hela cellen. Ofta när man gör en tabell och lägger in bilder och text så hamnar cellerna väldigt nära varandra, utan mycket luft emellan, då kan man gå in och lägga till det under Box. Border detta är också en av de mer användbara funktionerna där man lägger in linjer på någon av cellens sidor eller runt om hela cellen. Det finns ett antal olika typer av linjer att välja ibland, du väljer också hur tjocka linjerna ska vara och i vilken färg. Lists om man har en lista i cellen kan man göra lite ändringar hur denna lista ska se ut. Du kan t.ex. välja en egen bild som ligger i listan, istället för en punkt eller siffra. 17

18 Länkar Göra länkar 46 En länk till en annan hemsida från en bild, en logo, ett ord eller kanske en länk till en e-postadress. är enkelt att göra. Så här gör du: 1. Markera den text eller den bild som länken ska skapas ifrån. 2. Klicka på Hyperlänkverktyget (46). 3. Fönster Hyperlänkverktyg öppnas. Om du vill länka till en annan webb så skriver du in webbadressen eller kopierar ifrån den webbplatsen du vill ha och klistrar in i det översta fältet, Webbadress. 4. I fältet Länktext ser du vilken text som är själva länken, om det är text som ska vara länken. 5. Sen väljer du mål, här väljer du ALLTID alternativet Nytt fönster. Verktygstips är en liten textrad som dyker upp när du för muspekaren över länken men det är inte nödvändigt att ange någon text här. E-postlänk 47 Vill du skapa en länk till en e-postadress så väljer du den fliken (47) och skriver in den rätta epostadressen. Länka till dokument För att göra en länk till ett dokument, kanske till en pdf-fil (Läs mer under kapitlet Dokument, sid 23), markera texten eller bilden som man ska använda som länk. Klicka sedan på Dokumentverktyg (48) i editorn, längst ut till höger bredvid Egna länkar

19 Länkar Nu har du fått upp dialogrutan Dokumentverktyg där du ser de dokument som finns uppladdade och man kan länka till. Vill du ladda upp ytterligare dokument klicka på Ladda upp. Finns dokumentet redan så markera det du ska länka till och i den högra delen väljer du under Mål om dokumentet ska öppnas i ett nytt fönster, vilket vi rekommenderar i de flesta fall. Väljer du Inget så öpppnas dokumentet i befintligt webbfönster. Interna länkar Det är många gånger även användbart att kunna göra länkar till en annan sida på sin egen webbplats. Kanske från en nyhet till en mer utförlig information på en av undersidorna. Markera den text eller den bild som man ska använda som länk. På översta raden i editorn, nästan längst till höger hittar du en ruta där det står Egna länkar. Klicka på nedåtpilen. För att se alla sidorna, klicka på plusset till vänster om startsidan. Klicka på den sida som man ska hamna på via länken och det är klart. Spara sidan och länken finns på webbplatsen. 19

20 Editorn, övrigt Övriga funktioner i editorn På den översta raden i editorn finns lite fler funktioner. Från vänster: 1. Förhandsgranskning - Klicka på den om du snabbt vill se hur din sida kommer att se ut. Du får en förhandsgranskning i ett eget fönster men du ser inte undermenyerna, om du har det på sidan. 2. Mallverktyg - om det finns mallar till din hemsida så använder du denna funktion. 3. Sök och ersätt används för att söka eller söka och ersätta i din text. 4. Klipp ut, Kopiera och Klistra in vanliga funktioner för text och bilder. 5. Klistra in som text. Här har du lite olika varianter av klistra in som du väljer genom att klicka på nedåtpilen. Du kan t.ex. kopiera en text ifrån Word och klistra in den som Word, då har du textformateringen från Word kvar. Observera, har du något ovanligare typsnitt så kanske det inte visas korrekt i alla webbläsaren. 6. Ångra inmatning och upprepa inmatning. Inga konstigheter, helt enkelt ångra och upprepa. 7. Sen kommer bildhanteraren och tabellfunktionen, vilka finns beskrivna tidigare i detta kapitel. Efter det en knapp som heter Visa/Dölj kantlinjer (7b). Det innebär att du kan ta bort visningen av kantlinjerna i dina tabeller. Kantlinjerna syns inte på hemsidan utan enbart i editorn så det är inte nödvändigt att dölja dem, vår rekommendation är att INTE välja alternativet Dölj kantlinjer för att underlätta redigering av tabellen. 8. Hyperlänkverktyget - se tidigare information om att skapa en länk. 9. Ta bort länk - klicka på denna knapp om du vill ta bort en länk. 10. Egna länkar - Du kan göra länkar till någon av dina egna webbsidor. När du klickar på nedåtpilen och klickar på pluset vid Start då ser du vilka sidor du har på hemsidan, välj någon av sidorna och du har skapat en länk direkt till den. 11. Dokumentverktyg - Med den kan du skapa en länk till ett dokument som du har laddat upp i CoreCMS, mer information dokument kommer längre fram. 20

21 Nyheter Övriga funktioner I fältet till vänster om editorn, se bilden till höger, finns lite olika funktioner och användbara alternativ. Vi ska gå igenom alternativen så att du vet hur och till vad de används. Nyheter Om du använder nyhetsfunktionen på din hemsida så är det här du jobbar med nyheterna, här lägger du in nya nyheter, ändrar och ta bort nyheter. När du klickar på Nyheter så får du upp en liknande fönster som nedan, där du sedan kan välja på att Skapa ny eller Visa lista. Skapa nyhet Klicka på Skapa ny så öppnas ett editor-fönstret och där skriver du in din nyhet och kan lägga in bilder, länkar osv. Skriv in en rubrik på nyheten i rubrikfältet, välj status - när nyheten är klar att visas väljer man aktiv. Klicka på Spara när du gjort klar nyheten så publiceras den. Lokala sidnyheter Man kan välja att ha olika nyheter på olika sidor på webbplatsen. Om man har denna funktion så gör så här: På den sida där du vill ha egna nyheter välj sidmall (se sid 5) med nyheter och spara sidan. Skapa en nyheter, ge den en rubrik, välj status Aktiv. Under Skapa under väljer du den sida där nyheten ska publiceras. Om du vill att nyheten även ska finnas på webbens startsida så bocka i rutan Även på startsida. Tidsbestämma nyhetspubliceringen När en nyhet är sparad och man klickar på den nyheten så ser man under rubriken när nyheten publicerades. Till höger om datumet kan man ändra publiceringsdatum och även klockslaget genom att klicka på symbolen för almanacka och klockan. OBS! Det går inte att tidsinställa nyheter så att nyheten publiceras ett specifikt datum. I sådana fall kan man göra sin nyhet och spara den som inaktiv och sedan måste man gå in och byta till aktiv när man vill att nyheten ska publiceras. 21

22 Nyheter Nyhetsbrev Det finns två olika prenumerationstjänster att använda på hemsidan, se sidan 32. Den ena är att man som besökare på din hemsida kan prenumerera på nyhetsbrev. Det innebär att de som väljer att prenumerera på nyhetsbrev får alla nyheter som publiceras på hemsidan som ett nyhetsbrev via e-post. Gör så här: Om du har valt att använda denna funktion på din hemsida så har du en sidmall som heter 09 Anmälan Nyhetsbrev. Du måste använda den mallen på sidan där man som besökare ska anmäla sig som prenumerant på nyheterna. Du kan sedan skriva in en lämplig förklarande text i editorn och då kan resultatet se ut ungefär som på bilden nedan. För att skapa ett nyhetsbrev använder du nyhetsfunktionen precis som vanligt, välj Skapa ny. Utforma nyhetsbreven som du önskar i editorn med text och bilder, när du är klart och valt status Aktiv klicka då i rutan Skicka som Nyhetsbrev och sedan Spara, då skickas nyhetsbrevet iväg. Om du inte känner dig klar med nyhetsbrevet så kan du välja spara utan att klicka i Skicka som nyhetsbrev och Aktiv för att sedan fortsätta skriva och sedan skicka när du känner dig helt nöjd. OBS! Nyhetsbrevet måste vara aktivt och rutan Skicka som nyhetsbrev i kryssad för att nyhetsbrevet ska skickas. Under Användare i menyn till vänster finns Prenumeranter, där ligger alla mailadresser till de som anmält sig som prenumeranter. Här kan du lägga till, byta mailadress eller ta bort prenumeranter. Det kan ta en stund innan mailet kommer fram om du skickar till många och nyhetsbrevet innehåller mycket text och bilder. 22

23 Dokument Webbsidor Här skapar du nya sidor och ser även alla sidorna som finns på din hemsida, se mer under Allmänt om sidor, sid 4. Dokument När du klickar på Dokument så ser du alla de dokument som finns uppladdade för att kunna användas på hemsidan. Du kan även direkt härifrån lägga in olika typer av dokument som du vill använda eller länka till, det kan t.ex. vara årsberättelser, broschyrer, prislistor, tävlingsregler o dyl. De dokument-format som CoreCMS stöder är Word-, Excel, PowerPoint-, pdf- och zipade filer. Du kan givetvis även ta bort dokument som inte längre är relevanta och skapa mappar för att organisera dina dokument. Bilder Under denna flik har du en fullständig överblick över alla de bilder som laddats upp för att användas på hemsidan. I mappen graphics ligger alla bilder som du kan använda på hemsidan och du ser om det är skapat mappar och även innehållet i dessa. I denna vy finns tyvärr ingen förhandsvisning av bilderna. Här kan du även ladda upp nya bilder, radera och skapa nya mappar. 23

24 Inställningar Inställningar Här ligger lite olika inställning som har att göra med hemsidan. Läs igenom de förklarande texterna under respektive inställning så får du en bra förklaring och kan göra de ändringar du finner lämpliga. Här hittar du bl.a. den text som återfinns i sidfoten på hemsidan som du enkelt kan ändra om det skulle behövas. Användare 24

25 Användare I denny vy, bilden längst ner på föregående sida, ser du som är systemadministratör vilka användare som finns registrerade och som kan göra ändringar på hemsidan, vad de har för användarnamn, lösenord och behörighet. Skulle någon användare ha glömt sitt lösenord eller vill byta de, klicka på den användaren och då ser man vilket löäsenord den har och här kan du enkelt byta lösenordet. Härifrån skapar man nya eller tar bort användare. Skapa en ny genom att klicka på texten Skapa en ny användare då får du upp det fönstret här nedan. Fyll i uppgifterna och under Behörighet väljer du vilken behörighet som är lämplig Behörigheter: Systemadministratör har full befogenhet till hela hemsidan. Administratör har begränsad åtkomst och kan bl.a. inte administrera användare. Glöm sedan inte att klicka i rutan Aktiverad och Spara. Begränsa redigeringsmöjligheter för användare Man kan göra begränsningar i redigeringsmöjligheten för användare, det kan t.ex. vara lämpligt i en större organisation där inte alla behöver göra ändringar överallt. Gör så här: Skapa en ny användare eller välj en av de användare som redan finns registrerade. Till höger i vyn ser man alla sidorna på hemsidan i en trädstruktur, bocka ur rutan vid de sidor som denna användaren INTE behöver kunna redigera. Det är enbart de sidorna som är ibockade som just denna användare kan göra ändringar på. Som användare ser man alla sidorna men de man inte har behörighet att redigera är nertonade i grått. 25

26 Formulär Formulär I CoreCMS är en av funktionerna som ingår i baspaketet att man kan göra formulär på sin webbplats, ex. på kontaktsidan kan det vara användbart. På bilderna nedan ser du två olika varianter men de kan utvecklas enligt dina behov. Vi hjälper gärna till så formuläret blir som du tänkt dig. Skapa ett formulär Om du gör formuläret själv så använder du sidmallen 08 Formulär, när du valt denna mall och klickat på Spara så dyker det upp fält och text under Editorn (se bilden till höger). I fälten fyller du i relevanta upp-gifter, i spalten till vänster är det uppgifter som kommer att synas i det bekräftels som går ut till den som använd formuläret. I spalten till höger är den information som kommer att synas hos dig när någon använt formuläret. Vill du att förfrågan ska skickas till fler än en mottagare, ange flera e- postadresser med semikolon (;) mellan adresserna. OBS! Avsändar-E-post (Svarsadress) måste vara ett e-postkonto som finns på CoreITs servrar! Har ni inte er e-post hos oss går det bra att använda mailadressen noreply@coreit.se men den adressen kommer att vara synlig för avsändaren. 26

27 Formulär Skapa formulärfälten Tyvärr finns det ingen snabbfunktion för att dra in formulärfält direkt till editorn utan dessa måste man jobba med i HTML-läget. Läs igenom den informationstext som finns längst ner under Tips och krav. Börja sedan med att klicka på HTML i editorns nederkant, se bilden till höger. Använd sedan all den kod som finns längst ner på sidan under Exempel (kopiera gärna och modifiera efter behov) och klistra in i HTML-läget. Nu kan du klicka på Designläget, längst ner i editorn, så ser du vilka fält som du skapat. Med den kod du lagt in finns alla de typer av rutor och valmöjligheter som formulärfunktionen innehåller. Om du läst igenom tipsen så ser du att det är ett fält som alltid måste vara med och det är e-postfältet. I designläget kan du givetvis ta bort och lägga till text, funktioner, rader etc. men för att formuläret ska fungera korrekt måste man även redigera det i HTML-läget. Om jag t.ex. kopierar fältet för namn, lägger in det på en ny rad under men vill att man här ska ange telefonnummer måste jag i HTML-läget ändra i 27

28 Extrafunktioner koden där det står frmfullständigt Namn efter texten Telefon och skriva ordet Telefon istället för Fullständigt Namn. Radiobox använder man när man vill att man enbart ska kunna välja ett alternativ, antingen eller helt enkelt. Vill man kunna välja fler alternativ använder man Checkbox eller som i exemplet välja ett specifikt alternativ. Vill man ha en rullista, som i exemplet där det står Välj en färg, använd koden vid färgerna och byt ut alternativen, ta bort och lägg till genom att kopiera och klistra in en rad i HTML-läget. Det är ganska komplicerat att redigera formuläret och känns det för svårt så hjälper vi mer än gärna till så ditt formulär funktionellt och användbart. Besöksstatistik Om du vill veta hur många som besöker din hemsida så måste du skapa ett Google-konto som vi kopplar till en funktion som heter Google Analytics. Där kan du själv kan gå in och kolla besöksstatistiken för hemsidan när som helst. Kontakta oss så berättar vi mer om hur det fungerar och sätter upp den funktionen till din hemsida. Extrafunktioner Det finns ett antal extrafunktioner som kan användas i CoreCMS. Finns intresse för någon/några av nedanstående funktioner så hör av dig till oss på CoreIT. Har du redan tillgång till någon av dessa funktioner så får du här en enkel instruktion av hur de fungerar. Bildgalleri Vill du visa mycket bilder, t.ex. på produkter, någon tillställning, en tävling eller något annat så kan gallerifunktionen underlätta, där du kan navigera och klicka på bilderna för att se dem i störra format, köra dem som bildspel m.m. Har du denna funktion på din sida använder du den så här: Skapa en ny webbsida och välj sidmallen 06 Galleri. Då kommer det under editorn att se ut som ovan De bilder du vill ha i galleriet behöver du inte ändra storleken på innan du laddar upp dem, ju större bild desto bättre resultat (men max 4 MB stora). Klicka på Ladda upp bild, välj bild och ladda upp den. Då får du upp bilden under 28

29 Bildgalleri, bildsnurr editorn, se bilden till vänster, här skriver du in ett namn på bilden och ev. en beskrivning eller kanske fotografens namn. Klicka på Spara och bilden finns i galleriet. När du gjort detta ser du bilden/bilderna du har laddat upp, se bilden till höger, och kan härifrån ta bort eller göra ändringar i de tillhörande texterna. I editorn jobbar du som vanligt och kan lägga in text, tabeller och bilder. Allt som finns i editorn hamnar ovanför galleribilderna på sidan. Se OBS! Bilderna i galleriet sorteras i alfabetsordning efter bildens namn, siffror kommer före bokstäver. Har man inget namn på sin bild så sorteras bilderna efter i ordning man lägger in dem i galleriet. Vill du ha bilderna i specifik ordning så tänk på vad du ger bilderna för namn. Klickbar bildsnurr/advertisment holder Det finns en funktion där man har stora snurrande bilder hemsidan. Här finns olika varianter för att bläddra bland bilderna, med pilar till höger och vänster, små knappar i botten av bildsnurren eller en miniatyrvisning av bilderna längst ner i snurren. Detta är en funktion som vi kallar Portfolio. Pilarna och/eller knapparna som man bläddrar med anpassar vi efter dina önskemål. Har du denna funktion på din hemsida så använder du den så här: Du hittar fliken för att använda denna funktion till vänster i redigeringsläget, den kan heta olika saker beroende på vad du vill kalla den. I detta fall heter den Erbjudanden (50). Om du har några bilder inlagda i bildsnurren så ser du dem i fönstret till höger. 29

30 Bildsnurr Lägg till bild i bildsnurren När du klickar på Erbjudanden, Portfolio eller vad den heter på din sida så dyker det upp en ny knapp som heter Skapa ny (51). Klicka på den då får du upp fönstret som du ser på nästa sida. Börja med att skriva in en rubrik, den kommer att hamna ovanför bilden när öppnar bilden. Ändra statusen till Aktiv (52). Bilderna i portfolion kan man välja att enbart ha publicerade under en viss period och då väljer du startdatum och slutdatum. Observera att om du vill ha din bild publicerad under längre tid än ett år så ändra Publiceras t.o.m. (53) till ett år längre fram i tiden. När du gjort det så tryck på Spara. Ladda upp bild (54) på samma sätt som som att ladda upp en bild till en vanlig sida förutom att du inte behöver välja hur stor bilden ska vara. När du gjort det så klicka på Spara. När du laddat upp din bild kan du skriva in en text du vill ha till bilden, det gör du i editorrutan som du använder som på vilken annan sida som helst. När du klickar på Spara så hamnar bilden i portfolion. Ta bort eller ändra bilder i bildsnurren Vill du ta bort en bild från portfolion gör du det enklast genom att klicka på Erbjudanden så du får upp listan med allt du har upplagt i portfolion. Klicka på det röda krysset längst ut till höger efter den bild du vill ta bort och klicka OK i säkerhetsrutan som dyker upp. Vill du göra ändringar i en portfolio/erbjudande så klicka på den posten och gör dina ändringar. 30

31 Portfolio Portfolio Det finns ytterligare en variant att visa olika erbjudanden, en portfolio eller något annat man vill visa på ett illustrativt sätt. Det är en funktion som vi kallar Portfolio. Portfolion ligger alltid längst ner på startsidan och när man klickar på någon av bilderna i portfolion öppnas de i ett eget fönster med portfolion under. Ett exempel på hur det kan se ut finns på där vi visar olika hemsidor som vi producerat. Pilarna som man bläddrar med anpassar vi efter dina önskemål. Har du denna funktion på din hemsida så använder du den så här: Du hittar fliken för att använda denna funktion till vänster i redigeringsläget, den kan heta olika saker beroende på vad du vill kalla den. I detta fall heter den Erbjudanden (50). Om du har några bilder inlagda i portfolion så ser du dem i fönstret till höger. Lägg till bild i portfolion När du klickar på Erbjudanden, Portfolio eller vad den heter på din sida så dyker det upp en ny knapp som heter Skapa ny (51). Klicka på den då får du upp fönstret som du ser på nästa sida. Börja med att skriva in en rubrik, den kommer att hamna ovanför bilden när öppnar bilden. Ändra statusen till Aktiv (52). Bilderna i portfolion kan man välja att enbart ha publicerade under en viss period och då väljer du startdatum och slutdatum. Observera att om du vill ha din bild publicerad under längre tid än ett år så ändra Publiceras t.o.m. (53) till ett år längre fram i tiden. När du gjort det så tryck på Spara. 31

32 Nyheter OBS! Du måste först spara innan du kan lägga in en bild genom att klicka på Ladda upp bild (54). Vilket du gör på samma sätt som att ladda upp en bild till en vanlig sida förutom att du inte behöver välja hur stor bilden ska vara. När du gjort det så klicka på Spara. När du laddat upp din bild kan du skriva in en text du vill ha till bilden, det gör du i editorrutan som du använder som på vilken annan sida som helst. När du klickar på Spara så hamnar bilden i portfolion. Ta bort eller ändra bilder i portfolion Vill du ta bort en bild från portfolion gör du det enklast genom att klicka på Erbjudanden så du får upp listan med allt du har upplagt i portfolion. Klicka på det röda krysset längst ut till höger efter den bild du vill ta bort och klicka OK i säkerhetsrutan som dyker upp. Vill du göra ändringar i en portfolio/erbjudande så klicka på den posten och gör dina ändringar. PageFlip PageFlip är ett sätt att presentera blädderbara broschyrer, häften, tidningar och annat på ett mycket snyggt digitalt sätt. Ge dina besökare en bättre läsupplevelse med en ren och avskalad design, för att framhäva dina publikationer och underlätta läsningen. Använd denna länk för att se ett exempel, scrolla längst ner på sidan så ser du den: corecms.se/funktioner-pageflip. Vår PageFlip har: Stöd för de flesta digitala plattformer - Integrerat stöd för den nya HTML5 standarden innebär att dina publikationer är lättlästa på nästan vilken enhet som helst, allt från smartphones och surfplattor till vanliga webbläsare på datorn. Textsökning - PageFlip-funktionens indexering och sökalgoritmer gör sökprocessen snabb, även för mycket stora publikationer. Sökmotoroptimering - Material som publicerats med PageFlip är sökmotoroptimerade. Det innebär att innehållet indexeras av alla populära sökwebbplatser och därför kan hittas och nås snabbt av användarna. Zoomning - PageFlip erbjuder högkvalitativa förstoringsfunktioner som gör att dina läsare kan zooma in på önskade foton och skriva ut med exceptionell kvalitet. Sociala nätverk/dela - Du kan låta dina läsare dela dokumenten genom sociala nätverk för att ytterligare utöka din publik. Anpassad layout - Anpassa PageFlip med färganpassad meny och bakgrund eller lägg in en bakgrundsbild i bläddraren för en mer personlig läsning. 32

33 Kalender PageFlip på din webbplats För att skapa en PageFlip behöver du ett dokument, helst någonting snyggt och presentabelt för din verksamhet. Sen kontaktar du oss på CoreIT, man behöver ett speciellt program för att skapa själva PageFlip-filen. Vi lägger sedan in Page- Flipen där du vill ha den på din webbplats. Kalender Kalendern är en extra funktion som finns tillgänglig om du känner att en sådan funktion kan vara användbar. Den kan vara mycket användbar t.ex. för föreningar med träningstider, matcher, möten, tillställningar osv. Resurs Börja med att skapa en resurs, en resurs är samma sak som en kalender. Du kan ha flera resurser/kalendrar på hemsidan men bara en resurs/kalender per sida. Detta gör du från kalenderfunktionen som du hittar till vänster, under Webbsidor. Klicka på Kalender (55) så får du fram alternativen Skapa bokning och Skapa resurs. Klicka på Skapa resurs så ser fönstret ut som nedan. Klicka på Skapa ny resurs (56) och ge resursen ett namn och en beskrivning och klicka på Spara 58 (57) - nu har du skapat en resurs. 60 Sen går du till sidan där kalender ska ligga eller skapar en ny sida. På denna sida väljer du mallen 07 Kalender och sparar sidan. Efter att du sparat dyker en ny ruta upp i huvudet på sidan Resurs (som skall visas i kalender), i rutan under Resurs väljer du vilken resurs/kalender som ska visas och väljer rätt resurs som ska visas på sidan (58). Spara sidan. 33

34 Kalender Bokning Nu kan man börja lägga in bokning av olika slag i kalendern. Då klickar du på Skapa bokning (59) och börja med att välja resurs i rullistan (60), här ser du alla resurser som är skapade till din hemsida. Klicka sedan på den röda texten Skapa ny bokning (61). Gå sedan in i fälten (62) och ändrar datum, starttid, sluttid och fyller i rubrik och ev. beskrivning så att uppgifterna stämmer med den bokning du vill göra och klickar på Spara (63). På sidan i editorn ser man inte kalendern men på den publicerade hemsidan ser man kalendern och de bokningar som är gjorda. Ändra eller ta bort bokning Om det behöver göras ändringar eller om någon bokning behöver raderas så klicka på Kalender och på Skapa bokning (59). Välj resurs i rullistan (60) då ser du alla bokningar som är gjorda under den resursen. Vill du göra en ändring så klicka på den röda texten Ändra (64) till höger om bokningen. Om bokningen ska raderas så klicka på texten Radera (65) och klicka OK i säkerhetsrutan som dyker upp. Bockar du ur rutan Visa endast kommande (66) så ser du även bokningar som redan är genomförda, annars ser du inte dessa