- Created by Malin Carlgren (Unlicensed), last modified by Peter Sundberg on Apr 22, 2021
You are viewing an old version of this page. View the current version.
Compare with Current View Page History
« Previous Version 29 Current »
I Drupal har vi tagit fram ett antal färdiga sidmallar som ska underlätta för besökaren att snabbt skapa ett innehåll som presenteras på ett snyggt och tillgängligt sätt. Sidmallarna skapar ett homogent utseende på våra olika typer av innehåll och underlättar på så sätt för besökaren att förstå vilken typ av innehåll som presenteras. Sidmallarna är framtagna utifrån de behov som framkommit att våra besökare har när de till exempel ska läsa om ett forskningsprojekt eller en kurs. Därför finns det alltid en obligatorisk kontakt på sidorna som placeras högst upp.
Webbytor
Webbytor ersätter det som tidigare var webbplatser i Infoglue. Fakulteter, institutioner, centrumbildningar, infrastrukturer är exempel på verksamheter som har egna webbytor. Varje webbyta måste ha en ansvarig webbredaktör som har genomgått både redaktionell och praktisk utbildning i Drupal. Alla webbytor ligger platt i webbstrukturen vilket innebär att institutioner inte sorteras in under fakulteter.
Sidmallar
I listan nedan ser du de sidmallar för de innehåll som du som redaktör skapar i Drupal. Innehåll som skapas i Akeneo pim-verktyg kommer att visas i sidmallar för /wiki/spaces/KOP/pages/411533335.
Beskrivning
Denna sidmall kommer att programmeras upp. Det innebär att en webbredaktör själv inte kan skapa en ny startsida för en webbyta. Startsidan för webbytorna som tillhör en fakultet eller institution har samma menylänkar på första nivån i menyn. När webbredaktören lägger till en huvudbild på webbytan kommer webbytans namn läggas in huvudbilden. Detta ligger fast för att förklara för användaren var den befinner sig.
Huvudbild, kort beskrivning och kontaktruta är tvingande fält på startsidan. Alla webbytor har dessutom en kontaktfunktion i sidhuvudet som också nås under länken om oss. Denna sida kan redaktören inte ta bort.
Svensk meny
STUDERA HOS OSS
VÅR FORSKNING
FORSKARUTBILDNING
OM OSS
Engelsk meny
STUDY HERE
OUR RESEARCH
DOCTORAL STUDIES
ABOUT
Exempel och mer information:
Designskiss för webbyta (invision skissverktyg)
Beskrivning
Eftersom centrumbildningars verksamhet kan se väldigt olika ut kommer centrumbildningarna själva kunna bestämma vilka länkar som ska visas i ytans vänstermeny. Undantaget är länken ”Om oss” och “Kontakt”, som alltid finns med på en webbyta. De länkar som skapas i vänstermenyn ska följa de riktlinjer som finns för menylänkar:
För att navigationen ska bli överskådlig för besökaren ska antalet länkar begränsas. En rekommendation brukar vara max 7 länkar.
Maximalt navigationsdjup är 4 nivåer
Centrumbildningens "startsida" räknas som nivå (1) i trädstrukturen.
En länk i menyn ska alltid leda till grupperingar av innehåll och får aldrig gå till en specifikt innehåll så som en enskild personsida, utbildning, nyhet eller forskargrupp.
En länk i menyn får inte ta oss direkt till en annan del av webbplatsen.
Innehåll som logiskt går att kombinera grupperas för att minska antalet sidor.
Exempel och mer information
Designskiss för centrumbildning (invision skissverktyg)
Beskrivning
Genomgångssidan är den sidmall som används till exempel för ingångssidorna “studera” “forskning”. Genomgångssidan kan finnas på nivå 2 och 3 i webbstrukturen. Syftet med en genomgångssida är att samla innehåll inom ett område eller leda besökaren vidare till sidor längre ned i strukturen eller sidor som inte finns i strukturen ( till exempel forskningsprojekt och nyheter) . Sidmallen kan också användas för kampanjsidor och större evenemang. Sidmallen är inte anpassad för att arbeta med mycket text, då ska istället informationssidan visas. Denna sidtyp kan endast skapas av webbredaktörer.
Huvudbild/huvudfilm
Överst på sidan kan en huvudbild eller huvudfilm läggas till. Denna bild är den som kommer visas på bildpuffar som leder till sidan om inget annat visas.
Rubrik
På genomgångssidan skrivs rubriken i versaler. Rubriken blir också sidans H1.
Sammanfattning
Efter rubriken finns det obligatoriska fältet sammanfattning. Här ska innehållet på sidan sammanfattas kortfattat. Behöver du mer utrymme för att beskriva sidans innehåll kan du använda fältet kompletterande textruta. Texten som läggs in här kommer att visas i två kolumner.
Kontaktinformation
Längst upp till höger kommer ett obligatoriskt fält för kontaktinformation finnas när denna funktionalitet finns färdig i Drupal.
Resten av en genomgångssida byggs upp av sektioner med puffar, bilder, filmer och länkar. Som redaktör gör du detta i layoutfliken i Drupal.
Exempel och mer information
Exempelskiss för genomgångssida (invision skissverktyg)
BeskrivningEn informationssida är en de grundläggande sidtyperna i Drupal. Sidan ska användas för sidor där text och fakta är i fokus. Ytan för text i mittenspalten är anpassad så att radlängderna blir tillgängliga och läsbara. Till skillnad från genomgångssidan är informationssidan ofta slutdestinationen för den som letar efter information. En informationssidas huvudinnehåll skall ligga i den breda mittenspalten. Utrymmet i högerspalten kan användas för mindre bilder, kortare faktarutor eller listor som är tillhör huvudinnehållet. Genom puffar från genomgångssidor leder vi besökaren till informationssidorna. Informationssidorna kan i sin enklast form bara innefatta en huvudbild, sammanfattning, brödtext och högerspalt med kontaktinformation. Men informationssidan kan också byggas ut med puffar, dragspelsfunktionalitet mm. Viktigt är att informationssidas huvudinnehåll alltid ska placeras överst på sidan. Relaterad information, puffar och annat som länkar bort från sidan skall placeras efter huvudinnehållet för sidan. Informationssidor kan bli väldigt långa och sidan används för att gruppera innehåll som tidigare visats på flera sidor. Om en sida innehåller fem H2-rubriker eller mer kommer en In-page-navigation (index över sidans innehåll) att visas på sidan så att besökaren enkelt kan ta sig till den sektion på sidan som den vill läsa om. Huvudbild/huvudfilmEn huvudbild eller huvudfilm kan placeras överst på en informationssida. Det är denna bild som kommer att visas som bild på puffar som leder till sidan. Sidan behöver dock inte ha en huvudbild/huvudfilm, puffen som länkar till sidan blir i så fall blå. TitelTitel/rubrik på sidan. Detta blir H1-rubriken för sidan. Ingress/sammanfattningFält som ska sammanfatta hela sidans innehåll Inpage-navigation/sidans innehållMenyn skapas automatiskt när en sida innehåller fem H2 rubriker eller mer. Tänk på att använda korrekta rubriknivåer och att rubrikerna inte får vara för långa. Inpage-navigationen ligger alltid högst upp till vänster i huvudinnehållet på en informationssida. Kontaktruta - Kontakta ossAlla informationssidor har en tvingande kontaktruta. Här ska det finnas kontaktuppgifter till den som kan svara på frågor om innehållet på sidan. RubrikerText och bild som skapas via editorn för genomgångssida. Redaktören kan själv styra hur denna ska se ut med underrubriker, bilder, film osv. En lång sida kan med fördel delas in i olika sektionen (markeras med strecket och och kan ha en annan bakgrundston). För att göra det används layoutfunktionaliteten i Drupal. Då kan redaktören själv välja att blanda text med puffblock, bilder och filmer. PuffsektionPå informationssidan ska fokus vara innehållet på sidan. Det är därför bra att låta puffar som leder besökaren bort från sidan komma långt ner i innehållet. Exempel och mer information:Exempel på informationssida (invision skissverktyg) |
BeskrivningSamma sidmall kommer att kunna användas både för forskningsprojekt och forskargrupper. Anledningen till detta är att vissa delar av universitetet pratar om forskargrupper och andra ställen om forskningsprojekt men innehållet på webbsidorna är ofta de samma. Vid skapande av ett nytt innehåll kommer redaktören få markera om det är en forskargrupp eller forskningsprojekt. Forskningsprojekt/forskargrupper bor ingenstans i strukturen med blir sökbart för besökaren under gu.se/forskning/hittaforskning. Detta gör att besökaren lättare till all spännande forskning vid universitetet på ett ställe. På institutionens forskningssida kommer det precis som idag vara möjligt att presentera vilken forskning som pågår eller vilken inriktning som institutionen har med bildpuffar och länkar till projekten/grupperna. Sidmallen är framtagen utifrån underlag från effektkartläggningen (intervjuer med forskare, doktorander och allmänhet) och workshop i delprojektet externwebben. En särskild referensgrupp med en forskningsrepresentant för varje fakultet har sedan inkommit med synpunkter. Sidmallen är justerad utifrån dessa. Steg 1
OBS! Redigering i Steg 1 sker under fliken ”Redigera” i Drupal. I Steg 1 fyller du i den faktainformation som kommer att visas högst upp på sidan. Vissa fält är valbara, andra fält är obligatoriska. Fyller du inte i de obligatoriska fälten, så kommer du inte kunna publicera sidan. Forskningens namn*Detta fält är obligatoriskt. Här skriver du det svenska namnet på forskningsprojektet/forskningsgruppen om det finns ett sådant. Det går också bra att blanda svenska och engelska. Se exempel nedan. Namnet ska gärna säga något om forskningens innehåll. Är namnet på forskningsprojektet/forskningsgruppen en förkortning, ska förkortningen – eller en förklaring av förkortningen – också skrivas ut så att beökaren enkelt förstår betydelsen.
Exempel på forskningsgrupp: APEC – Beroendepsykologi Exempel på forskningsgrupp: SPARC – Snow Patch Archaeological Research Cooperation Exempel på forskningsprojekt: Promise of Monsters: Om vår tids monster och det monstruösa Kort beskrivning*Detta fält är obligatoriskt. Detta är en ruta för en kort populärvetenskaplig beskrivning av forskningsprojektet/forskargruppen. Max antal tecken, inklusive blanksteg, är 850.
|
Beskrivning
Tanken med kontaktsidan är att den ska fungera som en samlad kontaktfunktion för alla kontaktuppgifter som verksamheten har. Istället för att skapa flera sidor under länken “om oss” finns denna kontaktsida där redaktören har möjlighet att arbeta med dragspelsfunktionalitet.
Header (fältet där huvudbild vanligtvis visas)
På kontaktsidan går det inte att lägga in en bild i headern. I stället visas en blå banner med texten kontakt. Denna text kan inte redigeras av redaktören.
Rubrik H1
Denna text kommer automatiskt att vara namnet på webbytan, dvs. verksamhetens namn.
Gråa kontaktrutan
Informationen i denna ruta kommer på sikt att hämtas från personal- och organisationskatalogen.
Bild i högerkolumn
Möjlighet finns för redaktören att lägga upp en bild i högerkolumnen.
Karta
På sikt ska det vara möjligt att visa organisationens placering på en karta. Kartkoordinater för detta ska anges i person- och organisationskatalogen. OBS - ännu inte klart.
Dragspelsfunktionalitet
Överst i dragspelet kommer alla ha länken “Kontaktformulär” denna ska kopplas till webbytans funktionsadress. Övriga dragspel är valfria i antal och innehåll. Enskilda personers kontaktuppgifter kommer att kunna hämtas ur person och organisationskatalogen genom att ange ett id/xkonto.
Exempel och mer information
Länk till exempelskiss för kontaktsida (Invision skissverktyg)
Beskrivning
Nyheterna skapas av webbytans redaktör och visas sedan under den gemensamma ingången gu.se/aktuellt. och gu.se/aktuellt/nyheter. Sidan för nyheter kommer att ha en sökfunktion där besökaren kommer att se nyheterna i kronologisk ordning men med möjlighet att filtrera både på område och organisation. På webbytan kan redaktörer lyfta upp nyheter i puffar eller lägga till en nyhetslistning.
Tips och råd om nyhetsarbete
Huvudbild/huvudfilm
Överst på nyheten har du möjlighet att lägga till en huvudbild eller huvudfilm. Tänk på att formatet inte tillåter att det ligger porträtt på forskare osv i denna yta. Bilder kan också läggas till i brödtexten där det går att välja olika format för bilder.
Rubrik
Rubriken på nyheten blir också H1 för sidan.
Publicerad:
Datum för publicering
Vid:
Webbytan där nyheten skapades.
Brödtext
I fältet för den långa texten har du som redaktör möjlighet att arbeta med text, bild, film och ljud. Tänk på att arbeta med rätt rubriknivåer. Porträttbilder ska alltid sparas som porträtt vilket innebär att bilden lägger sig i högerkolumnen.
Faktaruta
Det är möjligt att lägga till en faktaruta på alla nyheter. I faktarutan ska endast text finnas.
Dokument
Om det finns dokument som ska bifogas till en nyhet görs det under fliken dokument.
Bildpuffar
Genom att lägga till puffar till annat innehåll kan vi arbeta med relaterat innehåll. Puffa till en annan nyhet på samma ämne, en forskargrupp eller forskarsida.
Exempel och mer information:
Exempelskiss för nyhet (Skiss i Invision)
Forskningsreportage/forskningsporträtt bygger på samma sidmall som nyheter, vilket innebär att förfarandet för att skapa denna innehållstyp är samma som när du skapar nyhet. Genom att du skapar ett innehåll med denna sidmall kommer det att hittas under gu.se/forskning/hittaforskning. Sidmallen är tänkt att användas för populärvetenskapliga reportage och porträtt.
Exempel och mer information:
Se exempelskiss för nyhet (Invision skissverktyg)
Beskrivning
Innehållstypen Utbildningssida ska användas till det mesta som handlar om utbildningsinformation. Den ser ut och fungerar på ett liknande sätt som innehållstypen Informationssida. Till exempel finns exakt samma möjligheter och begränsningar för att använda puffar, dragspel och högerkolumn på innehållstypen utbildningssida. Nedan beskrivs det som är unikt för utbildningssida.
Titel
För innehållstypen utbildningssida är det viktigt att rubriken är tydlig. Den ska vara utförligt beskriven så att den helst blir helt unik för den sida du skapat. När du till exempel skapar en informationssida om lokalerna på Artisten så är en lämplig titel “Lokaler på Artisten” eller “Lokaler på högskolan för scen och musik”.
Titeln blir H1-rubriken på sidan och används av Drupal för att generera ett URL-alias (gu.se/studera/hitta-utbildning/lokaler-pa-artisten
).
Användningsområde
När du skapar en ny Utbildningssida behöver du välja vad sidan har för användningsområde. Det gör du för att enkelt kunna hålla reda på dina olika sidor, eftersom de inte finns i någon meny.
Olika typer av användningsområden:
De flesta användningsområden hänger ihop med H2-rubrikerna som ni känner igen från kurs- och programsidorna, Efter studierna, Arbetsprov, Praktik m.fl. (Dessa har vi tidigare kallat ”satellitsidor”).
Information kopplad till en ny H2-rubrik på kurssidorna: ”Skalmaster” eller ”Rekommenderad studiegång”. Den ska användas av institutioner som behöver förklara hur en viss studiegång, ett antal kurser, leder fram till en specifik examen.
Program med inriktning (s.k. ”guidesida”) ska innehålla en översikt över programmets inriktningar och länkar till respektive ”Akeneo-sida”. Gäller program som har inriktningar i Gubas tillfälle (och i nuvarande katalog).
”Annat erbjudande för inresande utbytesstudenter” innehåller information för den internationella webben som kompletterar ”vanliga” utbyteskurser. Din kollega som är ansvarig för utbytesstudier vet mer.
Ämnesöversikt
Samtliga användningsområden är kopplade till kurs- och programsidorna som skapas i Akeneo. Redaktören för de berörda kurs- och programsidorna i Akeneo behöver /wiki/spaces/KOP/pages/627278020 till Utbildningssidorna i Drupal – det är med dessa länkar som besökarna hittar till sidorna.
Struktur/meny
Innehållstypen Utbildningssida fungerar på liknande sätt som nyheter i Drupal:
Du skapar och redigerar sidorna på din lokala yta.
För en besökare visas sidan som en del av den gemensamma webbplatsen.
Utbildningssidor visas aldrig i menyn.
Besökaren kommer till dessa via /wiki/spaces/KOP/pages/627278020
Mer information
Beskrivning
Innehållstypen evenemang ska användas för att beskriva händelser/aktiviteter som ges vid ett eller flera tillfällen där besökare kan delta antingen på en specifik plats eller digitalt. Evenemang kan skapas på svenska och engelska, som med allt innehåll på webbplatsen ska svenska användas på den svenska version och engelska på den engelska versionen. Titlar på evenemang behöver inte översättas. Var noga med att ange på vilket språk evenemanget ges om det är otydligt utifrån sammanhanget.
Evenemang kan skapas för varje webbyta. Precis som nyheter kommer evenemangen att visas under den gemensamma ingången gu.se/evenemang. och gu.se/aktuellt/evenemang. Sidan för evenemang kommer att ha en sökfunktion där besökaren kommer att se evenemangen i datumordning men med möjlighet att filtrera på område, evenemangstyp och webbyta. På varje webbyta kan redaktörer lyfta upp enskilda event i puffar eller lägga till en evenemangslista med 5 eller 10 poster.
Evenemang skapas på samma sätt som nyheter direkt i redigerafliken och har inte tillgång till layout builder. Om du vill göra en samlingssida för till exempel en föreläsningsserie eller en konferens kan du bygga en genomgångssida där du skapar puffar till enskilda evenemangsposter i kalendern.
Innehållstypen evenemang i Drupal är en visuell visning av en kalenderpost och den har ingen funktionalitet för nedräkning av antal platser. För evenemang som kräver platsbokning får kompletterande eventhanteringssystem användas. En lösning för detta arbetas på och information om hur platsbokning ska fungera kommer när en lösning är på plats.
Rubrik
Rubriken är tvingande, det är denna som syns i evenemangslistningen. Tänk på att besökaren ska kunna förstå vad det är för evenemang genom en puff med endast rubrik och kategori. Att ange en disputation med endast ett namn på den som disputerar är därför inte en bra idé.
Sammanfattning
Sammanfattningen är en kortare beskrivning av ditt evenemang som lägger sig ovanför faktarutan med datum, tid mm. Även detta fält är obligatoriskt. Denna del används vid visning av evenemanget i sökmotorer.
Evenemangskategori
Här väljer du vilken typ av evenemang det är du ska skapa. Det går att klicka flera alternativ. Kategorin kommer att visas som en svart tag på det enskilda evenemanget och på puffen som leder till evenemanget.
Område
Även område går att klicka i fler. Precis som med nyheter går det att filtrera på område för att besökaren ska hitta evenemang inom det område som den är intresserad av.
Datum och tid
Datum anges både i den grå rutan och i högerkolumnen. Du kan skapa ett evenemang för en händelse som sträcker sig över flera dagar, som till exempel en utställning, genom att kryssa i rutan för datumintervall. Om samma event ges flera gånger kan flera enskilda datum läggas till ett och samma event. Eventdatumet kommer då att märkas med ett + som markerar att att det ges vid flera tillfällen.
Plats och kartlänk
Ange adress till ditt evenemang, lägg gärna in en länk till Google maps eller annan karttjänst.
Antal platser
Om evenemanget har ett begränsat antal platser skriver du in det här. Evenemang som har platsbokning kommer att skapa bokningsfunktionaliteten i annat system och lägga en länk till platsbokningen från Drupal. Det innebär att systemet inte själv känner av hur många platser som finns kvar utan du som redaktör måste själv gå in och markera när evenemanget är fullt.
Kostnad
Här kan du ange kostnad för evenemanget.
Medverkande
I fältet "Deltagare" anger du vem som medverkar i evenemanget.
Ytterligare information
Om evenemanget presenteras på annan sida, som till exempel Facebook kan du lägga länk till detta.
Bra att veta:
Här lägger du information som besökaren inte får missa.
Arrangör
Ange vem som arrangerar evenemanget.
Anmälan
Om evenemanget har en anmälningsfunktion lägger du länk till denna. Länken till anmälan kommer att markeras som en rosa knapp.
Anmälan full
Denna checkbox får du som redaktör klicka i när ett evenemang är fulltecknat. Observera att det i nuläget inte finns någon logik mellan Drupal och anmälningssystem, vilket medför att detta blir en manuell hantering för redaktören.
Sista anmälningsdag
Anges på de evenemang där anmälan ska göras.
Brödtext
I fältet för den långa texten har du som redaktör möjlighet att arbeta med text, bild, film och ljud. Tänk på att arbeta med rätt rubriknivåer. Porträttbilder ska alltid sparas som porträtt vilket innebär att bilden lägger sig i högerkolumnen.
Huvudbild/huvudfilm
Överst på nyheten har du möjlighet att lägga till en huvudbild eller huvudfilm. Tänk på att formatet inte tillåter att det ligger porträtt på forskare osv i denna yta. Bilder kan också läggas till i brödtexten där det går att välja olika format för bilder.
Dokument
Om det finns dokument som ska bifogas till en nyhet görs det under fliken dokument.
Exempel och mer information:
Instruktioner:
- No labels