Resurser HTML-mallar

Tydliga HTML-mallar för resurser

HTML-mallar för resurser ger en färdig layout för den del av webbplatsen där guider, verktygslänkar och nedladdningar samlas på ett ställe. Många layouter inleds med kategorinavigering följt av rader med resurskort. Du byter enkelt ut exempelrubriker, beskrivningar och webbadresser mot ditt eget material. Du kan byta namn på eller ta bort sektioner när du vill strukturera ditt bibliotek annorlunda, helt utan att behöva röra HTML-källkoden. Samma grund fungerar lika bra för en dokumentationshubb som för ett verktygspaket för partners, och besparar dig arbetet med att koda dussintals kort för hand.

Katalog, nedladdningsbibliotek eller kunskapsnav

En samling PDF-filer kräver en annan struktur än en lista med partnerverktyg. Därför utgår de flesta layouter från en av tre modeller:

• En katalog länkar till externa verktyg, vilket innebär att varje kort behöver ett namn, en kort förklarande rad och en tydlig utgående länk.
• Ett nedladdningsbibliotek innehåller checklistor, verktygssatser och rapporter. Dess kort behöver en formatetikett intill en tydlig nedladdningsknapp, så att ingen råkar öppna en stor fil av misstag.
• Ett kunskapsnav samlar handledningar efter ämne, och besökare vill ofta kontrollera svårighetsgrad eller lektionslängd innan de sätter igång.

Blandade samlingar, som API-guider sida vid sida med nedladdningsbara SDK:er, kräver kort som tydligt visar om ett klick öppnar en guide eller startar en nedladdning.

Innehållet i varje resurskort

Nicepages Grid Repeater-element håller upprepade kort visuellt synkroniserade, vilket gör att ett nytt kort bara kräver sin egen text, bild och länk.

Vad som visas på ett kort styrs av vart det leder. En läslista behöver ange källan och en kort notering om varför artikeln valdes ut. Reviderade guider har stor nytta av märkningar som "Uppdaterad mars 2026", vilket gör att återkommande läsare direkt ser om de tagit del av den senaste versionen. Utvalda resurser ges oftast ett bredare kort eller en egen översta rad. En ikon vid externa länkar upplyser besökarna innan de lämnar webbplatsen. Beskrivande länktext underlättar dessutom för skärmläsaranvändare, eftersom "Ladda ned checklistan för onboarding (PDF)" förmedlar betydligt mer information än upprepade knappar med texten "Läs mer".

Välj HTML-layout efter samlingens storlek

Ett par dussin länkar är enkla att läsa i grupperade sektioner med en rubrik per kategori. Flera hundra resurser kräver i stället ett kortrutnät med kategorinavigering och helst ett sökruta. En kompakt lista passar utmärkt för samlingar där besökarna skummar titlar och sällan behöver tumnaglar. Kontrollera alltid förhandsgranskningen i mobilen, eftersom ett tätt rutnät snabbt kan bli till en mycket lång rullningsyta.

Det färdiga projektet exporteras som HTML-filer som du kan drifta själv eller lämna över till en utvecklare. De exporterade filerna går att redigera direkt även i efterhand, vilket innebär att du inte behöver börja om från början när du vill lägga till en ny kategori nästa år.