Bild & Text block
Dessa är de mest basala funktionerna i ett CMS.
TipTap redigeringsverktyg
TipTap erbjuder en flexibel redigeringsupplevelse för strukturerat innehåll med rikt textformat. Det stöder vanliga formateringsalternativ som rubriker, länkar, listor, bilder och inline-innehåll samtidigt som resultatet hålls rent och förutsägbart. Detta block är användbart för texttunga avsnitt där redaktörer behöver frihet, prestanda och kontroll över användargränssnittet.
Teaser
Teaserblocket används för längre innehåll där endast början ska visas som standard. Det håller sidan ren genom att visa en kort förhandsgranskning, med ett "Läs mer"-alternativ som expanderar hela texten vid behov. Detta är användbart för introduktioner, beskrivningar, vanliga frågor eller innehållsavsnitt där redaktörer vill undvika att överbelasta besökare med för mycket text på en gång.
Bild
Bildblocket visar en enda bild som en del av sidinnehållet. Det är användbart för att lägga till foton, illustrationer eller visuell kontext mellan textavsnitt. Valfria inställningar som alt-text, bildtexter, justering och storlek hjälper till att hålla bilden tillgänglig, responsiv och konsekvent med den övergripande designen.
Kort
Ett flexibelt vertikalt kort med plats för bild, rubrik, brödtext och en uppmaningsknapp.
Hela kortet kan också användas som en länk, vilket gör det idealiskt för teasers, utvalt innehåll eller navigeringsblock.
För längre text håller en valfri funktion för "Visa mer" layouten ren utan att dölja användbart innehåll.
Vertical card
Ett flexibelt vertikalt kort med plats för bild, rubrik, brödtext och en uppmaningsknapp. Hela kortet kan också användas som en länk, vilket gör det idealiskt för teasers, utvalt innehåll eller navigeringsblock. För längre text håller en valfri funktion "Visa mer" layouten ren utan att dölja användbart innehåll.
Horizontal card
Ett flexibelt vertikalt kort med plats för bild, rubrik, brödtext och en uppmaningsknapp.
Hela kortet kan också användas som en länk, vilket gör det idealiskt för teasers, utvalt innehåll eller navigeringsblock.
För längre text håller en valfri funktion för "Visa mer" layouten ren utan att dölja användbart innehåll.
Presentation
För att inte allt innehåll förtjänar att vara känslomässigt tillgängligt hela tiden.
Absolut. Särskilt för frågor som folk ställer för att de vägrat läsa föregående stycke.
Dragspelet expanderar, layouten överlever, och någonstans känner en frontend-utvecklare ett kort lugn.
Ja, du kan lägga in vad du vill här..
-
Även detta
Exampelbild
-
En slider inne i ett dragspelsblock
Jag ber bara att du inte kommer att använda den... även om du kan.
Dragspelsblock
Ett dragspelsblock är användbart för att presentera strukturerat innehåll i ett kompakt och lättläst format. Varje objekt kan expanderas eller komprimeras, vilket gör det idealiskt för vanliga frågor, funktionslistor, tekniska detaljer eller längre stödinformation. Det hjälper till att hålla sidan ren samtidigt som besökarna får tillgång till mer djupgående innehåll när de behöver det.
Kundblock
Ett kundblock används för att lyfta fram en kund, partner eller ett utvalt företag med en tydlig visuell presentation. Det innehåller vanligtvis en bild eller logotyp tillsammans med en uppmaning till handling som länkar till kundens webbplats. Det är idealiskt för kundpresentationer, partnersektioner, referenser eller andra områden där extern trovärdighet behöver se lite mer avsiktlig ut än "här är några logotyper, njut".
Avdelarblock i hero-stil
Ett avdelarblock i hero-stil används för att skapa en stark visuell brytning mellan avsnitt på en sida. Det kombinerar en bakgrundsbild med en titel, stödtext och en valfri uppmaning till handling, vilket ger avsnittet känslan av ett mindre hero-område. Det är idealiskt för att lyfta fram viktiga budskap, vägleda besökare till viktiga sidor eller ge visuell effekt utan att behöva en hel hero-del på sidan.
Personblock
Personblocket ger ett flexibelt sätt att presentera teammedlemmar, kontakter, författare eller andra personer på webbplatsen. Varje person lagras i ett centralt arkiv och kan återanvändas vid behov, medan visningsinställningarna gör det möjligt för redaktörer att kontrollera vilka detaljer som visas i varje specifikt sammanhang.
Bild-i-mitten-blocket
Bild-i-mitten-blocket kombinerar en central visuell element med strukturerat stödjande innehåll runtomkring. Den är användbar för att presentera viktiga funktioner, processteg eller grupperad information där bilden ger fokus och den omgivande texten ökar tydligheten.
Markera viktiga funktioner
Använd den centrala bilden som visuellt fokus, med omgivande text som förklarar enskilda funktioner, fördelar eller försäljningsargument.
Förklara en process
Visa en produkt, tjänst eller ett koncept i mitten och använd sedan de omgivande elementen för att beskriva steg, etapper eller relaterade åtgärder.
Presentera fördelarna tydligt
Placera det huvudsakliga visuella elementet i mitten och omge det med korta fördelaktiga budskap som är lätta att skumma av och förstå.
Dela upp innehållsrika sidor
Använd blocket för att lägga till visuell struktur på längre sidor, vilket gör att viktig information känns lättare, mer balanserad och mindre som ett straff.
-
Slide one
-
Slide two
-
Slide three
Slider
Sliderblocket stöder både enkla och avancerade bildlayouter, från grundläggande bild- och textpresentationer till helt strukturerade rutnätskomponenter. Det ger redaktörer ett flexibelt sätt att visa upp utvalt innehåll, kampanjer, produkter eller nyckelbudskap. Eftersom bilder kan innehålla rikt blockinnehåll är det mycket anpassningsbart, men bäst att använda med återhållsamhet om inte målet är att förvandla sidan till en liten hemsökt temapark.
-
Slide one
-
Slide two
-
Slide three
Exempeltitel ett
Proin quis felis dui. Suspendisse sit amet quam id urna euismod sagittis. Aenean eget tortor est. Morbi vitae varius orci. Nullam et tortor sem. Aenean euismod urna id aliquet vehicula. Nam ultrices ipsum felis, eget feugiat metus euismod ut. Nam non velit placerat, commodo ligula eu, finibus mauris.
Exampeltitel två
Pellentesque ac tortor leo. In quis nisl blandit, interdum ligula quis, finibus dui. Nulla finibus malesuada accumsan. Pellentesque viverra, turpis vitae congue egestas, erat ante euismod odio, et interdum eros arcu sit amet nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
Listor
Listblocket erbjuder ett enkelt sätt att presentera upprepat innehåll utan att förlita sig på API-driven data. Redaktörer kan manuellt lägga till listobjekt med bilder, titlar och brödtext, vilket gör det idealiskt för kurerade listor, funktionsöversikter, tjänstehöjdpunkter eller strukturerat sidinnehåll som behöver konsekvens utan extra komplexitet.
Animerade sifferblock
Det animerade sifferblocket hjälper till att väcka viktig statistik och mätvärden till liv. Redigerare kan definiera ett målvärde, till exempel 65 av 100, och talet räknas upp från 0 när det visas. Det fungerar bra för prestationsindikatorer, prestationer, framstegsvärden, betyg och andra viktiga siffror.
Färdighetsblock
Färdighetsblocket ger ett enkelt sätt att visualisera färdigheter, styrkor eller framstegsnivåer. Med animerade staplar och värden från 0 till 100 hjälper det till att göra färdighetslistor till något lättare att skanna, jämföra och förstå.
Exempel på kontaktformulär
Enkelt statiskt kontaktformulär som är byggt fristående. För mer avancerade formulärfunktioner rekommenderar jag Umbraco Forms.