Hoppa till huvudinnehåll

Genomgång av bloggfunktionen + bloggwidgeten

Komplett guide om bloggfunktionen och bloggwidgeten

Här kan du lära dig mer om hur bloggen och dess widget fungerar.

I Webbas blogg har du stor designfrihet och anpassning i bloggens alla delar. Den här guiden ger dig en grundlig genomgång steg för steg genom bloggens alla delar.

Grundinställningar bloggen

När du kommer in i bloggen kommer du till en översikt där du kan modifiera olika inställningar. Vi kommer under denna bild gå igenom dessa en och en.

1️⃣ Inställningar

Detta är grundinställningar för din blogg. Se nedan bild. Du hittar även denna vyn genom menylänken "Inställningar" i sidomenyn till vänster.


Här ställer du in:

  • Om du vill att din bloggs sidofält ska synas eller ej i bloggens översiktssida

  • Om uppskattad lästid av blogginlägget ska synas

  • Om läsförloppsindikator ska visas (ger känsla för hur långt man har kvar att läsa).

  • Om du vill visa delningsknappar så att andra kan dela ditt blogginlägg på sociala medier.

  • Och kommentarsfunktioner som du kan läsa om från detta stycke och nedåt.

2️⃣ Skapa Blogginlägg

Denna funktion kan du hitta både här samt i sidomenyn till vänster. Båda platser leder till ett nytt utkast för ett blogginlägg.

3️⃣ Navigering bland dina blogginlägg

Växla mellan att se Alla blogginlägg, Publicerade, Utkast och Papperskorgen.

4️⃣ Bloggöversikten

Här ser du rubrikerna, författare, datum inlägget senast uppdaterades samt kommentaröversikt. Du kan även trycka på kugghjulet längst ut till höger för att välja att antingen Duplicera, Radera eller Förhandsvisa ditt blogginlägg.

5️⃣ Ställ in din blogg

Konfigurera din bloggs taggar, kategorier och grunddesign.


Vad är en kategori eller tagg i ett blogginlägg och vad använder jag det till?

När du skapar ett blogginlägg kan du trycka på knappen kugghjulet längst upp i redigeringsvyn av blogginlägget. Då öppnas sedan en vy där du bland annat ser valet att välja Taggar och Kategorier. Dessa är till för att hjälpa dina läsare att hitta enklare bland olika teman och typer av inlägg och för dig att kunna välja vissa typer av filter om du t.ex. på en utvald sida i din webbplats vill visa en viss typ av blogginlägg där.

En rumregel kan vara:

  • Kategorier = Teman (t.ex. om det är en matblogg kan det vara Varmrätter, Desserter, Förrätter osv).

  • Taggar = Filter för att hitta mer av liknande (t.ex. pasta, grillat, chokladdesserter, fisk osv).

I Bloggens översiktsvy under Kategorier och Taggar kan du enkelt både se hur många inlägg som tillhör respektive kategori/tagg samt döpa om/radera och lägg till dem.


Bloggheader

Här designar du hur du vill det ska se ut längst upp i din blogg. Du kan precis som i byggaren använda widgets, block och design för att anpassa det till din version. Tips är att även anpassa i mobilen vid behov så det blir snyggt och som du önskar i alla vyer.

Blogginnehåll (grundmall för hur inläggen ser ut i översikten)

Här designar du hur det kommer se ut när man kommer till bloggens startsida och översikt som kund. Även här kan du bygga på med byggarens samtliga designfunktioner om du önskar.

Själva bloggwidgeten som visar inläggen har också egna inställningar. Här hittar du diverse val för hur dina inlägg ska visas, vilka inlägg som ska visas, om inläggen ska få delas av andra på sociala medier med mera. Du hittar inställningarna genom att klicka någonstans mitt på sidan (på bloggwidgeten) - så dyker Redigera-knappen som vi visar vid pilen nedan upp.


Bloggsidofält

Här designar du hur sidofältet ska se ut som dina besökare ser och enkelt använder för att navigera sig runt på din blogg. Observera att när du redigerar sidofältsvyn ser du endast sidofältsvun


Skapa ett blogginlägg

1️⃣ Penseln

Här är där du kan ställa blogginläggets utseende. Detta är grundmallen och sedan kan du i den designa helt fritt. När du trycker på penseln får du först välja Layout.

I den andra fliken som heter Rubrik ställer du in typsnitt för dina rubriker (titeln) och vad du vill ska synas vid blogginlägget så som författare, datum och tid, kategorier med mera.

Du kan även ställa in om du önskar att din webbplats globala header och blogghuvud ska synas i denna vy.

2️⃣ Anpassa mellan desktop, surfplatta och mobil vy i bloggen

Här kan du skifta vy för att se hur det ser ut i olika skärmstorlekar och anpassa vid behov.

OBSERVERA

Den 1 september 2026 kommer Webbas lansera en än mer förbättrad redigering i mobil vy. Så saknar du flexibilitet före dess önskar vi be dig hålla i och hålla ut så kommer en större designfrihet i mobil vy inom kort.

3️⃣ Inställningar för blogginlägget

Ställ in massvis med detaljer för det enskilda blogginlägget (se nedan bild).

  • Ställ in taggar och kategorier

  • Ange författare

  • Ställa in publiceringsdatum

  • Markera inlägget att det ska "fästas" högt upp i bloggens översikt (perfekt för inlägg du vill belysa extra).

  • Visa innehållsförteckning i blogginlägget för enklare navigering för läsaren.

  • Lägga till/ta bort delningsknappar till sociala medier

  • Aktivera/avaktivera kommentarer för blogginlägget

  • Ställa in omslagsbild/video

  • Lägga in unik SEO för det enskilda blogginlägget

  • Ställa in blogginläggets url-sträng (görs under fliken SEO).

  • Lägga in ev. anpassad kod för endast detta blogginlägg

4️⃣ Skapa innehållet

Här skriver och bygger du själva blogginlägget. Du använder byggarens widgets precis som när du designar i webbplatsen.

5️⃣ Publicera eller spara ditt utkast

När du är klar med ditt inlägg så kan du antingen:

  • Publicera = Inlägget publiceras på den tid du angett i blogginställningarna. Har du inte angett någon tid publiceras det direkt. Observera att du måste ha valt en kategori för att kunna publicera inlägget.

  • Spara utkast = Du sparar och kan sedan återkomma och redigera eller publicera senare. Alla utkast sparas även i översikten under fliken Utkast.


Följer globala stilar med till bloggen?

Dina globala stilar hänger med även till bloggen.

Kan jag ändra typsnitt, färger med mera manuellt?

Absolut, du justerar detta precis dom du gör i hemsidebyggaren. Markera en text så syns t.ex. textredigeraren så att du kan ändra typsnitt, teckenfärg med mera.

Detta gäller även i rutan där du skriver din sammanfattning.

Du kan även i block och kolumner ändra färger med mera likt du gör i övriga webbplatsen.

TIPS för enklare bloggredigering från teamet! 💡

Skapa ett block med rubrik och brödtext så som du vill att det ska se ut i bloggen. Kopiera det och spara till dina sparade widgets så du alltid kan komma åt den designen enkelt. Detta gör att du snabbt och smidigt kan skapa mer anpassad design precis som du vill ha det i bloggen utan att behöva börja bygga från noll varje gång.


Kommentarer på blogginlägget - välj mellan flera olika sätt.

Du kan välja om du önskar ge besökarna möjligheten att kommentera på ditt blogginlägg. Detta ställer du in på varje enskilt blogginlägg på knappen Inställningar -> Aktivera kommentarer.

2 juni 2025 genomförde Webbas en stor uppdatering av plattformen vilket gör det idag finns en funktionalitet som du även kan se och moderera från din Modereringspanel i Community - vilket är den vi rekommenderar att nyttja.

Redan före detta (2021 - maj 2025) har dina bloggbesökare kunnat kommentera på din blogg med en äldre version eller med stöd av ett kostnadsfritt tredjepartsverktyg du kan installera. Dessvärre har dessa funktioner varit något begränsade då du inte har kunnat besvara dessa kommentarer samt att vissa kunder har önskat att besökarna ska behöva registrera sig för att kommentera för att motverka otrevligheter under anonyma avsändare.

Nu har du möjlighet att välja mellan kommentarer med krav på registrering eller utan.

ALTERNATIV 1 - Kommentarer med krav på registrering som medlem (rekommenderad)

Nu har vi infört en helt ny kommentarsfunktion. Förutom en mer modern design och möjligheten att kommentera och moderera. Den här nya kommentarfunktionen så krävs även att man är en registrerad användare för att kommentera och interagera. Det är en process som går snabbt och enkelt för besökaren att registrera sitt namn och mejl samt är såklart helt kostnadsfritt. Detta görs för en säkrare och mer trygg upplevelse för de som önskar.

Såhär registrerar sig kunden för att kommentera:
Så fort kunden trycker på att hen vill kommentera öppnas ruta med uppmuntran att registrera sig som medlem på webbplatsen. Ett tips kan vara att i ditt CRM -> Medlemsinställningar ställa in vad för medlemskap man som grund ska hamna i. Vi rekommenderar man alltid har en standardmedlemsgrupp där som inte är kopplad till exempelvis en kurs eller liknande.

ALTERNATIV 2 - Kommentarer utan krav på registerering att bli medlem (inbyggd version)

Detta kallas i vårt system just nu "det gamla sättet" just för att markera det är gamla vyn som vi valt att behålla för valbarhetens skull. För att aktivera denna gör följande:

  • Gå till det enskilda blogginläggets inställningar och markera "Aktivera kommentarer" + "Använd gamla versionen för kommentarer"

Detta gör att äldre versionen aktiveras.

OBSERVERA! Funktionen "Godkänna kommentarer" endast fungerar när du använder vår nya version (inte gamla).

ALTERNATIV 3 - Kommentarer utan krav på registrering som medlem med stöd av kostnadsfritt tredjepartsverktyg som måste installeras (valet Aktivera Disquskommentarer i blogginställningarna)

Du kan även välja alternativet i blogginläggets inställningar att aktivera den gamla versionen för kommentarer. Gör du detta krävs inte registrering av besökaren.

OBS! När du väljer detta alternativ går det inte heller att använda den nya moderationsfunktionen. Med andra ord - du kommer inte kunna svara på dessa kommentarer likt i nya kommentarsfunktionen.


Vanliga frågor om bloggen och bloggwidgeten

Kan jag få notis när någon skriver en kommentar?

Ja, det kan du. I Bloggens huvudinställningar (blogginställningar) kan du markera att du vill få notis vid ny kommentar och välja vilken mejl det gäller.


Kan jag ha så att jag godkänner kommentarer innan de syns?

Ja, det kan du. I Blogginläggets inställningar kan du markera att du vill godkänna kommentarer först.

OBSERVERA! Funktionen "Godkänna kommentarer" endast fungerar när du använder vår nya version (inte gamla).


Anpassad CSS kod för att anpassa bloggen eller bloggwidgeten

Observera!

Nedan ger vi förslag på så kallad CSS-kod för att kunna förbättra din styling på bloggen utifrån förfrågningar vi ofta möter önskemål om att justera.

Det viktigt att känna till att vi tyvärr inte kan garantera dessa koders funktionalitet eller ge support i dessa då vi tyvärr inte kan tillgodose skräddarsydda lösningar på våra funktioner för enskilda webbplatsers behov.

Med det sagt har vi tagit fram nedan kodexempel att testa implementera om du vill prova. Vi kan varmt rekommendera att ta del av den här guiden i hur du lägger till egen kod på webbplatsen. Samt tipsa om att ta stöd av AI verktyg så som Claude, Gemini med flera som idag är ganska duktiga i att vägleda i till exempel CSS kod vid behov.

Dölja läs mer-knappen

.read-more-wrapper { display: none !important; }


Dölja informationen under inlägget (Författare, kategori, datum och antal kommentarer)

.post-meta {

display: none;

flex-direction: row;

}


Ändra typsnittet på titeln av inlägget för bloggwidgeten (byt ut Yeseva One och Cormorant Garamond mot egna typsnitt)

.post-title {

font-family: Yeseva One, Cormorant Garamond;

}


Ändra storleken på rubriken på bloggsidan (för enskilda blogginlägg)

.blog-container .post-title {

font-size: 32px;

}


Få bilder i samma storlek vid inställningen "Murverk" i widgeten

.posts-list-wrapper .post-featured>img {

height: 400px; /* Ändra till önskad storlek i höjd */

object-fit: cover;

}


Få artiklarna i samma storlek vid inställningen "Murverk" i widgeten

(Tänk på att om du har längre text kan den gå utanför rutan då höjden är bestämd och då inte anpassar sig längre som originalinställningen)

.posts-list-wrapper article {

height: 600px; /* Ändra till önskad storlek i höjd */

object-fit: cover;

}


Dölja den utvalda bilden i ett blogginlägg (Här anger du inte koden under sidan CSS utan istället med hjälp av widgeten "kod" inuti blogginlägget.

<style>

.post-featured { display: none !important; }

.post-meta { display: none !important; }

</style>

Observera att när du använder denna koden (dölja utvald bild) så kommer även information om författare, kategori och publiceringsdatum som annars syns under rubriken också att döljas.


Dölja webbplatsens sidfot i bloggen

Gå till Bloggen och välj Redigera sidhuvud och sidofält på knappen upp till höger.

Lägg till widget Egen kod någonstans i fälten och skriv in CSS-koden:
<style type="text/css">footer { display: none; }</style>

Fick du svar på din fråga?