- Created by Malin Carlgren (Unlicensed), last modified by kerstin.eiman (Unlicensed) on Jan 15, 2020
You are viewing an old version of this page. View the current version.
Compare with Current View Page History
« Previous Version 12 Next »
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 kurs- och programinformation.
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. Genom puffar från genomgångssidor ledar 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 puffar, dragspelsfunktionalitet mm. 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 är "sticky" vilket innebär att den kommer att ligga fast när besökaren scrollar på sidan för att alltid vara tillgänglig. 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 att 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. HuvudbildYtan kan antingen innehålla ett foto eller en illustration. Det är valbart att ha en huvudbild. TitelHär skrivs namnet på projektet/gruppen. Namnet ska säga något om forskningens innehåll. FaktarutaHögst upp i faktarutan anges om det är pågående eller avslutad forskning. Använd sidmallen även för avslutad forskning som fortfarande är intressant att kommunicera. Kom ihåg att det alltid måste finnas en kontaktperson kopplad till forskningen.
Område: Detta är ett obligatoriskt fält. Området är en populärvetenskaplig indelning för målgruppen allmänheten. Ett projekt kan ingå i ett eller flera områden. Sidans innehåll:Sidans innehåll är en navigering över innehållet på sidan. Detta ska hjälpa besökaren på webbplatsen att hitta till en del av sidan, eftersom sidorna kan bli väldigt långa. Navigeringen kallas för ”Inpage-navigering” och skapas automatiskt av de underrubriker (H2) som finns i sidmallen. Kort beskrivning:Detta fält är tvingande att fylla i och ska ge en kortfattad populärvetenskaplig beskrivning över projektet/gruppens forskning. Aktuellt:I sektionen som rymmer aktuelltblocket går det att lyfta både kalenderhändelser, nyheter, forskarporträtt eller liknande. Puffarna kan även innehålla film och ljudklipp. Antalet puffar bestäms av redaktören och kan ändras efter behov. Om det inte finns något aktuellt att puffa för behöver inte denna sektion visas på sidan. Längre beskrivning:Under denna rubrik kan en längre beskrivning av projektet/gruppen skapas. Texten har ingen begränsning i längd och kan innehålla bilder, filmer och länkar. Dokument:Här finns det möjlighet att visa dokument, publikationer eller skrifter kopplade till projektet. Samarbetsfot med logotyper:Här ska det vara möjligt att lägga i samverkanspartners, finansiärers loggor osv. Andra forskningsprojekt:Här är tanken att relatera till andra projekt, forskarsidor eller centrum som har beröring till det aktuella projektet. Exempel och mer informationWordmallarna nedan kan användas av forskare för att fylla i information om forskningsprojekt/forskargupp.
Exempelskiss för forskningsprojekt/forskargrupp (Invision skissverktyg) Länk till instruktioner för att skapa ett forskningsprojekt/forskargrupp |
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.
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.
Skribent
Namnet på den som skapat nyheten (om inga ändringar görs kommer detta vara den som är inloggad i Drupal). Det går också att lägga till fler kontakter i högerkolumn, till exempel till ansvarig forskare.
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)
- No labels