!!!!! Bruksanvisning !!!!!!!!! För version 1.11.x (uppdaterad ) !!!!!!!!!!!!! Birger Eriksson webblots.se

Transkript

1 Bruksanvisning För version 1.11.x (uppdaterad ) Birger Eriksson webblots.se

2 Bruksanvisning för webbsidor byggda med CMS Made simple Start... 4 Lägg till eller ändra sida... 4 Lägg till ny sida... 5 Byta editor... 6 Vad verktygen i editorn betyder... 6 Skriva innehåll... 7 Skapa en länk till annan webbsida... 8 Skapa en länk till en av dina egna sidor... 8 Lägg till bild... 8 Lägga bild bredvid text... 9 Skapa rubrik... 9 Lägg till tabell... 9 Ändra på tabell... 9 Lägg till tabellrad... 9 Titta på resultatet Spara sidan Redigera sida som redan finns Hantera bildarkivet Lägg till bild Ta bort bild Ändra på bild Lägga till nyheter Andra moduler Galleri för bilder Showtime Slideshow -bildspel... 13

3 Kalender (CGCalendar) Formulär (Formbuilder) Inställningar Glömt lösenord Byta lösenord eller login Byta editor... 16

4 Start Öppna webbläsaren och sök upp (din webbplats)/admin t ex Logga in med användarnamn och lösenord Klart för arbete Lägg till eller ändra sida Välj Innehåll i menyn till vänster Välj Sidor under innehållsmenyn eller välj Sidor direkt under Innehåll mitt på sidan

5 Lägg till ny sida Klicka på Lägg till innehåll ovanför listan med sidor (eller samma nedanför listan) Listan visar vilka sidor som finns och stämmer med det som står i webbplatsens meny Under fliken Start skapar och ändrar man sidan. Innehållstyp: Välj Innehåll för vanliga sidor. *Titel: Skriv några ord om sidans innehåll. Det visas sedan i webbläsarens fönsterram och i sökmotorer som t ex Google. Exempel på titel: Våra produkter *Menytext: Skriv det som ska stå i menyn. Exempel: Produkter Överliggande: Under fliken Inställningar kan du byta sidmall, eller dölja sidan i webbplatsens meny. Låt det stå Ingen om sidan ska vara en huvudsida i menyn. Om sidan ska ligga under annan sida väljer du den sidan här.

6 *Innehåll: Först lite info om utseendet på rutan för innehåll. Det finns två olika innehållshanterare (editor) för CMS Made Simple. Standard editorn MicroTiny och den lite mer avancerade TinyMCE Så här ser MicroTiny ut: Så här ser alternativet TinyMCE ut: Byta editor Om du vill byta editor, läs under Inställningar, längre ner Vad verktygen i editorn betyder Ibland måste du markera text/bild för att kunna ändra formatet. Om du har MicroTiny: 1. Ångraknapp 2. B = Fetstil, I = Kursivt, U = Understruken (undvik denna) 3. Klipp ut, Kopiera, Klistra in, Klistra in som text, Ta bort formatering 4. Justera texten till vänsterkanten, centrerat, högerkanten eller marginalerna 5. Punktlista, Numrerad lista 6. Länk till egna sidor (länk på palm), Länk till internetsidor, Ta bort länk 7. Lägg till eller ändra på bild 8. Gör text till en rubrik eller stycke

7 Om du har Tiny MCE: 1. Klipp ut, Klistra in, Klistra in som text, Klistra in från Word, Kopiera 2. Justera texten till vänsterkanten, centrerat, högerkanten eller marginalerna 3. Använd en av sidans stilmallar (avancerat) 4. Gör text till en rubrik, citat, mm 5. Byt teckensnitt 6. Byt teckenstorlek 7. B = Fetstil, I = Kursivt, U = Understruken (undvik denna), ABC = Genomstruken text 8. Punktlista, Numrerad lista 9. Indrag 10. Ångra, Gör om 11. Palm med V: Infoga CMS-version, Infoga {literal}{/literal} för t ex javascript (avancerat) Palm med länk: Länka till egna sidor Länk: Länka till sidor på Internet Bruten länk: Ta bort länkning 12. Skapa ankare (i text) att länka till 13. Lägg till eller ändra bild 14. Lägg till specialtecken (t ex,,, ) 15. Städa upp HTML-koden 16. Ändra teckenfärg 17. Ändra bakgrundsfärg (för markeringen) 18. Titta på / ändra i HTML-koden 19. Stavningskontroll Det kan också finnas tabellknappar i editorn Säg till om du behöver tabell, men inte hittar dem. Mer om tabeller längre ner. Skriva innehåll Skriv in och redigera text för sidan under Innehåll. Om texten redan skriven i ett annat program kan du kopiera den och innan du klistrar in den här klicka på Klistra in som text. Sedan klistrar du in som vanligt (Windows: CTRL + V, Mac: CMD + V) Om du skrivit i Microsoft Word kan du klistra in med knappen Klistra in från Word men det följer med formatering från Word om du gör så. Några råd: Webbsidor bör ha en rubrik. Se under Format i editorn. I början av sidan bör Rubrik 1 användas (för att sökmotorerna ska gilla sidan) Stryk aldrig under text för att framhäva den (det upplevs som länkar) Gör istället texten fet, kursiv eller med avvikande färg. Enter-knappen på tangentbordet ger nytt stycke (= längre avstånd till raden ovanför) Shift (Stor bokstavstangenten) + Enter ger ny rad (= mindre avstånd)

8 Skapa länk Lägg till bild Skapa en länk till annan webbsida 1. Markera först ordet som det ska gå att klicka på. 2. Välj sedan verktyget för länk i verktygsfältet. 3. I fönstret för länkar skriver du in länkadressen vid Länkens URL. OBS Skriv före länkar till internetsidor Om det är en e-postlänk ska den istället börja med mailto: Skriver du in information vid Titel så visas det när besökaren har muspekaren över länken. Om du vill länka till en fil som finns på sidan (t ex ett word- eller pdf-dokument) kan du hitta filen genom att klicka på fönstersymbolen till höger om Länkens URL Om du vill ta bort en länk, markerar du den och klicka på verktyget med en bruten länk till höger om länkverktyget i verktygsmenyn. Skapa en länk till en av dina egna sidor Skapa länk till annan sida på er egen webbplats med verktyget till vänster om länkverktyget. Det ser ut som en länk med brandgula palmblad bakom. Markera ordet du vill länka med, klicka på länkverktyget med palmen och välj den sida som du vill länka till. Lägg till bild Ställ markören där du vill ha bilden på sidan. Klicka på symbolen för bild i verktygsfältet För att leta reda på bilden, klicka på fönster-symbolen till höger om Bildens URLfältet (se bilden) Klicka på Bläddra för att leta upp bilden.

9 Om din bild redan är uppladdad till webbplatsen finns den i listan som visas. Annars kan du, under Filoperationer längst upp (se bild), blädra efter din bild på din dator och ladda upp den till webbpltasen. Om inte Filoperationer visas kan du be Webblots ordna det. Välj bild genom att klicka på den eller filnamnet (t ex logo1.gif i bilden ovan) Skriv en kort beskrivning under Bildens beskrivning och Titel (visas när man håller muspekaren över bilden, bra handikapp-anpassning) och klicka sedan på Infoga/ Uppdatera. Lägga bild bredvid text Markera din bild och klicka på symbolen för bild i verktygsfältet (om du inte redan är på Infoga/redigera bild) Välj fliken Utseende och välj om vilden ska ligga till höger eller vänster om texten. Här kan du också välja t ex horisontal rymd, dvs hur mycket tomrum det ska vara bredvid bilden. 10 innebär 10 bildpunkter Skapa rubrik Markera det som ska vara rubrik (hela stycket blir rubrik). Välj rubriknivå i menyn mellan Stilar och Fontfamilj. Rubrik 1 är för huvudrubriker, Rubrik 2 för underrubriker till den osv. Lägg till tabell (Alla har inte tillgång till tabeller. Om du vill ha det, kontakta webblots) Ställ markören där du vill ha tabellen på sidan. Klicka på tabellsymbolen med penna i verktygsfältet. (se bild till höger) Ange i fältet Kolumner hur många kolumner/spalter du vill ha. Ange i fältet Rader hur många rader du vill börja med (kan enkelt ökas senare) Klicka på Infoga Ändra på tabell Som standard kommer innehållet i en tabellcell centreras i lodrät riktning. För att ändra det: Sätt markören i den tabellcell du vill ändra Klicka på symbolen för Tabellcellinställningar. (se bild) Vid Vertikal justering ändrar du i rullgardinsfältet till Toppen. Om du vill ha samma inställning på alla celler väljer du längst ner: Uppdatera alla celler i tabellen Klicka på Uppdatera. Lägg till tabellrad Ställ markören i sista cellen Klicka på Lägg till rad efter i verktygsfältet för tabell.

10 Titta på resultatet Klicka på fliken Granska så visas en förhandsvisning om du vill se innan du sparat. Om du redan sparat kan du klicka på förstoringsglaset uppe till höger om menyn. Då visas webbplatsen istället för webbplatsverktyget CMS Made Simple. Spara sidan När du vill spara kan du klicka på Spara eller Verkställ Om du trycker på Spara sparas det du gjort och du kommer tillbaka till listan över sidor. Om du trycker på Verkställ står du kvar och kan fortsätta ändra på sidan. Redigera sida som redan finns Välj Innehåll i menyn Välj Sidor under innehållsmenyn Öppna sidan som du vill ändra på: Klicka på sidans namn Arbeta med sidan precis som när en ny sida skapas (se längre upp). Tänk på att det ibland kan vara nödvändigt att markera text eller bilder du vill ändra på. Hantera bildarkivet Bildarkivet innehåller alla bilder som ska kunna visas på webbplatsen. Du hittar bildarkivet under Innehåll > bildhantering

11 Lägg till bild Klicka på Bläddra för att leta upp bilden i din dator. Sedan Sänd för att hämta bilden till webbplatsen. Om du vill ha bilden i en särskild mapp måste du gå in i mappen först. Du kan skapa egna mappar (under Skapa ny katalog ) för att ordna dina bilder om du vill. Ta bort bild Klicka på soptunnan under bilden Ett litet fönster med frågan Delete file? kommer upp. Klicka på OK Ändra på bild Klicka på pennan under bilden. I bildändringsfönstret kan du välja verktyg till vänster: Crop Innebär att klippa ut en del av bilden som du vill ha kvar. Välj verktyget, dra med vänster musknapp nedtryckt över bilden för att skapa en ruta. När du släpper kan rutan justeras om du tar tag i hörnen. Resize Innebär att ändra storlek på bilden. Skriv in bildens önskade bredd vid Width överst i fönstret (t ex 233 för 233 bildpunkters bredd), eller dra i de fyrkantiga handtagen till önskad storlek. Rotate Innebär att vrida på bilden. Du kan t ex använda Flip Image för att vända bilden spegelvänt. Eller Rotate Image för att vrida bilden med t ex högersidan uppåt. Klicka på grön bock om du är nöjd. Spara med Save till vänster. När du sparar skapas en ny bild med dina inställningar. Den gamla bilden finns också kvar.

12 Lägga till nyheter Nyheter är en modul som kan användas för att visa kortare information under en viss tid. Välj Innehåll i menyn Välj Nyheter Klicka på Skapa artikel I nästa fönster: Vid Titel skriver du den rubrik som ska visas för nyheten Vid Kategori kan du välja en kategori (om du har några) att sortera nyheten under. Man kan styra så att vissa sidor bara visar en viss kategori. Hör av dig om du behöver hjälp med det. Det finns två textytor att skriva text i för nyheten. 1) Den första är ett sammandrag. Du måste inte skriva här om din nyhet är kort. 2) Den andra är den fullständiga text som visas om man klickar på nyheten för att få veta mer. Den måste fyllas i. Klicka för Använd stoppdatum om du vill att sidan ska försvinna automatiskt vid slutdatum. Justera isåfall start- och slutdatum. Avsluta genom att klicka på Spara

13 Andra moduler I CMS Made Simple kan man lägga till olika moduler efter behov. Här är manual för några av dem. Alla har inte alla moduler. Om du vill veta vilka moduler som finns se modullistan. Kontakta Webblots om du vill lägga till en modul som du inte har. Galleri för bilder (Alla har inte tillgång till den här modulen. Om du vill ha det, kontakta webblots) Välj Innehåll i menyn Välj Galleri För att lägga till ett galleri på en webbsida: Kopiera den tagg som visas för galleriet, t ex taggen {Gallery} (se bild) Om du vill kan du skapa flera olika gallerier, sk sub-gallerier (se bilden; vinter/) Lägg till bilder i galleri För att lägga till bilder i ett befintligt galleri: Klicka på galleriets namn (t ex Gallery) I galleriet kan du skriva en titel och kommentar om du vill. För att lägga till bild, klicka på Lägg till bilder [se 1) i bilden nedan] Ändra bild i galleriet För att inaktivera en bild (så att den finns kvar men inte syns på sidan), klicka bort bocken under Aktiv [se 2) i bilden ovan] så att den blir ett kryss. Vill man ändra tillbaka klickar man på krysset så att det blir en grön bock. Glöm inte spara [se 5) ] För att rotera eller ändra tumnagelbilden (=miniatyrbilden), klicka på pennan [se 3) i bilden ovan]. Glöm inte att spara [se 5) i bilden ovan]. För att ta bort en bild, klicka på bildens papperskorg [se 4) i bilden ovan]. Glöm inte att spara [se 5) i bilden ovan]. Showtime Slideshow -bildspel (Alla har inte tillgång till den här modulen. Om du vill ha det, kontakta webblots) Modulen används för att skapa animerade bildspel. Du hittar den under Innehåll Showtime Slideshow För att lägga till eller ändra bilder, klicka på Edit slides [se bilden ovan] Om du redan har bilden uppladdad till hemsidan klickar du för rutan vid bilden [se 1) på bilden till höger] och sparar längst ner. Om du har bilden på din dator, klicka på Upload Images [se 2) på bilden till höger]. Sedan klickar du för bilden och sparar längst ner.

14 Kalender (CGCalendar) (Alla har inte tillgång till den här modulen. Om du vill ha det, kontakta webblots) Formulär (Formbuilder) (Alla har inte tillgång till den här modulen. Om du vill ha det, kontakta webblots) Med Formbuilder kan man bygga t ex kontaktformulär, anmälningsformulär, mm som skickas till din e-post. Det är ganska avancerat att bygga formulär och definitivt inget som nybörjaren ger sig på. Kontakta webblots om du behöver hjälp. Att använda formuläret är däremot enkelt. Om du trots allt vill prova att bygga ett formulär finns här lite starttips. Det finns några formulärmallar med i modulen, t ex Contact Form som är relativt enkel att anpassa. Klicka på formulärnamnet för att ändra formuläret. Leta sedan upp formulärfältet Send To (se bild nedan) och klicka på det.

15 Under Send To ska man ange vem som ska ta emot formuläret och vad formuläret ska ha för avsändaradress. Avsändaradressen anges vid Från-adress och ska vara en fungerande adress på samma domän som webbplatsen, annars kommer många e-postfilter uppfatta det som spam. Mottagaradressen anges längst ner och kan vara vilken fungerande e-postadress som helst. Sedan behövs en e-postmall. Välj fliken Avancerade inställningar Här kan man skapa en egen eller generera en mall som används för att den e-post formuläret ska skicka. Enklast är att bläddra ner lite och klicka på Skapa provmall och sedan spara.

16 Inställningar Glömt lösenord Om du glömt ditt lösenord till webbplatsen kan du klicka på Glömt ditt lösenord? på inloggningssidan. Byta lösenord eller login För att byta ditt lösenord, login eller e- postadress, gå till Mina inställningar -> Mitt konto -> Användarkonto Login är det som står under Namn Lösenordet bör vara svårt att gissa för andra, annars kan de ändra på din webbsida. E-postadressen används om du glömt ditt lösenord. Byta editor Om båda editorerna är installerade kan du byta editor under Mina inställningar -> Mitt konto -> Användarinställningar -> Välj WYSIWYG-editor att använda (se bilden till höger) Spara (knappen längre upp) Om du vill ha TinyMCE, men inte hittar det kan du be Webblots om hjälp att installera det.