26 bästa Gutenberg-vänliga teman för WordPress

WordPress växer snabbare än någonsin (hej, Gutenberg!) och det kan vara svårt att hitta teman som inte bara hänger med utan också förbättrar upplevelsen för användaren. Detsamma gäller search efter det perfekta Gutenberg-vänliga WordPress temat.

Sedan 2009 har WPBeginner haft i uppdrag att förenkla webben för you, särskilt WordPress. Det har varit en lång resa, från de tidiga dagarna av bloggande till dagens banbrytande, blockbaserade edit med Gutenberg.

Vi har testat hela utbudet av WordPress Themes och valt ut de som verkligen är Gutenberg-vänliga.

Varför ska du lita på oss? WPBeginner har varit djupt involverade i WordPress sedan det bara var en bloggplattform. Vårt team har varit med om att omvandla WordPress till den dynamiska, mycket anpassningsbara website-byggare som den är idag.

Dessutom har vi tillbringat otaliga timmar med att experimentera med, bryta och fixa teman för att förstå vad som fungerar bäst med Gutenberg. Om du är en bloggare, en företagare eller bara någon med en story, finns det ett theme för dig i vår lista under.

I den här artikeln kommer vi att dela med oss av några av de bästa Gutenberg-vänliga WordPress teman som du kan använda.

Så här hittar du de bästa Gutenberg-vänliga teman

Gutenberg är WordPress Block Editor som introducerades i WordPress 5.0.

De högst upp WordPress temabutiker uppdaterade sedan sina themes för att vara kompatibla med den nuvarande WordPress editorn och den tidigare klassiska editorn.

Tips: Du måste ha WordPress.org som drivs på en egen server, ej WordPress.com, för att kunna använda dessa themes. Om du är osäker på skillnaden kan du ta en titt på vår artikel om WordPress. org vs. WordPress.com.

För att skapa en WordPress-webbplats och installera ett Gutenberg-vänligt tema behöver du först ett domain name och ett webbhotell. Ett domain name är din sites adress på webben, som gillar wpbeginner.com eller google.com. Webbhotell är lagringsutrymmet för all din website.

Vi rekommenderar att du använder Bluehost för ditt webbhotell. De är en officiellt rekommenderad WordPress server.

Bluehost erbjuder en enorm rabatt, plus ett gratis domain name och ett gratis SSL-certifikat till våra WPBeginner-läsare.

För att få hjälp med att konfigurera din website bör du kontrollera vår Step-by-Step guide om hur du skapar en WordPress website. Vi rekommenderar också att du läser den här artikeln om skillnaden mellan Gutenberg och WordPress page builders.

Nu, utan ytterligare dröjsmål, låt oss ta en titt på några av de bästa Gutenberg-vänliga WordPress themes.

1. SeedProd

SeedProd är den moderna WordPress Theme Builder på marknaden. Den har support för Block Editor direkt från boxen och kommer med customized block för din website eller WooCommerce store.

SeedProd website builder är en mer avancerad och nybörjarvänlig lösning. Det låter dig skapa ett customze theme för din website utan att skriva kod.

Dessutom kan du använda deras built-in templates för landing pages för att add to custom pages till din site. SeedProd erbjuder också kraftfull drag and drop-funktionalitet som hjälper nybörjare att snabbt customize website pages.

2. Divi

Divi är ett kraftfullt premiumtema som har fullt stöd för Gutenberg block editor. Det erbjuder också responsiva edit- och realtidsdesignalternativ för att omedelbart skapa den layout du behöver.

Andra utvalda funktioner inkluderar moduler och element för content, pre-built layouts, Google Fonts och mycket mer. Med Divi får du 100-tals färdiga layouts för webbsidor som du kan installera med 1 click och enkelt customize.

Dessutom är Divi utformad med sökmotorsoptimering (search engine optimization) i åtanke. Detta hjälper din webbplats att ranka bra i Google och andra search engines.

3. Neve

Neve är ett new och lätt WordPress theme som är built-in för Gutenberg block editor. Det har en enkel och snygg design med customize alternativ för header, bakgrundsval, stöd för page builders tillägg och mycket mer. Neve stöder också AMP (Accelerated Mobile Pages).

Neve innehåller mega-menyer, översättningar, RTL-support och sökmotorsoptimering. Det är också redo för ecommerce och kan användas som ett WooCommerce theme.

4. Ultra

Ultra är ett kraftfullt och mycket flexibelt WordPress-tema för flera ändamål med stöd för Gutenberg. Det ger dig full control över temats funktioner för att designa din header, footer och landing pages. Det levereras med flera temaskinn som hjälper dig att välja den bästa templaten för din website.

Temat innehåller många inbyggda tillägg för att lägga till fler funktioner och funktionalitet. Dessutom har det smarta alternativ för layout för att ändra färger, font och bakgrunder.

5. GenereraPress

GeneratePress är ett utmärkt Gutenberg-vänligt WordPress theme. Det är känt för blixtsnabbhet och sömlöst support för Gutenberg editor.

Temat är fullt kompatibelt med page builders som Beaver Builder och Elementor Pro. Det kommer med dussintals färgkontroller, dynamisk typografi, dropdown-navigeringsmenyer och multiple choice för layout.

GeneratePress integreras med WooCommerce direkt från boxen, vilket allow you att enkelt sätta upp en online store. Det är översättningsklart och stöder över 20 språk.

6. OceanWP

OceanWP är ett gratis WordPress theme som är Gutenberg-ready. Det levereras med vackra och kreativa webbplatser för alla typer av företagare och bloggare. Temat är responsivt, och ecommerce är redo att starta en online store. Du kan använda den nya Gutenberg editor för att enkelt customize layouten och designen.

Det har support för page builders såväl som för Gutenberg block editor. OceanWP är optimerat för sökmotorsoptimering för att öka trafiken på din website.

7. Breakthrough Pro

Breakthrough Pro är ett minimalistiskt WordPress Gutenberg-vänligt tema som är särskilt utformat för marknadsföring, advertising och kreativa agencies. Det har funktioner och sections för att på ett vackert sätt displayed your services and portfolio. Temat är byggt högst upp på Genesis-ramverket, vilket gör det supersnabbt, robust och kraftfullt.

Breakthrough Pro har en custom logo, navigation menu, featured content area, och theme options panel. Det kan anpassas med hjälp av live WordPress customizer.

StudioPress är nu en del av WP Engine, det mest populära hanterade webbhotellet för WordPress. Du kan få detta theme och alla 35+ andra StudioPress themes när du registrerar dig för WP Engine webbhotell för att bygga din website.

Bonus: WPBeginners användare får också ytterligare 20% rabatt. Kom igång med WP Engine idag!

8. Guten Theme

Guten Theme är ett modernt WordPress Gutenberg-kompatibelt tema som passar för en webbplats för småföretag, en online store eller en personlig blogg. Det kommer med flera built-in layouts för din header, footer och blogg. Temat är kompatibelt med alla populära drag and drop page builders, inklusive Elementor, Beaver Builder, Visual Composer, och så vidare.

Det har custom färger och font inställningar. Guten Theme kommer med stark documentation och WooCommerce support, och du kan helt anpassa det med WordPress live customizer.

9. Astra

Astra är ett snyggt WordPress theme med support för Block Editor. Det kommer med beautiful starter sites och demos för att snabbt lansera din website. Du kan göra ändringar på din site med WordPress block editor eller någon annan populär page builder.

Den har customize inställningar för layout, alternativ för header, färger, skarp typografi, en blogg page template, och mer. Astra är sökmotorsoptimering och optimerad för hastighet och prestanda.

10. Monokrom

Monochrome är ett sofistikerat Gutenberg WordPress-tema som drivs av Genesis temaramverk. Det har en ren och snygg layout med massor av vitt utrymme för att få ditt content att se bra ut. Det levereras med kraftfulla WordPress tillägg som WPForms för att låta dig skapa ett kontaktformulär på din website.

Detta tema innehåller page templates för full width och sidebar layouts. Det har en customize header, theme options panel, responsive design, och support för ecommerce.

Du kan också add to alla populära plugins du vill ha, till exempel ett kontaktformulär plugin, GDPR plugin, Google Analytics plugin, och så vidare.

11. Parallax

Parallax är ett enkelsidigt WordPress Gutenberg theme. Det kommer med en bakgrundsbild i helskärm med en custom logo, sociala icons, ett search-fält och en navigation menu. Temat har en utvald funktion för parallaxrullning, vilket gör att din site ser smidig och professionell ut.

Parallax mest betydande funktioner inkluderar förbyggda layouts, animerade förloppsstänger, homepage-sektioner, custom post types och list/grid-mallar. Du kan också använda detta theme för att skapa en website med flera pages.

12. Elefant

Elephant är ett vackert utformat WordPress-tema för välgörenhetsorganisationer och ideella organisationer. Det utvalde en modern homepage layout med en clear call-to-action knapp högst upp och på huvudvyn.

Det använder en ren design, vilket gör att your content sticker ut. Du kan ställa in ditt theme snabbt och enkelt med hjälp av live customize. Elephant är också kompatibelt med all page builders, eCommerce addons, och email marketing tjänster.

13. Hestia Pro

Hestia Pro är ett mångsidigt och premium Gutenberg-färdigt WordPress-tema som är built-in specifikt för företag, startups, portföljteman och ecommerce stores. Det utvalde en layout med en enda page med parallaxrullning och beautiful sections. Hestia Pro innehåller också andra layout alternativ för att skapa landing pages.

Den är helt anpassningsbar, responsiv och retina-klar för att se bra ut på alla devices. Hestia supportar RTL-språk och är översättningsklar så att du kan skapa en website på ditt språk.

14. Extra

Extra är ett Gutenberg-vänligt WordPress-tema för magasin från skaparna av Divi-temat. Det har en drag and drop-design, kategoribyggare, reviews och ratings, moduler, element och custom layouts.

Extra är redo för ecommerce och kan användas för att skapa en website för medlemskap eller en store.

Det utvalda temat har avancerade design settings och ett story format på homepage. Temat innehåller flera layouts och templates för header, navigationsmenyer, smidig rullning och en ”tillbaka till toppen”-knapp.

15. Vinkel

Angle är ett mångsidigt WordPress-tema som är built-in specifikt för design agencies, fotografer och konstnärer. Det är kompatibelt med Gutenberg block editor. Temat har en image slider på homepage för att visa upp dina featured images.

Andra funktioner inkluderar anpassade widgets, portföljmallar, anpassade inlägg och en användarvänlig panel för temaalternativ. Vimes är optimerat för sökmotorsoptimering, hastighet och prestanda.

16. Nozama

Nozama är ett Amazon-inspirerat, eCommerce-vänligt WordPress theme. Det har full width och sidebar layouts med djärva färger för att göra ett bra första intryck på din publik. Det levereras med customize Elementor-moduler för att bygga din egen layout.

Nozama har också en anpassningsbar butiksfront med flera alternativ för att visa dina produkter. Det är perfekt för att skapa onlinebutiker och affiliate-marknadsföringsbutiker.

17. Altitude Pro

Altitude Pro är ett Genesis-drivet WordPress-tema med Gutenberg-stödjande funktioner. Det drar användarnas uppmärksamhet med parallaxeffekter och en beautiful layout. Detta theme har också en full width och responsive design, landing page templates, och mycket mer.

Det har utvalda bakgrunder, färgstilar och en custom logga. Du kan customize temat med hjälp av WordPress customizer med en live preview. Altitude Pro har kraftfulla integrationer för ecommerce.

18. Spencer

Spencer är ett premium WordPress Gutenberg-vänligt modeblogg- och livsstilstema. Det har en modern layout med flera homepage-sektioner för utvalda blogginlägg, Instagram-foton, nyhetsbrev och mer. Det har en enkel navigation menu högst upp, och du kan också lägga till sociala icons.

Detta theme är anpassningsbart för bakgrundsfärger, fonts, färgscheman och animationer. Det har fullt support för WooCommerce och är översättningsklart så att du kan skapa en website på alla språk.

19. Flevr

Flevr är ett ecommerce-vänligt och Gutenberg-drivet WordPress-tema. Det levereras med en bakgrundsbild i helskärm, flera content types, flexibla designalternativ och en drag-and-drop homepage layout. Temat innehåller custom widgets för sociala nätverk, Twitter, Instagram, etc.

Det kommer med en 1-click demo import, så att du snabbt kan lansera din website. Flevr är optimerad för sökmotorsoptimering, plus att den är översättningsklar och fungerar med WooCommerce.

20. Flottör

Float är ett beautiful WordPress Gutenberg theme. Det utvald parallax flytande och överlappande effekter för att ta din website design till nästa nivå. Temat innehåller Themify drag and drop builder så att du kan designa dina egna layouts och landing pages.

Float har enkla customize alternativ, fördesignade demo webbplatser, en portfölj post typ, sociala media integrationer, och stöd för WooCommerce.

21. Essence Pro

Essence Pro är ett beautiful och livligt WordPress Gutenberg theme utformat speciellt för livsstils-, hälso-, wellness- och fitnessföretag. Det har en fullskärms header bakgrund och story-baserad homepage layout för att utvald dina bästa artiklar professionellt.

Dess enkla och minimalistiska layout ger användarna ett attraktivt första intryck. Essence Pro är byggt högst upp på Genesis temaramverk, med support för ecommerce och flera widget-klara areas.

22. Siden

Silk är ett snyggt WordPress theme som är optimerat för Gutenberg. Det har en enkel design med en vit bakgrund och elegant typografi. Detta theme levereras med en stilhanterare för att balansera färger och font på din website. Det kommer med stark documentation och support.

Silk är optimerad för hastighet och sökmotorsoptimering, och den är också mobilanpassad. Det betyder att din site kommer att se bra ut på alla enheter. Customer support teamet är hjälpsamt, snabbt och stödjande.

23. Bramble

Bramble är ett allsidigt tema för WordPress-webbplatser eller bloggar med en modern layout och stöd för Gutenberg editor. Det levereras med en built-in page builder så att du kan designa pages och layouts. Dessutom kommer det med pre-built homepage layouts, en image slider plugin, och parallax video bakgrund stöd.

Detta theme är kompatibelt med Google Fonts, WooCommerce och WPML för att skapa en flerspråkig website. Du kan integrera flera utvalda funktioner som Google Maps, menu icons, och mer.

24. Benson

Benson är ett Gutenberg-vänligt WordPress-fotograferingstema för att bygga onlineportföljer eller webbplatser för kreativa konstnärskap. Hemsidan har support för videoklipp och slideshows, och temat har flera layouts för images med columns, grids, filter och fler inställningar.

Det ger dig fullständig control över design och layout utan att ändra någon kod. Benson har custom widgets och en drag and drop page builder för enkel anpassning.

25. Indigo

Indigo är ett WordPress multipurpose theme för företagswebbplatser. Det har en helt responsiv layout som har full kompatibilitet med Gutenberg block editor. Temat utvalde en widgetarad homepage och en template för en directory.

Andra anmärkningsvärda funktioner inkluderar ett sticky toppfält för navigation menyn, en utvald slider, ett sidebar med customizers, och en visuell customizer för att editera allt i temat.

26. Infinity Pro

Infinity Pro är ett flexibelt WordPress-tema för Gutenberg. Detta theme är byggt högst upp på Genesis-ramverket och stöder WooCommerce för att skapa en online store. Det har en full-width header bakgrund med en custom logga, navigation menu, och call-to-action knapp.

Det utvalda temat har flera area med widgets på homepage för att göra det enklare för you att designa din website. Infinity Pro är anpassningsbart med temaalternativ och WordPress live customizer.

Vi hoppas att den här artikeln hjälpte dig att välja de bästa Gutenberg-vänliga WordPress teman. Du kanske också vill se våra andra guider för att förbättra din WordPress website och öka din trafik.

Bästa WordPress Guider för Gutenberg Block Editor

• Hur man använder WordPress Block Editor (Gutenberg Tutorial)
• Bästa Gutenberg Blocks Plugins för WordPress (Super användbara)
• Hur man Customize bakgrundsfärgen för WordPress Block Editor
• Vanliga problem med Block Editor i WordPress och hur man fixar dem
• Så här lägger du till och justerar images i WordPress Block Editor (Gutenberg)
• Så här uppdaterar du dina gamla WordPress-poster med Gutenberg Block Editor
• Så här skapar du ett återanvändbart block i WordPress Block Editor (Gutenberg)
• Bästa Block Themes för Full Site Editing i WordPress
• Så här ändrar du höjd och bredd på block i WordPress
• Så här konverterar du klassiska block till Gutenberg i WordPress
• Hur man konverterar en WordPress widget till ett Block (Step-by-Step)

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.