Användarguide Lathund Tema Modersmåls webbplats

Transkript

1 Användarguide Lathund Tema Modersmåls webbplats Kevin Mavane 1

2 Innan vi börjar Tema Modersmåls webbplats har två huvudsakliga delar: En ut som dina besökare ser och en in som du som administratör använder när du konfigurerar och fyller din webbplats med innehåll. De engelska termerna för ut och in är frontend och backend. De engelska termerna används mest och vi kommer därför att använda dem i denna guide fortsättningsvis: 1. Frontend Den dina besökare ser. 2. Backend Administrationsgränssnittet som bara administratörer ser. Frontend Logga in på Frontend: Öppna din webbplats i exempelvis Internet Explorer eller Google Chrome. 1. Klicka på Login i Menyn och fyll i användarnamn och lösenord i inloggningsrutan och Logga in. (se bilden till höger) 2. Under varje artikel på webbplatsen visas nu den här symbolen. Detta är den aktuella artikelns redigeringsknapp. Tryck på redigeringsknappen för att redigera artikeln. 3. När du känner dig nöjd med redigeringen, Inloggningsrutan i menyn klickar du på knappen [SPARA & STÄNG] i verktygsfältet för att spara alla utförda ändringar. Tryck på knappen [STÄNG] för att avbryta redigeringen. OBS! Tänk på att alla ändringar som inte är sparade går förlorade. 2

3 Backend Logga in på Backend: Från backend görs allt som inte går att göra i frontend, som att lägga upp nya länkar i menyerna, skapa nya användare, ändra hemns mall eller installera nya komponenter. Här bestäms också strukturen på din information och hur den skall presenteras när du klickar på olika menyval. Du kommer till backend genom att lägga till administrator i slutet av adressen som visas i adressfältet, till exempel: (----- = ordet har av säkerhetsskäl tagits bort i manualen!) För att logga in anger du det användarnamn och lösenord som du har fått. TIPS! Det går att logga in som administratör i både frontend och Backend. Väl inloggad i Frontend kan man som administratör ändra i artiklar där, utan att behöva logga in i backend först. Detta är ett väldigt enkelt och behändigt sätt att redigera befintligt innehåll på webbplatsen. Det går också att skapa nya artiklar från frontend, vilket vi kommer gå in närmare på senare i guiden. Men utöver detta sker det mesta av administrationen från backend. 3

4 Kontrollpanel (Administration) När du har loggar in på Administrationsn (kontrollpanelen) med de uppgifter som du har fått, beroende på vilken grupp du tillhör så kommer du till en som liknar figuren nedan. Kontrollpanelens huvud (index-) innehåller några genvägsknappar som leder en direkt till funktionerna. Administrations (Kontrollpanel) Vi kommer mest att använda Ny artikel och Video gallery-ikonerna på TM-webbplatserna. De andra funktionerna t ex Nyhetsbrev används för närvarande bara på svenska webbplatsen. 4

5 Strukturering av webbplatsen Det är viktigt att skapa en bra struktur för webbplatsens innehåll redan från början. Om strukturen är genomtänkt och bra från början undviker du att hamna i en situation där du måste sortera om innehåll. Systemetstrukturen använder kategorier, underkategorier och artiklar. Överst i strukturen har du ett antal kategorier som var och en kan innehålla en eller flera underkategorier och artiklar. Du kan till exempel ha en kategori för nyheter som innehåller underkategorierna inrikesnyheter och utrikesnyheter. Skapa en kategori 1. Logga in på backend (administrationsgränssnittet som bara administratörer ser) om du inte redan har gjort det. 2. När du loggat in kommer du till kontrollpanelen. Som inloggad kan du sedan alltid komma tillbaka till kontrollpanelen genom att välja Webbplats > Kontrollpanel i menyn. 3. Klicka på Innehåll > Kategorier > Ny kategori från menyn. 4. Skriv in ett namn för kategori. 5. Klicka på Spara-ikonen i verktygsfältet. 6. Välj en överliggande kategori om du vill skapa en underkategori. 7. Klicka på Spara & Stäng-ikonen i verktygsfältet. Detta är allt som behövs för att skapa nya kategorier. Om du vill kan du lägga till en bild och en beskrivning till din kategori. 5

6 Fyll din med innehåll När är det dags att sätta igång med det viktigaste arbetet: att skapa innehållet. I systemets-termer kallas innehållet artiklar, och en artikel är helt enkelt en med text och bilder som ska finnas med på din webbplats. Starta Editorn för att skapa en artikel Det finns flera sätt att skapa en artikel på: 1. Du kan gå till Innehåll > Artiklar > Ny Artiklar menyn. 2. Tryck på Artiklar lista - ikonen på huvudn och sedan väljer du ny artikel 3. Tryck på Ny artikel - ikonen på huvudn som tar dig direkt till Artiklel-editorn. Alla Artiklar - listan ser ut som I figuren nedan. Innehållshanteraren (Artikel-listan) 6

7 Skapa en artikel - steg för steg 1. Klicka på ikonen Ny artikel 2. Rubrik=skriv in en bra rubrik till din artikel (nr 1.) 3. Alias=skriv inget! 4. Kategori=Välj en kategori i Kategori-listan (nr 2.) 5. Status=Publicerad 6. Åtkomst=Public 7. Behörighet=hoppa över det här! 8. Utvald= Välj Ja om du vill visa artikeln på startn om inte välj Nej. (nr 3.) 9. Språk=Hoppa över det här! 10. Artikeltext=Skriv din artikel här (nr 4.) 11. Klicka på Spara & Stäng-ikonen i verktygsfältet uppe till höger om du vill spara och stänga artikeln för att börja arbeta med något annat. TIPS! Spara-, Spara & Stäng- och Spara & Ny-knapparna återkommer på andra ställen i systemet och har samma funktioner i alla lägen. Spara: Spara men stanna kvar på n och fortsätt redigera. Spara & Stäng: Spara och stäng det du arbetar med för att börja arbeta med något annat. Spara & Ny: Spara arbetet och öppna en ny av samma sort. 7

8 Infoga bild i artikeln: 1. Lägg markören i början av din text i HTML-editorn och klicka för att se att markören blinkar där. 2. Klicka på bilder ikonen som finns uppe på textredigeraren 3. Ett pop-up fönster öppnas (Image Manager Extended) 4. Ladda upp ny bild med den här ikonen som du finner till höger på pop-up fönstret 5. Ett nytt pop-up fönster öppnas (Upload fönstret) 6. Klicka på ikonen Browse (steg 1 på bilden)för att leta efter bilder på din dator som ska laddas upp (du kan ladda upp flera bilder åtgången) För att ladda upp bilderna till serven klicka på 8

9 knappen Upload (steg 2 på bilden) När bilden har laddats upp visas den här framför bilden, och pop-up fönstret stängs. 7. Du kommer tillbaka till Image Manager Extended och kan nu se bilderna som visas i det högra fönstret, klicka på bildnamnet i mitten fönstret för att välja den till din artikel. 8. Avslutningsvis klicka på Insert-knappen. Du kommer nu tillbaka till HTML-editörn och artikeln. Bilden lägger sig per automatik till höger! 9. Spara(publicera) din artikel med någon av dessa knappar som du finner högst upp till höger på redigeringsn. Länka För att skapa en länk till en existerande inom webbplatsen (intern länkning) gör så här: 1. Markera den text som ska länkas I HTML-editorn. 2. Klicka på länkknappen i HTML-editorn 3. Klistra eller skriv in adressen i popup-fönstret i fältet "Link URL" och för att öppna länken i ett nytt fönster, välj _blank till höger om Target sedan klicka på "Insert"-knappen. Väljer du ingenting från Target öppnas länken i samma fönster. 4. Klicka på "Insert" Vill du ta bort länkningen, markeralänken och klicka på bildikonen. 9

10 Länka inne i dokumentet (Ankare) För att skapa en länk till en plats i samma dokument gör så här: 1. Skapa ankaret 1. Skapa ankaret (dvs den plats i dokumentet dit länken ska peka) placera textmarkören på den plats dit du vill länka. 2. Klicka på ankarlänk knappen i HTML-editorn. 3. Skriv in namnet på ankaret i popup-fönstret i fältet "Anchor name:" och klicka på "Insert". OBS! Undvik att använda mellanslag och åöä i ankarets namn. Ankaret finns nu i dokumentet. 2. Skapa länken 1. Markera den text i ditt dokument som ska länkas till ankaret 2. Klicka på länkknappen i HTML-editorn I popup-fönstret för länkar, välj rätt ankare som du har skapat under Anchors och klicka på "Insert" 10

11 Inställningar för artikelar på Startn Så här gör du för att publicera en artikel på startn 1. Välj Innehåll > Artiklar i menyn. 2. Klicka på den grå cirkeln i kolumnen Utvald för den artikel du vill lägga på startn. För att ta bort en artikel från startn klickar du istället på den blåmarkerade stjärnan som visas i listan. Du kan också lägga en artikel på startn i samband med att du skapar den eller ändrar innehållet i den. Styr ordningen av artiklar på startn 1. Välj Innehåll Utvalda artiklar i menyn. 2. Klicka på rubriken Sortering för att visa sorteringsalternativ. Klicka på de blåmarkerade pilarna för att flytta en artikel upp eller ner. På den här n kan du också ta bort artiklar från startn genom att markera dem i listan och klicka på Radera-ikonen uppe i verktygsfältet. Observera att dessa artiklar bara tas bort från startn, de raderas inte ur databasen utan finns kvar i systemet och kan fortfarande visas på andra sidor. 11

12 Video gallery Tryck på Video gallery-ikonen på huvudn i admin för att komma till videogallerian. Videogallerian på webbplatsens front-end Här visas 4 senaste video. Klicka man på more kommer man till alla videon! Lägga till ny video Videogallerian admin Lägga till nya videon så här; 1. Klicka på ikonen Ny 2. Skriv ett namn för din video i Title * 3. Slug (låt den vara tom, gäller bara om Titel är i latinska tecken) OBS! Har du skrivit Title på t ex arabiska ska du ange något på latinska tecken här! 12

13 4. Välj en videotyp under Type, beroende på typ av videon du väljer här så ändras fälten som ska fyllas i med info. Du kan ladda upp din egen video genom att välja General upload (max 50 MB). Vi rekommenderar att du laddar upp din video först på Youtube och sedan publicerar den på din webbplats (punkt 1-12). Det tar mindre plats på vår server och gör att många andra kan hitta din video. 5. Video*, här klistrar du in adressen till video på webben. T ex ett från Youtube. 6. HD-Video, om video är i HD klistra in adressen här 7. Thumb, är en liten bild på video. Thumb skapas automatisk om du klistrar in rätt adress till Video. 8. Preview, hoppa över den! Den skapas också automatiskt. 9. Description, skriv en kort förklaring för videon här. 10. Select a category, välj en kategori för dina videon 11. Featured, hoppa över den! 12. Välj Save, högst upp till höger för att spara och publicera din video. Gränssnitt för att publicera video 13

14 * Exempel på video adress från Youtube: 14