Handbok för redaktörer ki.se externwebb



Relevanta dokument
Snabbguide för publicering i Drupal för ki.se

Nya internwebben. manual i Drupal Version 1.9. Ändringar från version 1.8

Arbeta med bilder på bloggen Sida 1 av 7

Lathund för redaktörer. Lokala webbplatser Sacoföreningar, Sacoråd och Akademikerföreningar

Struktur och menyer på nya ki.se. September/Oktober 2013

Manual för Kalmar kommuns Nya intranät. piren.kalmar.se

Nya liten manual i Drupal Version 1.1

Quick Guide till Mahara och din Portfolio

Artiklar via UB:s sö ktja nst

Användarmanual Jobb i Stan. CV-Handboken. Registrering, jobbsökning mm. Copyright Aditro. All rights reserved.

Bloggen har tre sidtyper

Section Divider. Skapa nytt utskick

Manual Introduktionskurs SiteVision

Handledning för redigering av lagsidor.

Så här gör du för att flytta en film från Ping Pong till KI Play

Uppdaterad: Lathund. Nyheter och nyhetslista

Handbok för publicering på. Internwebben. i systemet Drupal Version 2.1. Ändringar från version 2.0

Handbok i Drupal för publicering på Internwebben Version 2.0 Ändringar från version 1.9

EndNote online. T5 ht 2015 Therese Nilsson/Camilla Persson

Manual

Handledning för publicering av avhandlingar och andra vetenskapliga publikationer i DiVA

SCHOLA COMAI ELEV WEBBKALENDER / SCHEMA VERSION 1.1. [Skriv text]

STEGBESKRIVNING - WEBB

Lathund för webbpublicering på Vi Ungas distriktswebbplatser

Elisabeth Bejefalk IT-Assistent Avesta kommun

Lathund - Redigera innehåll på Comfort Audios webbplats. 1. Logga in i WordPress Ändra/lägg till användare Lägga till nya sidor...

Användarmanual HOIF.org

Manual. Logga in. OBS! Kontrollera så att korrekt epostadress finns ifyllt. Ändra inga andra uppgifter!

Användarmanual för Hemsida

SchoolSoft för elever

Instruktion

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel:

Redigera din personliga sida

Blogga med wordpress. Lina Tannerfalk Wiberg

Användarhandledning Rapportgenerator Version: 1.1

P O R T A L S Y S T E M

Stilbyggar-manual. Logga in. Vad betyder knapparna? Välj stil & Duplicera

Guide. Webbsidor i Studentportalen. Innehåll. Uppdaterad:

Grundutbildning EPiServer CMS6

Administrativ manual RiksSvikt 3.7.0

Här kan du välja befintligt upplägg eller skapa ett nytt. Klicka på edit uppe till höger för att redigera och/eller skapat nytt.

Instruktion arbeta med rapportmallen

Nyheter i PaletteArena 6.3

Manual Kulturpool Värmland 2.0

Föreningarnas nya sidmall. Version 4,

Guide för pdf-formulär

Classfronter Vägledning för Studenter (version 1.1)

Komma igång med Eventor

Forskare & Handledare. 1. Inloggning

Handledning till VIS. Verksamhets Informations System. Februari 2016 VIS förvaltningsgrupp

PLATINA 1(23) Platina, för nya nämndsekreterare

Labbrapport: HTML och CSS

Skolan på webben. för vårdnadshavare till barn i grundskola, särskola och träningsskola - Manual till SchoolSoft

GUIDE FÖR RECENSIONSVERKTYGET

Lathund för publicering i KI Commons wikitjänst

Lathund ringstromsskog.se

LITEN LATHUND TILL ALUMNDATABASEN

Diabetes.se CMS guide för föreningar. Senast uppdaterad:

Manual för Anlita arkitekt

Lathund Hemsida för Astma- och Allergiförbundets föreningar

Widgets i DynaMaster 5 Golf

LATHUND FRONTPAGE 2000 SV/EN

Att publicera innehåll på Pedagogsajten

Manual för Forskarprofiler på kau.se

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

Blogga med Wordpress

Innehållsförteckning. Manual WebCT

I högskolans nätverk hittar du programmet PowerPoint genom Startmenyn, Huvudmeny XP, Kontorsprogram, Microsoft Office, Microsoft PowerPoint.

Hemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor

Att använda laget.se

Användarmanual för Content tool version 7.5

Om manualen inte räcker till vänligen kontakta Madeleine Rietz på ITavdelningens supportmejl

[ HUR DU UPPDATERAR FÖRSTASIDAN PÅ OTHELLO.NU ]

Anvä ndärguide Nyä Expeditionsresor

Ändra, kopiera eller radera publikation (staff)

Klicka på en sökrad för att få fram hänvisningar, fullständig information och möjlighet att skicka meddelande via e-post eller sms.

Sitevision för kontorsredaktörer

Användarmanual. 1.0 Login

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2)

Flexibel meny i Studentportalen

Lathund för studenter

Manual för praktiker

Lathund för överföring av rapporter och ljudfiler


Guide till RefWorks Skapa ett RefWorks-konto Under Citera och referera > RefWorks Hjälp funktioner i RefWorks Help Tutorial Help

GoTalk NOW. Liten lathund hur du redigerar i appen.

Surfa till adressen och logga in med dina vanliga användaruppgifter.

Självbetjäning för arbetsgivare. Användarhandledning Arbetsgivartjänsten Lämna uppgifter

Resurscentrum för kommunikation Dako SymWriter. Minimanual

Laborationer i kursmomentet Datoranvändning E1. Laboration nr 5: Mer om FrameMaker

Migrera till Word 2010

Macromedia. Flash 8 Grundkurs.

Manual Webb-admin för evenemang

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

Att komma igång med FirstClass (FC)!

Handledning för uppsatsadministratörer

Novell Vibe Add-In 1.0.1

STADSBYGGNADSFÖRVALTNINGEN. Aktivitetsstöd. Behörigheten Föreningsadministratör. Datum: Version 2. Sidan 1 (30)

Hur man importerar referenser från olika databaser/databasvärdar

Villaägarna. Redaktörsmanual för Samfälligheter

Transkript:

21 Handbok för redaktörer ki.se externwebb Handbok för dig som arbetar som redaktör på ki.se. Handboken uppdateras kontinuerligt. Du hittar alltid den senaste versionen på internwebben. Webbteamet Version 2.3 2014-09-15

Innehåll Webbplatsens uppbyggnad... 6 Roller i systemet... 6 Inloggning för redaktörer... 6 Redaktörsgränssnittet... 7 My workbench... 7 My edits... 7 All recent content... 7 Flikar... 7 My content... 7 Create content... 7 File list... 7 Users... 7 Active site Svenska/English... 7 Övergripande funktioner... 8 Ruta med cirkel: Skriv in så får du förslag... 8 Ta bort information i redan ifyllda fält... 8 Redigera från surfläge via kugghjulet... 8 Spara regelbundet, backa inte... 8 Tags... 8 Starta från rätt språk... 9 Sidöversikt med komponenter... 10 Skapa en sida (Page)... 12 Menyförklaring i Body, wysiwyg... 15 Anpassad stil... 15 Citat... 16 Tabell... 16 Faktaruta... 17 Specialtecken... 17 Nedsänkt... 17 Upphöjd... 17 Länkar... 18 Intern länk inom ki.se... 18 E-postlänk... 19 2

Extern länk... 19 Bild... 20 Placera bild till vänster/höger... 21 Redigera bildens storlek... 21 Bädda in media... 22 Radera formatering... 22 Visa block / Ta bort "paragraph"... 22 Maximera... 23 Kontaktkort... 23 Standardkontaktkort... 23 Använda standardkontaktkortet... 23 Egna kontaktkort (Contact card)... 24 KIMKAT card... 24 Custom card... 25 Använda egna kontaktkort... 25 Lista medarbetare i en organisatorisk enhet... 26 Organisatorisk enhet hitta id-nummer... 26 Dokument... 27 Ladda upp ett dokument/en fil... 27 Ersätta och ta bort dokument... 28 Landningssida (Landing page)... 29 Språk... 32 Rubriken på sidan... 32 Bild... 32 Link To... 32 Body... 32 Regions... 33 Promo - puff... 33 Promo exempel... 33 Skapa promo... 35 Promo banner exempel... 36 Skapa Promo banner... 36 Promo video exempel... 37 Skapa Promo video... 37 3

Exempel på Promo list lediga jobb... 38 Skapa promo list visa lediga jobb... 38 Exempel på Promo list kalenderhändelser... 39 Skapa promo list visa kalenderhändelser... 39 Exempel på Promo list nyheter... 40 Skapa promo list visa nyheter... 41 Visa och publicera promo... 41 Regioner (block) av promos med olika utseende... 42 Promo slide exempel... 44 Skapa Promo slide... 44 Kalenderhändelse (Calendar event)... 45 Nyhet (News article)... 47 Publikationer... 48 Bädda in media med oembed ex YouTube... 48 Program och kurser... 48 Profilsida (Profile page)... 49 Redigera profilsida... 50 Bilder och format... 52 Redigera en sida... 52 KI-ID... 53 Språkhantering... 53 Tidsstyra sida... 54 Versionsinformation... 54 Klona innehåll... 54 Tips... 55 Film... 55 Ljud... 55 Presentationer... 55 Nya och ändrade instruktioner... 55 Bilaga: Information för dig som arbetar som lokal huvudredaktör... 56 Hantera behörigheter för en sajt... 56 Toppmeny (OG Menus)... 57 Redigera toppmeny... 57 Lägga till en länk i en megameny... 59 4

Lägga till en underlänk i en megameny... 59 Skapa en kolumn i en megameny... 60 Tänk på detta när du redigerar din toppmeny:... 61 Formulär... 62 Nytt fält i formulär... 62 Valbar lista i formulär... 65 Ladda upp en fil i formulär... 66 Avsändare i formulär... 67 Bekräftelsemeddelande till formulär... 69 5

Webbplatsens uppbyggnad Startsidan för ki.se leder in till ett antal webbplatser(sajt) som har sin egen lokala toppmeny, sidhuvud och innehåll. Varje institution har en egen webbplats och det finns också separata sajter för utbildning, forskning, om ki, nyhetssajt m.fl. Via en global meny och sidfot kan besökaren alltid nå startsida, sökfunktioner och andra genvägar. Webbplatsen innehåller en sökfunktion som är gemensam för ki.se, internwebben och kib.ki.se. ki.se är uppbyggd i systemet Drupal 7. För repetition av målgrupper, mål m.m., se introduktion till ki.se för redaktörer på internwebben. Roller i systemet Varje underliggande sajt/webbplats på ki.se har en lokal huvudredaktör (samt gärna en biträdande lokal huvudredaktör) och fler redaktörer om det finns behov. Site kallas ibland också Group eller Organic Group (OG) i systemet. Editor (redaktör): Kan skapa och publicera innehåll inom en sajt på ki.se, t.ex. en institutionssajt. Supereditor (lokal huvudredaktör): Rättigheter som editor, men är också ansvarig för sajtens startsida och kan skapa navigation i toppmenyn. Kan ta bort innehåll som andra skapat inom sajten. Övergripande ansvar för sajten och står för support och samordning av redaktörer. Staff: Alla med KI-ID kan logga in för att redigera sin egen profilsida i en avgränsad miljö med formulärliknande utseende. Mer information finns på internwebben.ki.se/sv/profilsida. Profile administrator: Rättigheter att redigera (andra personers) profilsidor. Course administrator: Administrerar program och kurser. Ansvarig utgivare: Christina Bostedt, kommunikationsdirektör Systemägare: Kommunikationsavdelningen, Suzanne Winting Husén, kommunikationsstrateg digitala tjänster Inloggning för redaktörer Logga in med ditt KIID. (Du måste först ha gjort certifieringen och även skapat din profilsida på ki.se.) 6

Redaktörsgränssnittet My workbench När du loggat in ser du en svart list överst på sidan. Klicka på valet My Workbench. Efter inloggning kommer du först till en sida med rubriken, För medarbetare på KI. Gå direkt upp till den svarta listen och klicka på My workbench. My workbench är gränssnittet för redaktören som visar allt det innehåll du har att hantera. Här visas: My edits Pages, events, promos och annat som du har skapat och uppdaterat listas här. Genom att klicka på någon av rubrikerna ändras sorteringsordningen. Du kan se allt innehåll genom att klicka på view all. På sidan du kommer till kan du välja att filtrera vilket innehåll du vill se. All recent content Här ser du allt innehåll på de sajter som du som redaktör har rättigheter till. Här kan du också söka på titel, typ av komponent mm. Du kan bara redigera det innehåll som du är redaktör för. Flikar Upptill på My workbench finns ett antal flikar som visar: My content En överblick över både My profile, My edits och All recent content. Create content Skapa olika typer av innehåll, samma val som i rullisten högst upp. Här finns även Upload Media den funktion du ska använda för att ladda upp dokument. File list Lista på uppladdade dokument och bilder. Här kan du söka upp filer, redigera beskrivning av dina filer och ta bort inaktuella filer. I listan visas samtliga uppladdade filer och bilder på ki.se. Du kan dock bara redigera och ta bort de filer som du är redaktör för. Users En överblick över alla användare i systemet. Active site Svenska/English Du kommer först till det svenska innehållet. Klickar du på fliken English får du upp en arbetsyta (workbench) med enbart engelskt innehåll. När du ska skapa något på engelska, välj fliken English först för att få komponenten på rätt språk. 7

Högst upp på sidan finns rullisterna Add Content och My workbench, som är snabblänkar till verktyget som du alltid når när du är inloggad. Övergripande funktioner Här är några funktioner som återkommer på de olika sidtyperna och när du ska redigera något. Ruta med cirkel: Skriv in så får du förslag En sådan här ruta med en ring i högerkanten anger att det finns information inlagt. Ställ dig i rutan och börja skriv de första bokstäverna i ordet/namnet så får du en lista på förslag. Ta bort information i redan ifyllda fält I Drupal ställer man sig i det aktuella fältet och raderar den text som står där. Så gör du för att t.ex. ta bort en tagg, en länk, ett dokument eller liknande som lagts in i ett separat fält. Uppdatera sidan och informationen syns inte längre. Redigera från surfläge via kugghjulet När du är inloggad kan du surfa till den sida eller komponent du vill redigera och leta efter kugghjulet som syns i högra hörnet på denna. Musa över den så får du olika val du kan göra. Så här gör du även för att fortsätta redigera en sida som du nyss publicerat. Spara regelbundet, backa inte Vi rekommenderar att du inte använder Back-knappen i webbläsaren. Kom ihåg att alltid spara innan du växlar till en annan sida, annars tappar du dina senaste ändringar. Tags I fältet Tags ska du alltid fylla i lämpliga taggar (nyckelord) för sidan/dokumentet, till exempel Historia. Kom ihåg att taggarna används i sökmotorn för att besökaren ska kunna filtrera fram resultat. Taggarna används också för att visa sidor med liknande innehåll samt används i själva systemet och för att vi redaktörer ska kunna hitta sidor lättare. Lista på taggar finns på internwebben. Anmäl nya förslag på taggar till webbteamet@ki.se. 8

Starta från rätt språk När du ska skapa eller söka efter innehåll, se alltid till att du valt rätt aktiv site (Svenska/English). Du kan inte ändra språk efter du börjat skapa t.ex. en sida. Du kommer inte heller att hitta engelskt innehåll i den svenska kontexten och vice versa. 9

Sidöversikt med komponenter En sida (page) består av ett antal fält och komponenter som tillsammans bildar sidan. Här får du en överblick av var de olika fälten placeras och hur de ser ut. fortsättning 10

11

Skapa en sida (Page) En sida är den vanligaste sidtypen och används när du vill berätta något. Innehåll läggs i löpande text, men du kan också komplettera med bilder, dokument, länkar, faktaruta, citat, promos etc. Sidor kan och bör vara långa så länge innehållet hänger ihop. En navigationsmeny för sidan skapas med hjälp av länkade underrubriker. Language Går ej att ändra här. Headline titeln på sidan. Kommer även att synas högst upp i webbläsarfönstret. Tags för att märka upp sidan vid sökning. Skriv in valfritt ord och välj sedan i listan. Välj ett ord, vill du ha flera ord sätt ett kommatecken och skriv in valfritt ord på nytt. Responsible editor - ansvarig för sidans innehåll. Skriv första bokstaven så kommer namnen upp du kan välja. Du ska inte skriva in något namn själv. English/Swedish version Om du vill skapa en spegling av en sida ska du använda funktionen English/Swedish. Då kommer en länk som heter This page in English/Denna sida på Svenska visas högst upp på sidan. Skapa först sidan du vill länka till. Länka därefter till sidan i detta fält genom att söka på dess titel. Back link - Funktionen ska användas som en smulväg, dvs visa för besökaren vart man kom ifrån. Om en sida är länkad från t.ex. en landningssida eller från en vanlig sida (t.ex i en tabell), ska du alltid göra en backlink. 12

Published on Här markerar du den sajt inom ki.se som du ska publicera sidan på. Du kan bara välja bland de sajter där du är redaktör. Body Brödtext. Se menyförklaring längre fram. Edit description Detta fält används framförallt av sökmotorer och blir den lilla text som finns under en länk i en söklista (sk snippet ). Om du inte har valt att lägga in en beskrivning här så kommer sökmotorer att använda de 150 första tecknen i brödtexten som snipp. På en landningssida kommer ingen text upp i sökmotorn, så här bör du skriva i fältet description! Landningssida utan description Page med description Documents här kan du länka till redan uppladdade dokument/filer. För att ladda upp ett dokument/fil, se avsnittet: Ladda upp ett dokument/en fil Länkar här skapar du länkar du vill ha på sidan. De hamnar under brödtexten på sidan Klicka Get link först! Det räcker med att du börjar skriva så får du förslag på sidor med innehåll och var de är 13

publicerade. När vi så småningom har mycket innehåll kommer du alltså lättare att kunna se vilken sida som är den du letar efter. Ett nod-id syns då i rutan Target path. Klicka Insert link. Vill du ha en extern länk skriver du istället under Target path din url-adress. Klicka sedan Insert link. REGIONS (BOTTOM) PROMOS Alla promos på en sida läggs i detta område. Promo - här skriver du in namnet på den promo du tidigare skapat. Välj sedan under Display mode den typ av promo du önskar. Kom ihåg att du väljer rätt promo för ändamålet. Väljer du en 1/1 promo du skapat tidigare men önskar 3 st i bredd så fungerar inte det med bildstorlekarna. För mer information om hur du skapar och publicerar promos se avsnittet: Promos 14

Menyförklaring i Body, wysiwyg WYSIWYG = What you see is what you get Anpassad stil Under Anpassad stil hittar du all rubrikformatering. Lead ingress. Börja alltid texten med en ingress där du beskriver det viktigaste. Text body (P) Brödtext Linked heading (h2) Rubrikstorlek 2. Visas som en högermeny på sidan (fungerar ungefär som ankarlänkar i html). Heading (h2) Rubrikstorlek 2 (titeln på en sida har rubrikstorlek 1) Heading (h3) Rubriknivå 3 Använd inte avsnittet för faktaruta menyn. För att lägga in en Faktaruta, välj knappen skapa DIV container. 15

Citat Citat kan användas i en text för att lyfta fram något intressant i en intervju eller liknande. Markera texten och använd knappen citat. Här kommer det skapas ett citattecken kring din text och även formatteras som citat. Tabell Tabeller kan användas på fler olika sätt. Med eller utan rubriker etc. Du kan även skapa länkar i tabeller. Du kan inte själv justera bredden på tabellen då systemet fungerar med 100 % responsivitet vilket betyder att sajten anpassar sig storleksmässigt efter vad du surfar på ex. mobil, platta etc. Skapa en tabell. Du väljer de tabellegenskaper du önskar samt ev rubrik och sammanfattning. Sammanfattningen syns inte utåt men läses upp av talsyntes. För att skapa en rubrikrad; högerklicka på tabellen, välj properties. Under Header välj First Row så kommer första raden att bli en rubrikrad med svart botten och vit text. Du kan genom att högerklicka på tabellen sedan korrigera tabellen, lägga till rader, kolumner etc. När du ska göra en tabell kan det kännas konstigt när du inte ser var du står med markören. Tabba dig fram istället. Det är också så att texten hoppar och far vilket gör att många redaktörer känner sig osäkra. Det beror på att Drupal känner av hur mycket text du har skrivit in och därför anpassar bredden på kolumnen medan du skriver. Tips! Är det svårt att se kolumner och rader: klicka ur rutan Visa block så syns tabellen bättre. 16

Faktaruta En faktaruta kan läggas till i brödtexten för att lyfta fram något viktigt eller just lista fakta om ett projekt eller liknande. Faktarutan kan ha flera olika bakgrundsfärger och sträcker sig över hela sidbredden. Välj bakgrundsfärg på faktarutan. För att redigera, byta färg, på en faktaruta högerklickar du på den. Önskar du ett nytt stycke efter en faktaruta får du klicka på röda pilen som dyker upp är du drar musen över faktarutan. Specialtecken Nedsänkt Genom att klicka på symbolen för specialtecken kan du infoga dessa tecken i din text. Tips! Om du inte hittar det tecken du söker kan man tex. skriva in det i Word och sen kopiera och klistra in i texten. Nedsänkt tecken används när man önskar sänka ned en siffra eller ett tecken i ordet, ex H 2 O. Upphöjd Upphöjt tecken används när man önskar höja upp en siffra eller ett tecken i ordet, ex a 2 + b 2 = c 2. 17

Länkar Skapa länkar både internt och externt samt e- postlänkar. Du kan även länka till ett uppladdat dokument/fil i brödtexten med den här funktionen. Intern länk inom ki.se En intern länk används alltid när du länkar inom ki.se. På så sätt blir länken alltid rätt och du behöver inte hålla reda på om url:en ändras etc. Markera den text du vill länka i bodyn och klicka på kedjan i menyn. Skriv titeln till det du söker. Det ska räcka med att du börjar skriva så får du förslag på sidor med innehåll och var de är publicerade. En lista syns med de val du har. De visas i grupper om sidor, dokument, nyheter etc. I det blå fältet visas all information om sidan. Klicka på det blåa fältet när du hittat rätt. Ett nod-id syns då i rutan Target path. Klicka Insert link. 18

E-postlänk E-postlänkar Markera texten som ska länkas. Klicka på symbolen för länk. Under Target path skriver du mailto:mailadressen@ki.se (valfri adress) OBS! Du måste börja med texten mailto: Extern länk Externa länkar: Skriv in den externa länken under Target path och klicka Insert link 19

Bild Klicka på ikonen för media/bild i verktygsfältet. Här kan du antingen ladda upp nya bilder eller söka upp bilder som redan finns i systemet. Leta efter befintliga bilder gör du genom att klicka på View Library (alla filer på hela webbplatsen) eller My Library (mina uppladdade bilder). Du kan välja att bara visa bilder och även skriva in sökord. Välj en bild genom att klicka på den och sedan klicka på Submit-knappen. Vill du ladda upp en egen bild, klicka på ikonen för bild/media i verktygsfältet och välj istället upload a new file. Du kan nu bläddra fram bilden från din dator och klicka Upload samt Submit. Du får nu upp ett antal fält att fylla i. Alt - text som t.ex. läses upp av talsyntes. Kort beskrivning av bilden. Title text - Bildtext, syns under bilden. Här kan du ange fotograf/bildbyrå så det syns för besökaren + bildtext förstås. Photographer - Ange fotograf här, syns ej utåt. Description - beskrivning av vad bilden föreställer, för sökning. Om bilden bara får användas av t ex en institution, eller om bilden bara får användas i begränsad omfattning ska detta anges här. Copyright (ange om aktuellt) Tags - ange förvalda taggar. För mer information om bilder se avsnittet Bilder och format. OBS! 1. Det går inte att ladda upp bild i maximerat läge på bodyn. Menyvalen för att komma vidare hamnar "under listen" där du inte når dem. Om vill undvika att förlora ändringar på sidan, klicka på fliken "My files" - då får du åtkomst till länken "Cancel". Då kommer du tillbaka till föregående steg. 4. Storleken är beroende på vilken promo du 2. Om du använder en bild som du själv inte laddat upp kolla att det är ok att använda den genom att läsa användningsområde/ copyright i bildens Description. 3. Undvik om möjligt att använda bildtypen.gif då dessa gör sig dåligt på sajten. Detta filformat lämpar sig egentligen för små ikoner eller för bilder som har väldigt få färger. 20

ska använda. Den minsta rekommenderade storlek för att det ska se bra ut med alla promo storlekar bör bilden vara minst 403x269 pixlar. Placera bild till vänster/höger För att bildsättningen ska fungera optimalt för alla skärmar behöver du ändra placering på detta sätt: Infoga bilden på sidan. Markera sedan bilden och välj höger- eller vänsterställd bild i dropmenyn. OBS! Notera att du inte ska göra detta i Image properties. Redigera bildens storlek Högerklicka på bilden och välj Image properties för att ändra storlek. Ange storlek genom att ändra Width/Height. Hänglåset bredvid måtten ska vara stängt så att proportionerna behålls. Alignment görs under anpassad stil i menyn, se ovan. Observera att bilden i sig behåller sin originalstorlek, du ändrar bara hur den visas på sidan. Ändra bildtext Om du vill ändra bildtexten på själva sidan (t.ex svenska/engelska), gör så här: Klicka på Advanced och byt ut texten i rutan Titel 21

Ändra bildtext När du ska ändra bildtexten under en bild högerklickar du på bilden och väljer sedan fliken Advanced. Ändra Titeln Bädda in media Som redaktör ska du i första hand använda funktionen oembed för att bädda in media på din page, landing page osv. se avsnittet Bädda in media med oembed. Men för visst innehåll, exempelvis Google Maps, fungerar inte oembed. I de fallen kan du använda knappen Embed Media som återfinns i WYSIWYGEN. Klicka på knappen och klistra in din inbäddningskod i den dialogruta som visas. Klicka sedan ok. Här kan du ex bädda in en karta på sidan i brödtexten. Radera formatering När man klistrar in text från t.ex. en webbsida så kanske man inte får bort all formatering. Markera då texten det gäller och klicka på symbolen för Radera formatering, så rensas koden. Visa block / Ta bort "paragraph" Om du inte vill se radbrytningar i form av block, klicka ur rutan Show blocks. Ett block bildas när du gör radframmatning. Det måste man göra om man önskar en rubrik av något slag precis som när man använder format i ex Word. 22

Maximera Om du vill se mer text i wysiwyg-rutan/bodyn, klicka på Maximize. Då expanderar bodyn så den täcker hela skärmen, så du ser mer innehåll. Klicka på symbolen igen för att gå till normalt läge och spara sidan. Observera att om du vill infoga bilder behöver du gå till normalt läge först. Kontaktkort KI:s personalkatalog (även kallad KIMKAT) är kopplad till webbplatsen, så att vi kan visa kontaktuppgifter från den på olika sätt. Vilket kontaktkort du väljer att använda beror på vilken information som ska presenteras. 1. Standardkontaktkort tillgänglig för alla redaktörer a. Genereras och uppdateras dynamiskt genom en koppling till personalkatalogen. Detta kontaktkort skapar du inte själv som redaktör det finns redan i systemet. När du ska infoga ett kontaktkort till en person som har ett KI-ID, använd i första hand detta alternativ. 2. Eget kontaktkort (Contact card) knutet till den egna sajten a. KIMKAT card: Detta kontaktkort skapar du själv. Även detta kort har koppling till personalkatalogen. Skillnaden mot standardkontaktkortet är att du som redaktör kan göra vissa justeringar av vilka data som visas, ex visa mobiltelefonnummer. b. Custom card: Kontaktkort som är helt frikopplad från personalkatalogen och som du kan använda för exempelvis funktionsadresser eller för personer som saknar KI-ID. Standardkontaktkort Alla anställda och anknutna vid Karolinska Institutet har ett KI-ID som är unikt för varje person. Detta KI-ID används i standardkontaktkorten, vilka är tillgängliga över hela webbplatsen. Korten är kopplade till vår personalkatalog (KIMKAT) och uppdateras dynamiskt då ändringar sker. Denna information visas i standardkontaktkortet. OBS! Eventuell bild till standardkontaktkortet hämtas från profilsidan. Mer information om hur du laddar upp en bild till profilsidan hittar du under avsnittet Redigera profilsida. Använda standardkontaktkortet När du ska infoga ett kontaktkort till en person som har ett KI-ID, använd i första hand standardkontaktkortet. Ruta längst ner i bodyn. För att lägga in ett kontaktkort i brödtexten, använd koden för att infoga ett kontaktkort som finns längst ner i bodyrutan. 23

För att infoga ett standardkontaktkort som är kopplat till vår personalkatalog (KIMKAT), infoga syntaxen [contact-card:kiid], ex [contact-card:chrbos] för Christina Bostedt. För att ta reda på en medarbetares KI-ID, se avsnittet KI-ID Egna kontaktkort (Contact card) Ibland har du som redaktör behov av att skapa egna kontaktkort, exempelvis om personens mobiltelefonnummer ska visas (använd KIMKAT card) eller om personen eller funktionen saknar KI-ID (använd Custom card). Notera att de kontaktkort du skapar själv enbart går att använda på den sajt som kontaktkortet skapas på. Gå till menyn Add content och välj Contact card Language går ej att ändra här. Title namnet på kontaktkortet. Titeln visas enbart i administratörsgränssnittet. Använd en så beskrivande titel som möjligt, t.ex. XX i rollen som föreståndare. Type of card välj typ av kontaktkort. Obligatoriskt. Behöver addera extra information till kontaktkortet KIMKAT card Används i de fall du vill lägga till ytterligare information från personalkatalogen (KIMKAT) i ett kontaktkort. Person Sök fram den person som kontaktkortet gäller. Display cell phone Kryssa i detta fält om du vill visa personens mobiltelefonnummer. Detta förutsätter att telefonnumret finns inlagt i KIMKAT. Display organisational unit Kryssa i detta fält om du vill att personens enhet ska visas i kontaktkortet. Display institution Kryssa i detta fält om du vill att personens 24

institution ska visas i kontaktkortet. OBS! Notera att bilden till även denna typ av kontaktkort hämtas från profilsidan. Kontaktkort för en funktion Custom card Används i de fall du behöver skapa ett kontaktkort för en funktion, ex Registrator, eller om personen i fråga saknar ett KI-ID. Fyll i de fält som ska visas i kontaktkortet. Ibland kan du som redaktör även vilja fylla i lite fylligare text för en funktion eller en tjänst, ex öppettider. Fyll i förekommande fall i denna information i fältet body så visas det under övriga fält i kontaktkortet. Fyll i de fält du vill ha med i ditt kontaktkort. Exempel: Använda egna kontaktkort När du skapat ett eget kontaktkort enligt avsnittet ovan infogar du det på sidan på följande sätt. Ruta längst ner i bodyn. För att infoga ett kontaktkort som du eller någon annan redaktör har skapat själv klicka på länken Contact card generator widget som du hittar under bodyrutan. Skriv sen in namnet på kontaktkortet (t.ex. Registrator) och klicka Get code. Kopiera koden som du erhåller och infoga denna i bodyn, ex [contact-card:1271]. 25

Lista medarbetare i en organisatorisk enhet Du som redaktör kan skapa dynamiska listor på personer som tillhör en organisatorisk enhet (ou). Detta kan vara praktiskt när du exempelvis vill lista alla medarbetare på en enhet eller i en forskargrupp. Listan genereras via KIMKAT och uppdateras automatiskt när informationen i databasen uppdateras. Ruta längst ner i bodyn. OBS! Den organisatoriska enheten måste finnas i KIMKAT för att listan ska kunna genereras. För att lista medarbetare i en organisatorisk enhet (t.ex. en avdelning) lägger du in den kodbit som finns i rutan ovanför. Se även avsnittet Organisatorisk enhet nedan. Exempel: [ou:338946] Organisatorisk enhet hitta id-nummer Alla organisatoriska enheter som är definierade i vår personalkatalog (KIMKAT) har ett eget id-nummer. En organisatorisk enhets id-nummer hittar du för närvarande enklast i den gamla personalkatalogen. Du hittar länken i verktygslisten på internwebbens startsida. När du har lokaliserat din organisatoriska enhet, notera id-numret i slutet av URL:en, se bilden nedan. 26

Dokument Ladda upp ett dokument/en fil Gå till My workbench. Klicka på fliken Create content. Gå till Create media och klicka Upload Media Här kan du nu ladda up den fil du önskar. Klicka Submit när du är klar. Fyll i taggar och beskrivning av dokumentet och spara. I nästa steg ska du byta namn på dokumentet. Namnbytet är viktigt av tre skäl: 1. Namnet utgör den länk som visas i sökresultatet på en sökning i Google eller i KI:s egna söktjänst. 2. Namnet blir länkens namn om du använder funktionen Documents längst ner på en page eller en news article. 3. Ett bra namn gör det lättare att hitta dokumentet i systemet när du behöver länka in det till en sida. 27

Ersätta och ta bort dokument Ersätta dokument När du laddat upp ett dokument och exempelvis vill ersätta det med en senare version, så ska du ersätta dokumentbehållaren med en ny fil filen byts ut men länken (URL:en) till dokumentet bibehålls. Gå till my workbench- Välj fliken File List. Här kan du söka fram ditt dokument och klicka edit. Ladda upp den aktuella filen här och spara. Den gamla filen raderas automatiskt från systemet. Ta bort gamla dokument För att ta bort inaktuella filer, gör som ovan men välj alternativet Delete. Filen tas bort och är inte längre sökbar. Som redaktör kan du inte radera filer eller dokumentbehållare som du inte själv laddat upp. 28

Landningssida (Landing page) Sidtypen landningssida används som startsida för t ex institutionens webbplats. Den kan även användas på andra platser där mycket information ska visas, t.ex. som introduktion till ett ämnesområde eller för stora organisatoriska enheter inom en institution. När behövs sidan? Landningssidans funktion är att ge överblick och slussa besökaren vidare. Har man inte ett omfattande innehåll kan man även testa att istället placera länkar till innehållet i sajtens megameny och på så sätt ge överblick, alternativt skapa en sida av innehållet. Funktioner på sidan: Promo slide eller stor bild, navigation till sidor (länkar i form av knappar), olika promos, nyhetslista, kalenderlista, film, lista på lediga jobb. Tips: Gör en skiss av vad sidan ska innehålla innan du börjar, så att upplägget blir genomtänkt. Tips 2: När du lägger till promos, var noga med att placeringen alltid stämmer med antalet promos på raden, se avsnittet Visa och publicera promo. Om det t.ex. inte finns en promo på en rad där det är angivet att det ska vara 2 st, kan du få problem att öppna sidan för redigering igen (bugg). 29

30

Forts. 31

Språk Väljer du inte här. Rubriken på sidan Bild Ska vara minst 960 x 250 px på en landningssida. Bild är inte obligatorisk. Link To Länkar som läggs till här blir en meny av knappar. De ska gå till innehåll som hör till landningssidan. Börja med att klicka Get link! Skriv in första bokstäverna under Search content. En lista med träffar dyker upp. Välj den du söker. Ett nod ID dyker upp i Target path och du klickar Insert link Body Texten blir en ingress och bör vara kort. 32

Regions Promos Se förklaring under Promos Promo - puff En promo (puff, annons) används för att framhäva något innehåll på webbplatsen, t.ex. evenemang, nyheter och andra sidor. Promos kan varieras på många sätt. De kan även läggas i olika block/avsnitt efter varandra för att skilja t.ex. på typ av innehåll. En promo länkar alltid vidare till något. De kan placeras mitt på sidan, 1, 2, 3 alt 4 puffar i rad. Den kan visas med eller utan bild. Om man inte har någon bild visas en avdelare/streck ovanför promon. Du kan själv välja vilken färg strecket ska ha. Det finns fem olika typer av promos: Promo Promo banner Promo video Promo list Promo slide (hanteringen av promo slide skiljer sig från övriga promos och kan endast placeras i topp på page/landing page) Promo exempel Observera att texten och bilden placeras olika beroende på vilken typ av promo man väljer att visa på sidan. Exempel på promo 1/1 large image, en promo som går över hela sidan 33

Exempol på promo 1/2 Exempel på promo 1/3 Exempel på promo 1/4 Exempel på promo 1/2, två promo utan bild men med Border on top. 34

Skapa promo Gå till menyn Add content och välj Promo Language Går ej att ändra här. Title - namnet på promon. Titeln är rubriken som visas i promon. Image - välj bild. Bildstorleken beror på vilken typ av promo du väljer. Se Bilder och format. Ej obligatoriskt. Background color för 1/1 och 1/2 promo kan du välja att visa en bakgrundsfärg. Här väljer du denna färg. Ej obligatoriskt. Border on top om du väljer att inte ha någon bild kommer en linje att visas (gäller promo 1/2, 1/3 samt 1/4). Här väljer du färg på den. Link länk dit man kommer om man klickar på promon. Skriv in början på den sida du vill länka till alt. Länka till extern sida. Body text i promo. Här kopplar du promon till den sajt den ska visas på. Du ser bara den/de sajter du har rättigheter till. 35

Promo banner exempel Observera att promo banner ser olika ut beroende på om du väljer att koppla en bild till puffen eller inte. Exempel på promo banner 1/3 utan bild, tre promo banner som går över hela sidan. Exempel på promo banner 1/3 med bild, tre promo banner som går över hela sidan. Skapa Promo banner Language Går ej att ändra här. Title - namnet på promon. Visas enbart i administratörsgränssnittet. Image - välj bild. Bildstorleken för promo banner är minst 294 x 197 px. Ej obligatoriskt. Background color välj en bakgrundsfärg. Visas om ingen bild kopplas till promon. Link Börja med att klicka på Get link. Skriv sen in början på den sida du vill länka till alt. länka till extern sida. 36

Promo video exempel Exempel på promo video som visas över hela sidan. Skapa Promo video Language Går ej att ändra här. Title - namnet på promon. Titeln är rubriken som visas i promon. Background color välj en bakgrundsfärg om du så önskar. VIDEO Video URL skriv in filmens URL. (tex YouTube) Body text till promon. Tänk på att inte ha för lång text! 37

Exempel på Promo list lediga jobb Observera att Promo list används för flera funktioner: lista lediga jobb, lista kalenderhändelser och lista nyheter. Exempel på promo list som visar en förfiltrerad lista över lediga jobb över hela sidan. Skapa promo list visa lediga jobb Gå till menyn Add content och välj Promo list Language Går ej att ändra här. Title namnet på promon. Titeln är rubriken som visas i promon, ex Lediga jobb. Promo list välj typ av lista. För att lista lediga anställningar, välj antingen: o Job opportunities all fields visar samtliga lediga jobb på KI) o Job opportunities filtered ger dig som redaktör möjlighet att göra en förfiltrering, ex. på din institution) Filtreringen hämtas från KI:s platsannonssystem. 38

Item välj antalet som ska synas. More link More link används om du under listan vill ha en länk som t ex går till sidan Jobba på KI. Börja med att klicka på Get link. Skriv sen in början på den sida du vill länka till. Exempel på Promo list kalenderhändelser Observera att Promo list används för flera funktioner: lista lediga jobb, lista kalenderhändelser och lista nyheter. Exempel på promo list som visar en lista över sajtens kalenderhändelser över hela sidan. Skapa promo list visa kalenderhändelser Gå till menyn Add content och välj Promo list Language Går ej att ändra här. Title namnet på promon. Titeln är rubriken som visas i promon, ex Kalender. Promo list välj typ av lista. För att lista kalenderhändelser, välj antingen: o Calendar list visar den egna sajtens samtliga kalenderhändelser 39

o o Calender events filtered ger dig som redaktör möjlighet att göra en förfiltrering på ki.se:s samtliga kalenderhändelser, ex. på taggen Regenerativ medicin Calender events filtered OG ger dig som redaktör möjlighet att göra en förfiltrering på den egna sajtens samtliga kalenderhändelser, ex. på event type dissertations Item välj antalet som ska synas. More link More link används om du under listan vill ha en länk som t ex går till sajtens kalenderarkiv. Börja med att klicka på Get link. Skriv sen in början på den sida du vill länka till. Exempel på Promo list nyheter Observera att Promo list används för flera funktioner: lista lediga jobb, lista kalenderhändelser och lista nyheter. Exempel på promo list som visar en en lista över sajtens nyheter över hela sidan. 40

Skapa promo list visa nyheter Gå till menyn Add content och välj Promo list Language Går ej att ändra här. Title namnet på promon. Titeln är rubriken som visas i promon, ex Nyheter. Promo list välj typ av lista. För att lista nyheter, välj antingen: o Latest news (visar den egna sajtens samtliga nyheter) o News filtered list (ger dig som redaktör möjlighet att göra en förfiltrering på ki.se:s samtliga nyheter, ex. på taggen Regenerativ medicin ) o News filtered list OG (ger dig som redaktör möjlighet att göra en förfiltrering på den egna sajtens samtliga nyheter, ex. på news category Research ) Item välj antalet som ska synas. More link More link används om du under listan vill ha en länk som t ex går till sajtens nyhetsarkiv. Börja med att klicka på Get link. Skriv sen in början på den sida du vill länka till. Visa och publicera promo När du skapat din/dina promos kan du publicera dem på lite olika sätt. Du kan lägga; en promo över en hel sida 2-4 promos över en sida Val av visning: Här har man valt 3 promos som ska visas på samma rad och då väljer man 1/3 i rullisten till höger om varje promo. Video (Promo video) -visar en promo video. 41

1/1 Promo list -visar lista på nyheter, kalenderhändelser eller jobb. 1/1 Small image -visar en promo per rad. 1/1 Large image -visar 1 promo per rad. 1/2 Promo -visar 2 promos per rad. 1/3 Promo -visar 3 promos per rad. 1/4 Promo -visar 4 promos per rad. Regioner (block) av promos med olika utseende Man kan endera lägga till en promo till en befintlig rad, t.ex. ändra från 2 till 3 promos på en rad eller lägga till en helt nytt promoavsnitt genom att klicka på Add another item som ligger lite mer till vänster. När man gör ett nytt avsnitt kan man få ex en annan färg på bakgrunden. Se bild. 42

Exempel på Promoavsnitt 43

Promo slide exempel Exempel på promo slide som visas överst på en landing page. Notera att funktionen inte är tänkt att användas som ett bildspel utan ska användas för att leda besökaren vidare till annat innehåll. Skapa Promo slide Gå till menyn Add content och välj Promo slide Language Går ej att ändra här. Title - namnet på promon. Titeln visas enbart i administratörsgränssnittet. Image - välj bild. Bildstorleken bör vara minst 685 x 350 px. Obligatoriskt. Image alignment placering av bilden. Välj vänster eller höger. Image caption bildtext. Skriv en kort textrad som fångar puffens budskap. Background color välj en bakgrundsfärg. Obligatoriskt. Link länk dit man kommer om man klickar på promon. Obligatoriskt. Body text i promo. Max 300 tecken, inklusive blanksteg. Här kopplar du promon till den site den ska visas på. Du ser bara den/de siter du har rättigheter till. 44

Kalenderhändelse (Calendar event) Alla kalenderhändelser som du skapar kommer automatiskt att visas i kalenderarkivet för din sajt samt i den övergripande KI-kalendern på sajten Nyheter. Du kan även lista kalenderhändelser i en promo list, se avsnittet skapa promo list visa kalenderhändelser. Vill du lägga in en händelse i kalendern börjar du med att skapa ett calendar event. Gå till menyn och välj Add content/calendar event Headline rubrik Image bild Geografic location välj i listan vilket KIområde eventet kommer att hållas på. Event type välj från listan vilken typ av event ex disputation. Location ange var eventet kommer att hållas, ex Farmakologens bibliotek, Nanna Svartz väg 2. Contact person välj från listan vem som ska stå som kontaktperson för eventet. Organisational unit välj i listan vilken enhet/ sektion/ avdelning/ centrumbildning etc. som står som värd för eventet. Saknar du din organisatoriska enhet i denna lista kontakta webbteamet@ki.se. Tips! Läs gärna avsnittet Tänk på detta när du skriver en kalenderhändelse som finns på Internwebben. 45

Date datum och tid. Fyll i datum och tid. Notera att om du låter rutan Show end date vara ibockad behöver du även fylla i en sluttid detta för att kalenderhändelsen ska visas på ett korrekt sätt. Tags nyckelord. Välj i listan Publish on välj site. Här kopplar du kalenderhändelsen till den site den ska visas på. OBS! För kalenderhändelser är fältet Publish on inte förinställt. Glöm inte att fylla i detta! Profile reference Fyller du i namnet på en person här så visas den aktuella kalenderhändelsen i en kalenderlista på personens profilsida. OBS! Bortse från alla fält som återfinns under rubriken Additional information. Används inte ännu! E-plikt - sidor som markeras som E-plikt hamnar i ett rss-flöde. Läs mer: http://www.kb.se/plikt/eplikt 46

Nyhet (News article) Att göra enskilda nyheter fungerar i princip på samma sätt som att göra en vanlig sida (page). För att lista nyheter, använd funktionen promo list, se avsnittet skapa promo list visa nyheter. Gå till menyn och välj Add content/news article Här fyller du i de fält du behöver för din nyhet. Headline rubrik Image bild Tags nyckelord. Välj i listan Publish on välj site. Här kopplar du nyheten till den site den ska visas på. OBS! För kalenderhändelser är fältet Publish on inte förinställt. Glöm inte att fylla i detta! OBS! Bortse från alla fält som återfinns under rubriken Additional information. News type News är den förvalda inställningen. Ändra inte denna inställning om du inte jobbar på presstjänsten vid kommunikationsavdelningen. News category Välj i listan, ex forskning (valfritt). Profile reference Fyller du i namnet på en person här så visas den aktuella nyheten i en nyhetslista på personens profilsida. Tips! Läs gärna artikeln Så skriver du en nyhet som finns på Internwebben. Tips! Du kan tidsstyra publiceringen för din nyhet. Läs mer under avsnittet Tidsstyra sida. 47

Publikationer För att lägga in en länk till en publikation i PubMed lägger du in den kodbit som finns i rutan till höger. Ruta längst ner i bodyn. Exempel: [pubmed:22874238] Bädda in media med oembed ex YouTube För att lägga in en länk till en film från Youtube söker du först fram den och väljer sen Share. Kopiera sedan länken som visas och lägg in mellan klamrarna. Ruta längst ner i bodyn I detta exempel: [embed]http://youtu.be/myusk06hjhg[/embed] Program och kurser För att hänvisa till listor av kurser/program, lägg in koden som är beskriven i rutan till höger. Program=selma:programmes?academicYear=xxx Kurser=selma:courses?academicYear=xxx 48

Profilsida (Profile page) Alla anställda och anknutna har en profilsida. Här visas kontaktinformation, egen ifylld information samt ev. publikationer. Läs mer om tankarna bakom profilsidan på projektets blogg. Du hittar även mer information om profilsidan på internwebben. 49

Redigera profilsida Profilsidor ligger separerat från andra sajter under adressen https://ki.se/people/kiid. För att se och redigera en sida, logga in i systemet ki.se/login. Skriv sendan in i adressfältet enligt ovan och byt ut mot personens KI- ID. (Läs mer om hur du tar reda på en persons KI-ID under avsnittet KI-ID.) Klicka på kugghjulet och välj edit. Profilsidan består av tre olika fält som du som profilredaktör kan redigera:. 1. Language neutral information. 2. English profile information. 3. Swedish profile information. Language neutral information Information som visas både på den svenska och den engelska versionen av profilsidan. Profile image profilbilden. Bilden ska vara minst 150 x 200 px, gärna större. OBS! Bilden som laddas upp här visas även i standardkontaktkortet samt i KIMKAT-kortet. Map karta. Fyll i denna information för att visa en karta på profilsidan. Social links länkar till relevanta och arbetsrelaterade digitala kanaler, t.ex. LinkedIn- och Twitterkonto. 50

English profile information Information som visas enbart på den engelska versionen av profilsidan. Består av två olika typer av fält: Profile information olika textfält med fördefinierade rubriker. Additional profile information fält för att bädda in relevanta videoklipp respektive presentationer, t.ex. från YouTube respektive Slideshare. Swedish profile information Information som visas enbart på den svenska versionen av profilsidan. Består av två olika typer av fält: Profile information olika textfält med fördefinierade rubriker. Additional profile information fält för att bädda in relevanta videoklipp respektive presentationer, t.ex. från YouTube respektive Slideshare. 51

Bilder och format Systemet skalar själv dina bilder till passande storlek. Men det är inte alltid det blir snyggt. Har du en för liten bild fungerar det inte alls. Har du en mycket stor bild zoomar systemet in mitten på bilden. Här kommer några hållpunkter för bildformat: Body Landing page Promos Promo banner Promo slide Profile page ca 750 pixlar för fullbreddsbilder. Ibland vill man ju ha en bild som inte är fullbredd och lägga text runt bilden så där kan du lägga det format du önskar. Det går också att justera genom att högerklicka på bilden. Bilder ska vara minst 960 x 250 px. Storleken är beroende på vilken promo du ska använda. Den minsta rekommenderade storleken för att det ska se bra ut med alla promo storlekar är 403x269 pixlar. Ska promon inte användas som en 1/1 large image-promo räcker det med 294x197 pixlar. Bilden ska vara minst 294 x 197 px. Bilden ska vara minst 685 x 350 px. Profilbilden ska vara minst 150 x 200 px. Redigera en sida Det lättastet sättet att redigera är att först logga in i systemet, sedan surfa till den aktuella sidan. Därefter klickar man på kugghjulet och väljer funktion. Det andra sättet är att gå upp i menyn My workbench. Sen väljer man My edits eller All Recent Content. Här kan du nu söka i de olika fälten efter innehåll. 52

KI-ID Alla anställda och anknutna vid KI har ett unikt KI-ID. Detta ID används till flera funktioner på nya ki.se, t.ex. profilsidor och kontaktkort. En persons KI-ID hittar du enklast genom att gå till ki.se och i sökrutan skriva in personens namn. I resultatet under namnet står sökvägen till personens profilsida och i sökvägen hittar du KI-ID för personen. Språkhantering I systemet är den engelska och svenska sajten helt skilda från varandra. Det betyder att alla sidor och andra komponenter inte finns på båda språken. Skapa en engelsk komponent: Klicka på My workbench och välj sen Engelska uppe i menyn till höger. När du sen väljer Add content/page, promo, landing page eller något annat så skapas den i språket engelska. Här kan du inte byta språk! För att spegla en sida dvs. göra så en sida finns på båda språken, se avsnittet Skapa en sida. 53

Tidsstyra sida Publish on Date datum för avpublicering Time - klockslag för publicering Unpublish on Date datum för avpublicering Time klockslag för avpublicering Versionsinformation Här kan man skriva in en förklaring på de ändringar man lagt in på sidan. Klona innehåll Ibland vill man kunna göra en kopia av en komponent eller sida. Använd då funktionen Clone. Öppna sidan du vill klona i redigeringsläge. Högst upp i menyn finns en knapp, Clone. Klicka på den och en kopia skapas av sidan. Byt titel och det innehåll som ska ändras och spara. 54

Tips Film Filmer som du vill publicera fungerar utmärkt om du lägger upp på YouTube, Vimeo eller liknande. KI har en kanal på YouTube där det går bra att få filmer uppladdade. Läs mer på Internwebben Om Youtube eller hör av dig till socialmedia@ki.se för mer information. Ljud När du vill lägga upp ljudfiler kan du använda dig av SoundCloud och sen bädda in därifrån. https://soundcloud.com/ Presentationer Det går bra att bädda in presentationer från t ex Slideshare. http://www.slideshare.net/ Nya och ändrade instruktioner Vi lägger upp aktuella tips och ändringar på internwebben. Frågor, svar och tips: http://internwebben.ki.se/sv/fragor-svar-och-tips-dig-som-utbildar-dig-och-migrerartill-nya-kise-drupal Senaste uppdateringarna: http://internwebben.ki.se/sv/uppdateringar-i-drupal-externwebben 55

Bilaga: Information för dig som arbetar som lokal huvudredaktör Du som är är lokal huvudredaktör har ett övergripande ansvar för den egna sajten, samt står för support och samordning av redaktörer. Du som arbetar som lokal huvudredaktör eller i topp- och megamenyer är ansvarig för sajtens startsida och kan skapa navigation. Du kan även ta bort innehåll som andra skapat inom sajten. Den lokala huvudredaktörens arbetsuppgifter: Ansvara för en sajt och dess innehåll och navigation Stå för support och samordning av redaktörer Hantera behörigheter för en sajt Du som lokal huvudredaktör är den som fördelar och beställer behörigheter för redaktörer inom din/a sajt/er. Själva administrationen av behörigheterna och kontona sköts dock av IT-avdelningen. Kontakta webbteamet@ki.se vid frågor. 56

Toppmeny (OG Menus) Navigering inom den egna sajten sker framförallt via toppmenyn som finns högst upp på alla sidor. Du har två övergripande möjligheter att lyfta fram innehållet på sajten via toppmenyn: Länk till sida (page eller landing page) Länk till sida/landningssida OCH megameny Redigera toppmeny För att redigera toppmenyn för din sajt, gå till My workbench/my content/my menues: Välj list links för den menyn som du vill redigera OBS! Notera att varje sajt har en svensk och en engelsk meny och att du behöver redigera dessa menyer separat. 57

Länk till sida: Används när du som redaktör har ett begränsat antal sidor inom ämnesområdet så att det inte är meningsfullt att skapa en megameny, ex toppmenylänken till landningssidan Forskarutbildning. Klicka på knappen add item Fyll i de två fälten: o Menu link title länkens namn. Visas både utåt för besökaren och i administratörsgränssnittet. o Path välj den page eller landing page som du vill koppla till länken. Klicka på save Länk till sida OCH megameny: För vare ingång i toppmenyn finns möjlighet att skapa en så kallad megameny, som användaren aktiverar genom att föra muspekaren över det önskade toppmenyvalet. OBS! Notera att megamenyn är anpassad för att kunna rymma ett stort antal länkar! Skapa en länk till sida OCH megameny Innan du börja bygga din megameny i Drupal, gör gärna en skiss för hur du vill att din megameny ska se ut eller använd de skisser du har fått av projektgruppen. Klicka på knappen add item Fyll i de två fälten: o Menu link title megamenyns namn. Visas både utåt för besökaren och i administratörsgränssnittet och är också länktexten för toppmenylänken. o Path välj den page eller landing page som du vill koppla till ingången i toppmenyn. Klicka på save 58

Lägga till en länk i en megameny Klicka på knappen add item Fyll i de tre fälten: o Menu link title länknamnet. Visas både utåt för besökaren och i administratörsgränssnittet. o Path välj den page eller landing page som du vill koppla till länken. o Parent link definierar var länken placeras i megamenyn i detta exempel, välj -- Vill studera Klicka på save Lägga till en underlänk i en megameny Klicka på knappen add item Fyll i de tre fälten: o Menu link title länknamnet. Visas både utåt för besökaren och i administratörsgränssnittet. o Path välj den page eller landing page som du vill koppla till länken. o Parent link definierar var länken placeras i megamenyn i detta exempel, välj --- KI:s program och kurser Klicka på save Exempel på länkar och underlänkar i en megameny. OBS! En underlänk går till innehåll som hör till samma ämne som länken ovanför. Jämför med förhållandet Rubrik underrubrik. Exempel på hur länkarnas placering i menyn avgör länkarnas funktion och utseende. 59

OBS! En nyhet i systemet är att länkens placering i menyn avgör om det är en toppmenylänk, en vanlig länk eller en underlänk. Länk längst till vänster toppmenylänk Länk indragen en nivå vanlig tjock länk Länk indragen två nivåer underlänk Länkens placering styr också länkens utseende och hur menyn beter sig i mobiltelefoner och surfplattor. Skapa en kolumn i en megameny En megameny består av max fyra kolumner. För att ditt innehåll ska presenteras i en specifik kolumn så behöver du definiera dessa kolumner. Exempel på en kolumn i en megameny. Klicka på knappen add item Fyll i de tre fälten: o Menu link title skriv Column break. Visas endast i administratörsgränsnittet. o Path skriv <colbreak> o Parent link definierar i vilken megameny en ny kolumn ska infogas i detta exempel, välj -- Vill studera. Klicka på save 60

Tänk på detta när du redigerar din toppmeny: I droplistan under Path listas samtliga artiklar på samtliga sajter på ki.se. Detta kan ibland medföra att det är svårt att veta vilken page eller landing page som du ska koppla till detta fält. För att förfina din sökning och hitta korrekt innehåll, skriv in den delen av URL:en som kommer efter http://ki.se/ i fältet Path, exempelvis cns/forskare-a-o. OBS! Du kan bara koppla innehåll (page och landing page) som redan finns. Skapa ditt innehåll först, bygg sedan menyn. Det går även bra att "dra-och-släppa" innehåll för att ändra ordning på hur länkarna listas. Klicka på korset framför din menylänk och dra-ochsläpp. Kom ihåg att klicka Save configuration för att spara dina ändringar. 61