Nytt för Svenska kyrkans bloggportal

Det här inlägget i korthet: Bloggportalen uppgraderas den 20 juni med en ny samlingssida, nyheter i hur bloggar och bloggposter visas. Även administrationen kommer påverkas. Det blir också än viktigare att tagga inläggen.

Svenska kyrkans bloggportal behöver uppdateras för att klara de digitala standarder som tillkommit sedan bloggportalen introducerades. Dessutom tillkommer några nya möjligheter för dig som bloggar i och med den nya designen. Tidigare inlägg ska fortfarande fungera men med lite inställningar kommer de nya inläggen visas bättre.

Först, blogginlägg är det enskilda inlägget. Blogg är de samlade inläggen som blogg.svenskakyrkan.se/webbutvekling och bloggportalen är hela samlingen (portalen) av de bloggar som ligger på blogg.svenskakyrkan.se. Det är förändringar på gång för alla dessa delar.

Bloggportalens samlingssida – Portalsidan

Startsidan för den samlade bloggportalen får ett ansiktslyft. Designen kommer att ha en tydlig koppling till svenskakyrkan.se.

Tanken är att blicken ska landa i en toppbild som sedan följs av några bloggposter som lyfts med hjälp av taggar. Det blir därför viktigt att varje bloggpost taggas upp med kategorier och etiketter. Ett exempel på något som skulle kunna lyftas är kyrkoval eller reformationen.

På portalsidan listas de senaste blogginläggen från hela portalen. Dessa kommer presenteras med inläggets huvudbild eller en färgplatta. Den mörkas ner för att kunna presentera bloggens namn och den som bloggat. För att göra sidan mer dynamisk kommer vissa inlägg att visas större och inkludera ingressen eller utdraget.

Listan med alla bloggar inom portalen kommer att nås via en toppmeny istället för som nu, när de ligger i högerspalt.

Bloggens startsida

Varje blogg kan sätta upp sitt tema med en egen toppbild. När ingen toppbild valts visas en färgruta överst. Sannolikt är den förvald i lila men går att bytas ut mot några andra färger från Svenska kyrkans grafiska profil. Denna toppbild följer med och visas för samtliga inlägg.

Det finns även möjlighet att publicera en bild, beskrivning av bloggen och bloggare. Ytterligare ett textfäld finns tillgängligt för den som har behov av någon kortare text.

Bloggens startsida kommer även fortsättningsvis ha en högerspalt för olika fält. Det kommer att finnas förstahandsvalda alternativ med kategorier, presentation av bloggaren och ett arkiv. Dessa går att välja bort och några ytterligare fält kan tillkomma.

I administrationen för ett blogginlägg

Varje blogginlägg behöver precis som nu en titel. En ny möjlighet är ingressen. Det är bra att fylla i ingress för att samla de viktigaste poängerna i texten. På så sätt är det lättare för sökmotorer att lyfta inlägget för den som söker efter något i en sökmotor. Här kan du läsa fler tips på hur du underlättar för människor att hitta till din blogg och ta till sid innehållet. 

Huvudbild är nytt. Den kommer att ligga under ingressen. Det är också huvudbilden som visas på bloggportalens startsida när ditt blogginlägg lyfts där. Texten i själva inlägget skrivs in som vanligt.

Det finns en poäng med att lyfta vem som bloggat. I vissa bloggar är det enkelt då det antingen är en person som ligger bakom alla inlägg eller att de som skriver bloggarna också publicerar dem själv. Det som utmanat en del är de bloggar där en person publicerar texter till olika författare. Efter några turer fram och tillbaka är rekommendationen att alla som bidrar med texter också ska ha en användare för att även den personen ska kunna lyftas i en byline.

Det finns också tankar på att introducera ett eget fält för utdrag. Där kokas hela inlägget ner till en eller två meningar. Detta underlättar för besökaren att avgöra om inlägget är relevant och värt att läsa. Det höjer blogginläggets värde i sökmotorer. Dessutom kan denna text visas på bloggportalens startsida.

Flyttverktyg, admin, lathundar, lite julledighet och en klapp

Det här inlägget i korthet: webben för framtiden står snart redo att befolkas med redaktörer. Lathundarna börjar formas och i januari kör vi.


Terminsavslutningarna haglar tätt, det luktar glögg och kyrkorna fylls med advents- och luciafirande människor. Vid kyrkokansliet i Uppsala är vi några nissar i verkstaden som jobbar hårt för att uppdatera lathundar inför att flyttverktyget och medföljande uppdaterad administration lanseras.

Lathundarna hjälper dig på vägen

Lathundarna är fortfarande under bearbetning men kommer finnas på Svenska kyrkans gemensamma intranät. Det kommer finnas en sektion som helt fokuserar på flyttverktyget, de olika alternativen du måste välja mellan och hur du faktiskt går tillväga för att uppnå det du valt.

wff_flyttalternativen

Allt om nya administrationen

Du kommer också att hitta en nyskapad sektion som helt fokuserar på hur du publicerar i den nya administrationen. Även om skillnaderna inte är så stora jämfört med hur administrationen ser ut nu så kommer dra-och-släpp-funktionen ersättas av ett plustecken vilket gör vissa skillnad i så gott som varje redigeringsläge. Därför kommer nuvarande lathundar att finnas kvar, dels för publicering i nuvarande webbversion för uppdateringar fram till den 25 april och dels för publicering på intranätet.
wff_första_plusset

En liten julklapp på vägen

Vi har lyckats lägga vantarna på en liten julklapp: en förhandsvisning på hur listorna är tänkta att se ut! Se det som en liten extraskiss så här veckan innan jul. Som du kan se så finns det olika sorters listpunkter, utöver de vanliga prickarna och siffrorna. Jag tror det kommer att finnas många användningsområden för dessa.

Olika sorters punktlistor i webben för framtiden.

God jul och gott nytt år!

Arbetet fortsätter i full kapacitet till den 18 december. Under jul och nyårsveckorna är bemanningen mer begränsad även om förvaltningen för digital kommunikation har någon på plats alla vardagar. Vi kör igång igen med full styrka den fjärde januari. Välkomna då!

Funktioner och nytt i admin för webben för framtiden

Det här inlägget i korthet: vi förklarar vad en funktion är och hur dessa kommer att fungera och sorteras på ett litet annat sätt i det omarbetade administrationsgränssnittet.


I samband med att svenskakyrkan.se byggs om anpassas administrationen för gemensamma webblösning för att komma till rätta med några vanligt förekommande problem. Bland annat kommer ”dra-och-släpp” att försvinna och ersätts med ett plus-tecken för att lägga till en ny funktion eller textruta. Detta löser också problemet med att saker ”hoppar runt” i textrutan.

I och med att administrationen förändras en aning är det också läge att strukturera hur alla funktioner sorteras i verktyget. Med administrationen (hädanefter bara ”admin”) menas webbgränssnittet där du som redaktör skapar och redigerar sidor och annat webbmaterial. Med funktioner menas exempelvis att kunna visa en bild, flöde från Twitter, infoga puff och så vidare.

Målen med att sortera om i admin

Anledningarna till att vi sorterar på ett annat sätt är att

  1. gå ifrån flikarna eftersom de döljer det som finns under dem (ja, förutom den flik som är aktiv då)
  2. minska antalet funktioner (på ytan – även om funktioner tillkommer)
  3. göra ditt funktionsval så överskådligt som det bara går
  4. behålla konceptet hur du jobbat med funktioner fram till nu.

Ett välbekant koncept

För några år sedan gjordes funktionen ”Infoga multimedia” om. Innan den omarbetningen hade administrationen ett antal funktioner som gjorde i princip samma sak och de hade alla med ”multimedia” att göra:

  1. Infoga intern multimedia
  2. Infoga extern multimedia
  3. Infoga Play
  4. Infoga Bambuserkanal

Dessa tidigare fyra separata funktioner bakades ihop till en huvudfunktion – Infoga multimedia. Redaktören fick då börja med att välja en grundläggande funktion, och kunde sedan ställa in funktionen så att den gjorde det den skulle (till exempel visa ett klipp från Youtube). Sedan såg det ut som vanligt.

Det är på det här sättet vi tänker oss att många av de nuvarande funktionerna ska visas. I anslutning till det inledande valet kan vi också breda ut oss lite mer med förklarande text än vad den lilla funktionsknappen ger möjlighet till.

Huvudfunktion och underfunktion

Konceptet med en huvudfunktion som efter ett val leder vidare till en mer detaljerad underfunktion kommer alltså att vara lösningen i admin i framtiden.

  1. Alla valbara grundfunktioner presenteras på en och samma sida, alltså inga flikar.
  2. Likartade funktioner bakas ihop som i konceptet ovan. Eventuellt kan samma underfunktion/er finns under flera huvudfunktioner.
  3. Funktionerna får ett klart namn och presenteras i logisk ordning.
  4. Funktionernas inställningar och adminlayout kommer att vara näst intill identisk med hur det ser ut idag.

I och med detta har du alltså några ytterligare begrepp:

  1. Huvudfunktion – en funktion som har två eller flera underfunktioner (som i exemplet med Infoga multimedia ovan)
  2. Aktuell underfunktion väljs efter att du har valt huvudfunktion, antingen direkt eller via fler val (i exemplet ovan så väljer du först huvudfunktionen Infoga multimedia och sedan infoga extern multimedia för att visa ett klipp från Youtube)

Exempel

Idag finns följande separata funktioner:

  • ”Infoga blogg från bloggportalen”
  • ”Bädda in publik FB-post”
  • ”Facebook-gillaruta”
  • ”Infoga instagramflöde”
  • ”Infoga Twitter-flöde”

I webben för framtiden tillkommer ytterligare en: ”Sociala medier-vägg”.

Dessa sex funktioner samlas under huvudfunktionen ”Sociala medier”.

Första valet i ”Sociala medier” är ”Vad vill du visa?” och där har du som redaktör alternativen:

  • ”Enstaka post”
  • ”Flöde/lista”
  • ”Vägg”

Det andra valet är avhängigt det första och slutligen når du inställningarna för funktionen.

Om du vill visa ett instagramflöde på din webbplats väljer du huvudfunktionen ”Sociala medier”, och därefter väljer du ”Flöde/lista” (första val) sedan ”Instagram” (andra val) och därefter exempelvis hur många poster som ska visas mm (inställningar för instagramflöde).

För dig som vill få ytterligare input i hur det är tänkt finns nedan alla detaljer i flödet.

Sociala medier (Vad vill du visa?)

  1. Knapp
    1. Facebook
      1. Formulär för att infoga FB-gilla
    2. Enstaka post (Från vilken tjänst?)
      1. Facebook
        1. Formulär för att infoga FB-post
      2. Instagram
        1. Formulär för att infoga instagrampost
      3. Twitter
        1. Formulär för att infoga tweet
      4. Blogg
        1. Formulär för att infoga bloggpost
      5. Flöde/lista (Från vilken tjänst?)
        1. Facebook
          1. Formulär för att infoga FB-flöde
        2. Instagram
          1. Formulär för att infoga instagramflöde
        3. Twitter
          1. Formulär för att infoga twitterflöde
        4. Blogg
          1. Formulär för att infoga bloggflöde
        5. Vägg (Från vilken/vilka tjänst/er?)
          1. Instagram
          2. Twitter
          3. Bönewebben
          4. Facebook
            1. Eftersom valet här gäller en eller flera avslutas adminflödet med ett och samma formulär.

Resultatet av huvudfunktionen Sociala medier är att det som valts i nivå tre (från listan ovan) visas på webben.

Mer om kommande funktioner

Nästa post i ämnet handlar mer i detalj om vilka funktioner vi tänker oss och hur de hänger samman.

En försmak av webben för framtiden

Äntligen kommer de första offentliga skisserna på hur svenskakyrkan.se kommer att se ut! Vi i projektet vill visa de här skisserna dels för att vi vet att det finns en stor nyfikenhet på hur det  kommer att se ut, men också för att vi är så stolta över hur det artar sig.

Bilderna som vi presenterar här är så nära verkligheten vi kan komma idag. Det betyder att de visar en riktning, en tanke och ett koncept. Det betyder inte att det du ser är hugget i sten – webben är ju som vi vet en hyfsat dynamisk och föränderlig miljö. Fler skisser kommer och förhoppningsvis kan vi visa en startsida och flera andra funktioner (t ex puffar) redan i nästa omgång.

Med det sagt: nu kör vi!

Olika skisser för olika sammanhang

Skisserna är indelade i tre kategorier:

  1. Frontend där användarna/besökarna upplever svenskakyrkan.se
  2. Backend (administrationen) där webbredaktörerna skapar sidorna som publiceras
  3. Flyttverktyget som kommer att användas under flytten från det gamla till det nya

Skisserna över frontend finns i två versioner: en med och en utan redaktionella kommentarer. Dessa kommentarer förklarar varje del av sidan ur webbredaktörens perspektiv. Skissen över administrationen är kommenterad för att visa på vad som är vad bland kontrollerna. Flyttverktygets skiss innehåller några förklarande kommentarer.

Skissernas innehåll och hur vi tänkt

Frontend

Materialet till den första frontendskissen är hämtat från en församlingswebbplats. Stort tack till Helga Trefaldighets församling för att vi får låna er dopsida! Syftet är att visa på hur det kan se ut när en text är hämtad rakt av från en befintlig webbplats genom klassiskt klippa-klistra.

Den andra frontendskissen är en konfirmationssida för en påhittad församling. Här har vi kunnat visa på lite fler möjligheter med till exempel bilder och olika textformat.

Administrationen

Webbplatsen genomgår stora förändringar men det är framför allt frontend som förändras. Det mesta i administrationen kommer att se bekant ut för dig som arbetat i verktyget förut.

Den förändring som kommer att märkas mest är att dra-och-släpp kommer att ge plats för en variant som är bättre anpassad för läsplattor och smarta telefoner. Det kommer att finnas ett plustecken i webbitorn, och genom att klicka på det väljer du vilken funktion du vill använda. Genom att göra på det här sättet försvinner också problemet med att text och funktioner ”hoppar runt”, som många redaktörer uttryckt problem med.

Flyttverktyget

För att du också ska få en uppfattning om hur webbmaterialet ska flyttas från nuvarande svenskakyrkan.se till det nya finns här skisser på flyttverktyget. De bilderna är inte något att skriva ut och hänga på väggen, men de passar för att visa hur det är tänkt att fungera.

I inlägget Flyttlasset går mot webben för framtiden kan du läsa mer om flytten.

Skisserna följer den grafiska profilen

Parallellt med webben för framtiden-projektet pågår en revision av Svenska kyrkans grafiska profil för tryck. Den kompletteras nu med en profil för digitala kanaler. Hela den reviderade grafiska profilen (för både tryck och digitala kanaler) är planerad för leverans i januari 2016. Skisserna som vi presenterar i den här bloggposten följer profilen för digitala kanaler.

Redaktionella riktlinjer för dig som arbetar med webben

Våra webbplatser ska vara välkomnande för alla som använder dem. Till användare räknas också sökmotorer (som t ex Google och Bing) och personer som har en annan funktionsuppsättning och använder hjälpmedel för att ta sig fram på internet. De riktlinjer som vi nämner här är bara några av många sätt att underlätta för våra användare att hitta rätt hos oss – och de är precis lika användbara idag som efter 1 januari 2016!

Mobile first – mobilanpassning och responsivitet

I korthet: vi ska skriva texter som svarar på användarens tänkbara frågor, varken mer eller mindre.

Lite längre: Responsivitet är ett krångligt ord, men det beskriver något som är ganska enkelt. Det är att en webbplats ska se bra ut i princip oavsett hur stor skärm den visas på. Oavsett om svenskakyrkan.se visas på en dator, telefon eller läsplatta kommer webbplatsen att vara välkomnande och hanterbar.

Detta innebär exempelvis att rubriker och texter i möjligaste mån bör anpassas till den mobila livsstilen. Användaren är kanske mindre benägen att läsa sig igenom en lång text för att hitta det hen söker efter. Genom att ta bort irrelevant material blir den viktiga kärnan tydligare och en generell finslipning av innehållet är bra att göra.

Mobilanpassningen innebär också att det som vi idag känner som högerspalten försvinner, till förmån för ett tydligare upplägg i en enda spalt. Det som är viktigt kommer högt upp och det som är mindre viktigt kommer längre ner på sidan.

Bilder och bildhantering

I korthet: vi ska skriva alt-texter på bilder – så att den som inte ser bilden vet vad som visas, och så att Googles sökfunktion gillar oss.

Lite längre: En bild säger mer än tusen ord – men bara för den som kan se bilden! Vi måste bli bättre på att visa bilderna också för den som har en annan funktionsuppsättning. Ett bra sätt är att skriva en så kallad alt-text. Det gör du i bildverktyget och innebär att du skriver ner det bilden föreställer. Ett tips är att skriva samma sak i bildens titel, så det blir enklare att söka efter den direkt i bildverktyget i administrationen.

En bra skriven alt-text underlättar också när det gäller sökmotorer eftersom de hjälper till att lyfta relevanta nyckelord.

Länkar

I korthet: vi ska formulera bra länktexter så att användaren förstår var hen hamnar när hen klickar på länken.

Lite längre: En länktext ska tala om var användaren hamnar när hen klickar på länken. Exempel: ”Läs årsredovisningen för 2014″. Om sidan som länken leder till har en tydlig rubrik, kan du ofta använda den som länktext.

  • Skriv det viktigaste ordet först i länken.
  • Om länken leder till något annat än en webbsida, till exempel en pdf-fil, ska det framgå inom parentes i länken. Då vet man att ett nytt program ska öppnas.
  • När länken leder till ett dokument, ska den öppnas i ett nytt fönster.
  • När länken leder till en annan webbplats, ska den öppnas i ett nytt fönster. Det ska också framgå av länktexten till vilken webbplats länken leder.

Rubriker och underrubriker

I korthet: vi ska formatera rubriker som Rubrik, Mellanrubrik 1 och Mellanrubrik 2 – så hjälpmedel läser upp sidan på rätt sätt, Googles sökfunktion gillar oss och det blir lättare att ta till sig materialet på sidan.

Lite längre: Rubrikerna ska sammanfatta vad sidan, nyheten, faktarutan eller textavsnittet handlar om.​

  • ​Låt rubriken innehålla nyckelord ur texten.
  • Skriv de viktigaste orden först i rubriken
  • Använd gärna verb.
  • Lagom längd för en rubrik är fem-tio ord.

Underrubriker (de som kallas för Mellanrubrik 1 och Mellanrubrik 2 i administrationen) gör det enkelt för personer med vissa hjälpmedel att navigera på sidan. Google använder dem också för att avgöra vad sidan handlar om.​ För att inte tala om alla som får lättare att läsa texten!

Bortse från att du kanske tycker att den ena eller andra underrubriken är snyggare, det är viktigare att du använder dem rätt.

Mellanrubrik 1 ska användas ovanför Mellanrubrik 2. Exempel: i den här bloggposten så är texten ”Redaktionella riktlinjer för dig som arbetar med webben” satt till Mellanrubrik 1, medan rubrikerna ”Rubriker” och ”Underrubriker” är satta som Mellanrubrik 2.

Själva skisserna då

Bilderna öppnas i en ny flik i webbläsaren och PDF-filerna i din valda PDF-läsare. Du kan behöva zooma in eller anpassa ditt webbläsarfönster.

Observera att detta är statiska bilder och att de alltså inte är responsiva! Det du ser är hur det kommer att se ut när användaren ser webbplatsen via en dator. Det kommer att se annorlunda ut på en läsplatta eller en telefon.

Övrigt matnyttigt om webben för framtiden

På intranätet samlar vi informationen om projektet. Där hittar du bland annat en uppdaterad tidplan och en omfattande FAQ.