Responsivt standardtema, lathund

Transkript

1 Responsivt standardtema, lathund

2 Innehåll Introduktion... 3 Startsida... 4 Sökresultatsida... 5 Katalogpostsida... 6 Inspiration... 7 Barn... 8 Ung... 9 Vi erbjuder Öppet & Kontakt Mina sidor Instruktion för hantering av bilder i artiklar Instruktion för horisontella dynamiska listor Arena-inställningar Gruppering av horisontella listor: Instruktion för redigering av befintligt bildspel Instruktion för att lägga in nytt bildspel (21)

3 Introduktion Det responiva standardtemat är till innehåll och definierad från början, vilket bland annat innebär en viss uppsättning portletar ingår i temat och att dessa är inställda på ett visst sätt. Det innebär att avsteg från grundkonfigurationen kan innebära att responsiviteten inte fungerar, eller att användbarheten försämras. Vid leverans garanteras responsiv funktionalitet. När biblioteket själv börjar arbeta med det responsiva grundtemat ligger ansvaret för att testa avsteg från grundfunktionaliteten på biblioteket självt. Denna manual beskriver övergripande innehållet i det responsiva standardtemat. En grundläggande skillnad från ordinarie Arena-installationer är att det finns en särskild timeout-hantering som slår till efter 15 minuters inaktivitet. Låntagaren loggas ut automatiskt och startsidan öppnas. Det responsiva standardtemat består av sju huvudmenyalternativ: Startsida, Inspiration, Barn, Ung, Vi erbjuder, Öppet & Kontakt, Mina sidor. Dessutom finns träfflistesida, katalogpostsida och sida med utökad sökning. På varje sida finns inloggningsfunktion, eventuellt språkval, huvudmenyalternativ, sökfrågefält (ej på sidan för Utökad sökning), brödsmulefunktion (de sidor som har undersidor) samt sidfot. Funktionernas namn: Logga in Språk Sök Här är du Visa artiklar 3(21)

4 Startsida Startsidan innehåller förutom grundfunktionalitet en välkomsttext, en lista med boktips, en lista som visar titlar som senast betygsatts samt ett taggmoln. Listan med boktips är konfigurerad med en syntax som gör att den uppdateras automatiskt med nya skönlitterära titlar på svenska. Den kräver alltså ingen editering för att förändra innehållet den visar. Listan över titlar som senast betygsatts uppdateras också automatiskt så fort en titel får ett betyg på något av biblioteken i Sverige som använder Arena, och där ditt eget bibliotek har titeln ifråga. Den kräver alltså inte heller editering för att förändra innehållet den visar. Funktionernas namn: Dynamisk lista (Boktips) Topplista (Senast betygsatt) Nyckelord: moln (Populära taggar) Artiklar: visa en viss artikel (Välkommen till biblioteket) 4(21)

5 Sökresultatsida Startsidan innehåller förutom grundfunktionalitet en välkomsttext, en lista med boktips samt en lista som visar titlar som senast betygsatts. Listan med boktips är konfigurerad med en syntax som gör att den uppdateras automatiskt med nya skönlitterära titlar på svenska. Den kräver alltså ingen editering för att förändra innehållet den visar. Listan över titlar som senast betygsatts uppdateras också automatiskt så fort en titel får ett betyg på något av biblioteken i Sverige som använder Arena, och där ditt eget bibliotek har titeln ifråga. Den kräver alltså inte heller editering för att förändra innehållet den visar. Funktionernas namn: Sökresultat (Träfflista) Sökfasetter (Filtrera) Dynamiska länkar (Sök externt) Nyckelord (Taggar) 5(21)

6 Katalogpostsida Startsidan innehåller förutom ovanstående funktionalitet en välkomsttext, en lista med boktips samt en lista som visar titlar som senast betygsatts. Listan med boktips är konfigurerad med en syntax som gör att den uppdateras automatiskt med nya skönlitterära titlar på svenska. Den kräver alltså ingen editering för att förändra innehållet den visar. Listan över titlar som senast betygsatts uppdateras också automatiskt så fort en titel får ett betyg på något av biblioteken i Sverige som använder Arena, och där ditt eget bibliotek har titeln ifråga. Den kräver alltså inte heller editering för att förändra innehållet den visar. Funktionernas namn: Katalogpost Dynamisk lista (Andra titlar av samma författare) Dynamisk lista (Liknande titlar) Sökfasetter (Sök vidare) Dynamiska länkar (Sök externt) Nyckelord (Taggar) 6(21)

7 Inspiration Sidan Inspiration innehåller även den listor som uppdateras automatiskt när nya titlar läggs in i bibliotekssystemet. Listorna är: Topplista (Senast recenserat) Topplista (Senast betygsatt) Undermenyalternativen till Inspiration är: Undermeny 1 Undermeny 2 Undermeny 3 Undermeny 4 Undermeny 5 Varje sida innehåller 4 olika listor. Listorna är: Lista 1 Lista 2 Lista 3 Lista 4 Listorna innehåller olika antal titlar. Cirklarna under listorna visar hur omfattande de är. Det går att navigera både via dem och via pilarna i respektive lista. Innehållet visas med omslagsbild, titel och författare. Uppgifter om titel och författare kan vara förkortade, men visas när markören förs över omslagsbilden. Vissa titlar har ingen omslagsbild och då visas istället en ersättningsbild. Funktionernas namn: Navigera (Inspiration och dess undersidor) Dynamisk lista (Alla listor på undersidorna till Inspiration är dynamiska listor) 7(21)

8 Barn Sidan Barn innehåller även den listor som uppdateras automatiskt när nya titlar läggs in i bibliotekssystemet. Listorna är: Undermenyalternativen till Inspiration är: Undermeny 1 Undermeny 2 Undermeny 3 Undermeny 4 Varje sida innehåller 4 olika listor. Listorna är: Lista 1 Lista 2 Lista 3 Lista 4 Listorna innehåller olika antal titlar. Cirklarna under listorna visar hur omfattande de är. Det går att navigera både via dem och via pilarna i respektive lista. Innehållet visas med omslagsbild, titel och författare. Uppgifter om titel och författare kan vara förkortade, men visas när markören förs över omslagsbilden. Vissa titlar har ingen omslagsbild och då visas istället en ersättningsbild. Funktionernas namn: Navigera (Barn och dess undersidor) Dynamisk lista (Alla listor på barnsidorna är dynamiska listor) 8(21)

9 Ung Sidan Ung innehåller även den listor som uppdateras automatiskt när nya titlar läggs in i bibliotekssystemet. Listorna är: Undermenyalternativen till Inspiration är: Undermeny 1 Undermeny 2 Undermeny 3 Undermeny 4 Varje sida innehåller 4 olika listor. Listorna är: Lista 1 Lista 2 Lista 3 Lista 4 Listorna innehåller olika antal titlar. Cirklarna under listorna visar hur omfattande de är. Det går att navigera både via dem och via pilarna i respektive lista. Innehållet visas med omslagsbild, titel och författare. Uppgifter om titel och författare kan vara förkortade, men visas när markören förs över omslagsbilden. Vissa titlar har ingen omslagsbild och då visas istället en ersättningsbild. Funktionernas namn: Navigera (Ung och dess undersidor) Dynamisk lista (Alla listor på ung-sidorna är dynamiska listor) 9(21)

10 Vi erbjuder Sidan Vi erbjuder innehåller även den listor som uppdateras automatiskt när nya titlar läggs in i bibliotekssystemet. Listorna är: Undermenyalternativen till Vi erbjuder är: Skaffa lånekort Undermeny 2 Undermeny 3 Undermeny 4 Undermeny 5 Undermeny 6 Undermeny 7 Undermeny 8 Undermeny 9 Undermeny 10 Regelverket för vad som visas i Skaffa lånekort styrs i bibliotekssystemet. Läs Funktionsbeskrivning BOOK-IT Version 7.2 på supportsidan. Funktionernas namn: Navigera (Vi erbjuder och visning av undersidor) Skaffa lånekort Artiklar: visa en viss artikel (Alla artiklar på sidan Vi erbjuder och dess undersidor) 10(21)

11 Öppet & Kontakt Sidan Öppet & Kontakt är ett huvudmenyalternativ, som direkt innehåller bibliotekets öppettider. Undermenyalternativen till Öppet & Kontakt är: Kontaktuppgifter Kontakta biblioteket (formulär) Inköpsförslag (formulär) Fjärrlåneansökan (förslag) De e-postadresser som ska ta emot formulären som skickas via e-post har ni angivit i den enkät som ni fyllde i inför installationen. Funktionernas namn: Navigera (Öppet & Kontakt och visning av undersidor) Artiklar: visa en viss artikel (Öppettider, Kontakt) Kontakta biblioteket (Formulär) Inköpsförslag (Formulär) Fjärrlåneansökan (Formulär) 11(21)

12 Mina sidor Sidan Mina sidor är ett huvudmenyalternativ, som innehåller en introducerande text för de funktioner som ligger som undermenyalternativ: Undermenyalternativen till Mina sidor är: Mina lån Mina reservationer Mina avgifter Mina uppgifter Mina sparade sökningar Mina meddelanden Min minneslista Mina bidrag Mina lån innehåller en mängd uppgifter om de medier som låntagaren har hemma. Det är här låntagaren lånar om medier antingen ett urval eller alla. Mina reservationer innehåller en mängd uppgifter om de medier som låntagaren har reserverat. Här kan låntagaren ta bort reservationer eller ändra hämtställe. giltighetstid? Mina avgifter (I förekommande fall) innehåller en översikt över låntagarens eventuella skulder till biblioteket. Om biblioteket har tilläggsmodulen Onlinebetalning kan låntagaren även betala skulderna direkt på webbplatsen. Betalningar visas en månad bakåt (Bookit) Mina uppgifter innehåller uppgifter om eventuellt användarnamn, e-postadress, säkerhetsfrågor, lånekortsnummer, möjlighet att ändra pinkod, spärra kort (regelverket styrs i bibliotekssystemet. Frysa reservationer, anmälning till sms och övertidsvarning i förekommande fall, samt val av hämtställe. Mina sparade sökningar innehåller de sökningar som låntagare som skapat användarnamn har valt att spara via ikonen för det i sökresultatet. Genom att klicka på dem utförs sökningen på nytt. 12(21)

13 Det finns även möjlighet för låntagaren som skapat användarnamn att använda sig av funktionen Nyhetsservice för de sparade sökningarna. Systemet kontrollerar automatiskt varje natt om det finns användare som anmält sig till nyhetsservice för nya titlar som läggs in under dagen, och skickar information antingen via e-post eller den meddelandefunktion som Arena innehåller. Mina meddelanden innehåller de meddelanden som biblioteket eventuellt skickat till användaren, samt de meddelanden som skickas av nyhetsservice. Min minneslista innehåller de titlar som låntagaren som skapat användarnamn valt att lägga i densamma. Här kan användaren reservera titlarna ifråga, skicka dem, skriva ut osv. Mina bidrag innehåller de bidrag som låntagare som skapat användarnamn lämnat till Arena i form av betyg, recensioner, taggar/nyckelord. Här kan de ändra eller ta bort dessa bidrag. Funktionernas namn: Navigera (Mina sidor och visning av undersidor) Artiklar: visa en viss artikel Mina lån Mina reservationer Mina avgifter Mina uppgifter Mina sparade sökningar Mina meddelanden Min minneslista (Minneslista) Mina bidrag 13(21)

14 Instruktion för hantering av bilder i artiklar Vill du att bilden ska täcka en hel rad måste bilden vara 1120px bred. Vill du att bilden ska täcka en kolumn måste bilden vara 960px bred. Du kan inte använda Arena-artiklarna ordinarie inställningar för att positionera text och bild i förhållande till varandra. Gör så här för att positionera bild och text i förhållande till varandra: Markera bilden i artikeln när du befinner dig i editorn och klicka på bildverktyget. Klicka på fliken Appearance. Ändra Alignment till Not-set och ta bort värdena under Dimensions. Töm alla andra värden. Ändra CSS-class till value. Skriv sedan in antingen imgleft (för vänsterjustering) eller imgright (för högerjustering) i detta fält. 14(21)

15 Instruktion för horisontella dynamiska listor Om du vill lägga till en sida som ska innehålla dynamiska listor är det enklast att kopiera den mallsida som finns för detta ändamål. Följ instruktionerna i Handledning för Arenaadministratörer där det beskrivs hur du kopierar en sida. Den sida du ska kopiera för att automatiskt få de rätta inställningarna för dynamiska listor med heter Mall dynamisk lista. Nedan ser du de värden visa inställningar ska innehålla för att de dynamiska listorna ska visas korrekt. Om du har kopierat en sida behöver du alltså inte göra dessa inställningar manuellt. Det är viktigt att du följer anvisningarna för annars laddas sidan långsammare. Se till att Omslagsbilder: Hämta asynkront (ajax) inte är markerad det har betydelse för prestanda. När du är inloggad som Liferay visas de horisontella dynamiska listorna vertikalt. Om du avmarkerar kryssrutan Edit controls visas de horisontellt. Sidan laddas då om. Arena-inställningar Antal titlar: Visa per sida 20 Bläddring: antal sidor 1 Katalogposter: Element på sidan Titel som länk Omslag som länk Katalogposter: fält i posten Av (upphovsman) Titel 15(21)

16 Mervärden: Visa Omslag INTE Sammanslagna poster Panelknappar: Visa INGET Omslagsbilder: Hämta asynkront (ajax) INGET RSS-ikon: Visa INGET Sortering: Tillåt sortering på INGET Spara sökning: Visa INGET Titlar kan markeras via kryssruta: INGET Liferay-inställningar (Grafiskt utseende): Portletinställningar: Visa ram: Ja Avancerade stilalternativ: I fältet Enter your custom CSS class names ange horizontal-list Gruppering av horisontella listor: Om du vill ha horisontella listor samlade under olika flikar upprepar dustegen ovan, men istället för horizontal-list skriver du horizontal-list list-group-x list-y där x är numret på grupperingen och y är listans nummer. Exempel: Du vill gruppera följande listor i en lista: Augustpriset, Nobelpristagare, Tips. Lägg listorna efter varandra i den ordning du vill visa dem. Ge listan Augustpriset följande CSS horizontal-list list-group-1 list-1, Nobelpristagare ska ha horizontal-list list-group-1 list-2 16(21)

17 och slutligen Tips som ska ha horizontal-list list-group-1 list-3. Observera att den lista som har CSS-klassen list-1 alltid är den som är aktiv när sidan laddas in. Vill ni använda flera listgrupper på samma sida gör ni på samma sätt men byter ut värdet list-group-x. Om list-group-1 redan existerar skriv då istället list-group-2, osv. Vi rekommenderar dock att ni håller nere antalet listor per sida för att minska laddningstiden. Ofta är en gruppering om tre listor för en sida tillräckligt. 17(21)

18 Instruktion för redigering av befintligt bildspel Om du vill byta ut bilder i bildspelet till nya bilder måste du först ladda upp dem till Liferays dokumentbibliotek Documents and media om de inte ligger där redan. Om bilderna redan ligger där kan du hoppa direkt till punkten som börjar med Klicka på ikonen Logga in i Liferay Klicka på Gå till Kontrollpanelen Klicka på Documents and media i vänsterkolumnen Klicka på mappen Responsive slide Klicka på Lägg till Basic document* Klicka på Välj och markera den bild du vill ladda upp Klicka på Publicera Klicka på Tillbaka till Arena *(Om du ska ladda upp flera bilder till samma mapp kan du istället välja Multiple documents och klicka på Bläddra för att kunna välja flera bilder). Klicka på ikonen med pennan till vänster under bildspelet för att komma in I redigeringsvyn Klicka på Välj efter fältet Bild och klicka Välj för den bild du vill visa Byt ut den befintliga beskrivningen av bilden i fältet Bild-alt-text (pga tillgänglighetsanpassning) 18(21)

19 Byt ut den eventuella synliga texten för den aktuella bilden i fältet Bild-text. Byt ut den eventuella länken till en intern sida genom att välja denna sida sida i fältet Bild-lanka-till-intern Byt ut den eventuella länken till en extern sida genom att välja denna sida sida i fältet Bild-lanka-till-extern För att lägga till ytterligare en bild i bildspelet - klicka på + bredvid Bild-element Inställningar Konfigurera-bildspel-tid-byt: antalet sekunder innan bilden byts ut. Obs! Konfigurera-bildspel-tid-byt måste alltid vara högre än Konfigurera-bildspel-tid-transition Konfigurera-bildspel-tid-transition: övergång mellan bilderna i antal sekunder. Obs! Konfigurera-bildspel-tid-byt måste alltid vara högre än Konfigurera-bildspel-tid-transition Konfigurera-bildspel-visa-auto: bildspelet startas automatiskt. Konfigurera-bildspel-visa-random: visa slumpmässig ordning. Konfigurera-bildspel-visa-pilknappar: framåt- och bakåt-knapp visas. Konfigurera-bildspel-visa-sidnavigering: visa antalet bilder samt en indikator för vilken bild som visas. Konfigurera-bildspel-visa-playpaus: visa paus/startknapp. Vill du ta bort en bild i bildspelet: klicka på soptunnan bredvid Bild-element ovanför den bild du vill ta bort. 19(21)

20 Instruktion för att lägga in nytt bildspel Börja med att ladda upp de bilder du vill använda till önskad mapp i Documents and Media se instruktion ovan. Dra in portleten Visa artiklar Klicka på portlet-inställningar och sedan på Grafiskt utseende I fältet Visa ram välj Nej Klicka på Spara Klicka på Lägg till artikel Välj strukturen structureresponsiveslide och mallen templateresponsiveslide Ange titel Välj bild i fältet Bild Skriv en beskrivning av bilden i fältet Bild-alt-text (pga tillgänglighetsanpassning) Om du vill använda en synlig text fyller du i fältet Bildtext. Vill du att bilden ska länka till en sida i Arena - välj en sida i fältet Bild-lanka-till-intern Vill du att bilden ska länka till en extern sida eller ett dokument skriv in URL i fältet Bild-lanka-extern För att lägga till ytterligare en bild i bildspelet - klicka på + bredvid Bild-element 20(21)

21 Inställningar Konfigurera-bildspel-tid-byt: antalet sekunder innan bilden byts ut. Konfigurera-bildspel-tid-transition: övergång mellan bilderna i antal sekunder. Konfigurera-bildspel-visa-auto: bildspelet startas automatiskt. Konfigurera-bildspel-visa-random: visa slumpmässig ordning. Konfigurera-bildspel-visa-pilknappar: framåt- och bakåt-knapp visas. Konfigurera-bildspel-visa-sidnavigering: visa antalet bilder samt en indikator för vilken bild som visas. Konfigurera-bildspel-visa-playpaus: visa paus/startknapp. Vill du ta bort en bild i bildspelet: klicka på soptunnan bredvid Bild-element ovanför den bild du vill ta bort. 21(21)