Att skapa vackert innehåll i WordPress behöver inte kännas överväldigande.
Blockredigeraren (även känd som Gutenberg) designades specifikt för att göra det lika enkelt att bygga sidor och inlägg som att dra och släppa block på plats, utan att kräva tekniska kunskaper.
Tänk på det som att bygga med digitala Lego-bitar. Varje innehållsdel – oavsett om det är text, bilder eller knappar – blir ett block som du enkelt kan flytta runt och anpassa.
Vi gick över till Gutenberg tidigt och har använt det i flera år. Detta har hjälpt oss att guida tusentals WPBeginner-användare genom att bemästra detta system.
I den här handledningen visar vi exakt hur WordPress blockredigerare fungerar.
Du kommer att lära dig de enkla teknikerna som gör innehållsskapande snabbare och roligare, plus upptäcka funktioner som kan ge din webbplats ett polerat utseende utan någon kodningskunskap.
Notera: I den här artikeln pratar vi om att använda blockredigeraren, som är utformad för att redigera dina inlägg och sidor. Om du undrar hur du redigerar hela din webbplats med block, se då vår kompletta guide till WordPress Full Site Editing.
Vad är skillnaden mellan blockredigeraren (Gutenberg) och den klassiska redigeraren?
Innan vi dyker ner i blockredigeraren, låt oss jämföra och förstå skillnaderna mellan Gutenberg Block Editor och den äldre klassiska redigeraren.
Här är hur den klassiska redigeraren i WordPress såg ut:
Den hade en textredigeringsruta med några grundläggande formateringsalternativ. Den var ganska begränsad i funktionalitet och visuellt utseende.
Så här ser blockredigeraren ut i WordPress:
Som du kan se är de två helt olika redigerare för att skapa innehåll i WordPress.
Den gamla klassiska redigeraren var en textredigerare med formateringsknappar som liknade Microsoft Word.
Den nya redigeraren använder ett annat tillvägagångssätt som kallas 'Block' (därav namnet Blockredigerare).
Block är innehållselement som du kan lägga till på redigeringsskärmen för att skapa layouter. Varje objekt du lägger till i ditt inlägg eller din sida är ett block.
Till exempel kan du lägga till block för stycken, bilder, videor, gallerier, ljud, listor och mer. Det finns block för alla vanliga innehållselement, och fler kan läggas till via WordPress-plugins.
Hur är WordPress blockredigerare bättre än den klassiska redigeraren?
WordPress blockredigerare erbjuder ett enkelt sätt att lägga till olika typer av innehåll i dina inlägg och sidor.
Till exempel, om du tidigare ville lägga till en tabell i ditt innehåll med den klassiska redigeraren, behövde du ett separat tabellplugin.
Med blockredigeraren kan du helt enkelt lägga till ett tabellblock, välja dina kolumner och rader och börja lägga till innehåll.
Du kan flytta innehållselement upp och ner, redigera dem som enskilda block och enkelt skapa medieberikat innehåll.
Viktigast av allt är att WordPress blockredigerare är lätt att använda och lära sig.
Detta ger en enorm fördel för alla WordPress-nybörjare som precis startar sin första blogg eller bygger en webbplats för småföretag.
Med det sagt, låt oss undersöka hur man använder WordPress blockredigerare för att skapa bra innehåll som ett proffs.
Här är vad vi kommer att täcka i den här Gutenberg-handledningen:
- Använda Gutenberg – WordPress blockredigerare
- Skapa ett nytt blogginlägg eller en ny sida med blockredigeraren
- Hur man lägger till ett block i blockredigeraren
- Arbeta med block i den nya redigeraren
- Organisera block i grupper och kolumner
- Spara och återanvänd innehåll med synkroniserade mönster (återanvändbara block)
- Publicerings- och hanteringsalternativ i Gutenbergs blockredigerare
- Plugininställningar i Gutenberg
- Lägga till några vanliga block i blockredigeraren
- Utforska andra innehållsblock i blockredigeraren
- Bonustips för att använda Gutenberg som ett proffs
- Lägga till fler block i Gutenberg Block Editor i WordPress
- Vanliga frågor om Gutenberg – Blockredigeraren i WordPress
- Videohandledning
- Bonusresurser
Redo? Låt oss dyka in.
Använda Gutenberg – WordPress blockredigerare
Blockredigeraren är utformad för att vara intuitiv och flexibel. Även om den ser annorlunda ut än den gamla WordPress-redigeraren, gör den fortfarande allt som du kunde göra i den klassiska redigeraren.
Låt oss börja med att gå igenom de grundläggande saker du gjorde i den klassiska redigeraren och hur de görs i blockredigeraren.
Skapa ett nytt blogginlägg eller en ny sida med blockredigeraren
Du börjar skapa ett nytt blogginlägg eller en ny sida som du normalt skulle göra. Klicka helt enkelt på menyn Inlägg » Lägg till nytt inlägg i din WordPress-admin.
Om du skapar en sida, gå istället till menyn Sidor » Lägg till ny.
Detta startar blockredigeraren.
Hur man lägger till ett block i blockredigeraren
Det första blocket på varje inlägg eller sida är titeln.
Du kan använda musen för att flytta dig under titeln eller trycka på Tab-tangenten på ditt tangentbord för att flytta markören nedåt och börja skriva.
Som standard är nästa block ett Styckesblock. Detta gör att användare kan börja skriva direkt.
Om du vill lägga till något annat kan du dock klicka på knappen för att lägga till nytt block [+] i det övre vänstra hörnet av redigeraren, under ett befintligt block, eller till höger om ett block.
Att klicka på knappen visar menyn för att lägga till block med ett sökfält högst upp och vanliga block nedanför.
Du kan klicka på flikar för att bläddra bland blockkategorier eller skriva ett nyckelord för att snabbt söka efter ett specifikt block.
Om du inte vill använda musen för att klicka på knappen kan du också använda en tangentbordsgenväg.
Börja med att skriva / för att söka efter ett block och infoga det sedan genom att trycka på Enter-tangenten på ditt tangentbord.
Arbeta med block i den nya redigeraren
Varje block har en verktygsfält som visas ovanför det. Knapparna i verktygsfältet ändras beroende på vilket block du redigerar.
Till exempel, i skärmdumpen nedan arbetar vi med ett stycke-block som visar grundläggande formateringsknappar som textjustering, fetstil, kursiv stil, infoga länk och fler alternativ som finns tillgängliga under menyn med tre punkter.
Utöver verktygsfältet kan varje block ha sina egna blockinställningar, som visas i den högra kolumnen på redigeringsskärmen.
Dessa inställningar varierar beroende på vilket block du redigerar. Till exempel låter Paragraph-blocket dig redigera text-, bakgrunds- och länkfärg, samt typografin.
Du kan flytta block upp och ner och ordna om dem.
Om du vill göra detta, klicka bara för att dra eller släppa eller klicka på upp- och nedpilarna i verktygsfältet för blocket.
Relaterat: Se vår guide om hur man tar bort ett block i WordPress.
Organisera block i grupper och kolumner
Blockredigeraren kommer också med praktiska verktyg för att hantera och organisera dina innehållslayouter.
Du kan välja flera block genom att klicka på dem samtidigt som du håller nere Skift-tangenten på ditt tangentbord.
Klicka sedan på knappen för blocktyp i verktygsfältet för att omvandla de valda blocken till Grupper eller Kolumner.
Du kan sedan tillämpa stilar på hela gruppblocket, som att ändra justering eller marginal.
Blockredigeraren låter dig också lägga till en tom Grupp- eller Kolumnblock.
Därefter kan du fylla dem med andra block.
Du kan lägga till vilken typ av block som helst i varje kolumn efter behov.
Detta gör att du kan skapa vackra layouter för olika användningsområden.
Spara och återanvänd innehåll med synkroniserade mönster (återanvändbara block)
En av de mest kraftfulla funktionerna i blockredigeraren är möjligheten att spara och återanvända innehåll över hela din webbplats. Detta görs med hjälp av Synkroniserade mönster, som tidigare var kända som Återanvändbara block.
Ett synkroniserat mönster är ett block, eller en grupp av block, som du kan använda på flera inlägg och sidor.
Det bästa är att när du redigerar ett mönster uppdateras det automatiskt överallt där du har använt det. Detta är perfekt för innehåll som behöver förbli konsekvent, som en ruta för uppmaning till handling, en författarbiografi eller kontaktinformation.
För att skapa en, välj helt enkelt det block eller de block du vill spara. Klicka sedan på ikonen med tre punkter i verktygsfältet för blocket och välj alternativet 'Skapa mönster'.
Ett popup-fönster kommer att visas. Här kan du ge ditt mönster ett namn och tilldela det en kategori för att hålla saker organiserade.
Viktigast av allt är att du måste se till att alternativet 'Synkroniserad' är aktiverat. Det är detta som gör att mönstret uppdateras överallt samtidigt.
Notera💡: Du kan också använda hela grupper och kolumner som återanvändbara block. Detta gör att du kan spara hela sektioner och använda dem närhelst det behövs.
Efter att du klickat på 'Skapa' sparas ditt nya synkroniserade mönster.
För att använda det i ett annat inlägg eller en annan sida, klicka bara på knappen för att infoga block (+) och hitta det under fliken 'Mönster', eller sök helt enkelt efter det genom namn.
Mönster gör det enkelt för webbplatsägare att lägga till vanliga element i sina layouter, som uppmaningar till handling, knappar för sociala medier, banderoller och mer.
Ditt WordPress-tema eller dina plugins kan till och med komma med egna mönster, eller så kan du hitta mönster skapade av andra i WordPress Block Patterns-bibliotek.
Om du behöver mer hjälp har vi en separat guide för nybörjare om att hitta och använda WordPress blockmönster.
Publicerings- och hanteringsalternativ i Gutenbergs blockredigerare
Varje WordPress-inlägg innehåller mycket metadata. Detta inkluderar information som publiceringsdatum, kategorier och taggar, utvalda bilder och mer.
Alla dessa alternativ är snyggt placerade i den högra kolumnen på redigeringsskärmen.
Plugin-alternativ i Gutenberg
WordPress-plugins kan dra nytta av blockredigerarens API för att integrera sina inställningar inom redigeringsskärmen.
Vissa populära plugins kommer med egna block.
Till exempel, WPForms, det bästa WordPress kontaktformulärspluginet, låter dig lägga till formulär i ditt innehåll med hjälp av ett block.
Andra WordPress-plugins kan också lägga till sina inställningar på blockredigerarens skärm.
Till exempel, här är hur Allt i ett SEO för WordPress låter dig redigera dina SEO-inställningar längst ner i blockredigeraren:
På samma sätt, om du driver en onlinebutik med WooCommerce, kommer du att märka att det också har sina egna block.
Dessa block låter dig lägga till dina produkter i något av dina WordPress-inlägg och sidor.
Lägga till några vanliga block i blockredigeraren
Blockredigeraren kan göra allt som den äldre klassiska redigeraren kunde.
Du kommer dock att göra saker snabbare och elegantare än tidigare. Dessutom kan den göra mycket mer, som att låta dig styla ditt innehåll med en mängd no-code-alternativ.
Här är några av de vanliga blocken som du kan använda.
1. Lägga till en bild i WordPress blockredigerare
Det finns ett färdigt bildblock i WordPress blockredigerare. Lägg bara till blocket och ladda sedan upp en bildfil eller välj den från mediebiblioteket.
Du kan också dra och släppa bilder från din dator, och redigeraren kommer automatiskt att skapa ett bildblock.
När du har lagt till en bild kommer du att kunna se blockinställningarna, där du kan lägga till metadata för bilden, som alt-text, bildens upplösning och lägga till en länk till bilden.
För mer information, ta bara en titt på vår handledning om hur man lägger till bilder i WordPress.
2. Lägga till en länk i blockredigeraren
Blockredigeraren kommer med flera block där du kan lägga till text. Det vanligaste är styckesblocket, som har en knapp för att infoga en länk i verktygsfältet.
Alla andra vanligt förekommande textblock har också en länkknapp i verktygsfältet.
Du kan också infoga en länk med hjälp av kortkommandot, vilket är Command + K för Mac och CTRL + K på Windows-datorer.
3. Lägga till ett bildgalleri i Gutenberg
Galleribladet fungerar som bildbladet. Du lägger till det och laddar sedan upp eller väljer bildfiler.
För mer information, se vår guide om att skapa ett bildgalleri i WordPress.
4. Lägga till kortkoder i WordPress-inlägg med Gutenberg
Alla dina kortkoder kommer att fungera precis som de gjorde i den klassiska redigeraren. Du kan helt enkelt lägga till dem i ett styckesblock, eller så kan du använda kortkodsblocket.
Utforska andra innehållsblock i blockredigeraren
Gutenberg-redigeraren lovade att lösa några långvariga användbarhetsproblem i WordPress genom att introducera nya block.
Följande är några av favoriterna som vi tror att användarna kommer att finna oerhört hjälpsamma.
1. Lägga till en bild bredvid text i WordPress
Många av våra användare kunde inte placera en bild bredvid texten med den gamla redigeraren. Du kan göra detta nu med blocket Media & Text.
Detta enkla block levereras med två block placerade sida vid sida, vilket gör det enkelt att lägga till en bild med lite text bredvid.
2. Lägga till en knapp i WordPress-inlägg och sidor
En annan irritation med den gamla redigeraren var att lägga till en knapp i dina blogginlägg eller sidor. Du var antingen tvungen att använda ett plugin som skapade en kortkod för knappen eller byta till HTML-läge och skriva kod.
Lyckligtvis har Gutenberg ett knappblock som låter dig snabbt lägga till en knapp i vilket inlägg eller sida som helst.
Du kan lägga till en länk för din knapp, ändra färger och mer. För detaljer, se vår artikel om hur man enkelt lägger till knappar i WordPress.
3. Lägga till vackra omslagsbilder i blogginlägg och landningssidor
En annan cool funktion du kanske vill prova är täckblocksfunktionen, som låter dig lägga till täckbilder eller bakgrundsfärger till dina inlägg och sidor.
En omslagsbild är en bredare bild som ofta används för en ny sektion på en sida eller början av en berättelse. Den ser vacker ut och låter dig skapa engagerande innehållslayouter.
Lägg bara till ett Omslagsblock och ladda sedan upp bilden du vill använda. Du kan välja en överläggsfärg för omslaget eller göra det till en fast bakgrundsbild för att skapa en parallaxeffekt när användare scrollar ner på sidan.
För mer information, se vår artikel om skillnaden mellan omslagsbilder och utvalda bilder i WordPress.
4. Skapa tabeller inuti artiklar
Den klassiska redigeraren hade ingen knapp för att lägga till tabeller i dina WordPress-inlägg. Du var tvungen att använda ett plugin eller skapa en tabell genom att skriva anpassad CSS och HTML.
Nu har blockredigeraren ett standardblock för tabeller, vilket gör det superenkelt att lägga till tabeller i dina inlägg och sidor. Lägg bara till blocket och välj antalet kolumner och rader du vill infoga.
Du kan nu börja lägga till data i tabellrader. Du kan alltid lägga till fler rader och kolumner vid behov, och två grundläggande stilalternativ finns tillgängliga.
5. Skapa innehåll i flera kolumner
Att skapa innehåll i flera kolumner var ett annat problem som den klassiska redigeraren inte hanterade alls.
Lyckligtvis tillåter blockredigeraren dig att lägga till ett Kolumnblock, som lägger till två kolumner med paragrafblock.
Detta kolumnblock är ganska flexibelt. Du kan lägga till upp till 6 kolumner i en rad och till och med använda andra block inuti varje kolumn.
Bonustips för att använda Gutenberg som ett proffs
När du tittar på blockredigeraren kanske du undrar om du kommer att spendera mer tid på att lägga till och justera block än på att skapa faktiskt innehåll.
Tja, blockredigeraren är otroligt snabb, och även mycket grundläggande användning under några minuter gör att du kan lägga till block omedelbart utan att ens tänka.
Snart kommer du att inse hur mycket snabbare ditt arbetsflöde blir med detta tillvägagångssätt.
Här är några bonustips för kraftanvändare som hjälper dig att arbeta ännu snabbare med WordPress blockredigerare.
1. Flytta blockverktygsfältet till toppen
Du kanske har märkt på skärmbilderna ovan att en verktygsfält visas högst upp på varje block. Du kan flytta detta verktygsfält till toppen av redigeraren.
För att komma åt alternativet 'Övre verktygsfält' klickar du på knappen med tre punkter längst upp till höger på skärmen.
2. Använd tangentbordsgenvägar
Gutenberg levereras med flera praktiska genvägar som gör ditt arbetsflöde ännu snabbare och enklare. Den första du bör börja använda direkt är /.
Ange bara /, börja skriva, och sedan kommer redigeraren att visa dig matchande block som du omedelbart kan lägga till.
För fler genvägar, klicka på menyn med tre punkter längst upp till höger på skärmen och välj 'Tangentbordsgenvägar'.
Detta kommer att öppna ett popup-fönster med en lista över alla tangentbordsgenvägar du kan använda. Listan kommer att ha olika genvägar för Windows- och Mac-användare.
3. Dra och släpp media för att automatiskt skapa medieblock
Gutenberg låter dig dra och släppa filer var som helst på skärmen, och skapar automatiskt ett block åt dig.
Du kan till exempel släppa en enskild bild- eller videofil, och den skapar blocket åt dig. Alternativt kan du släppa flera bildfiler för att skapa ett Galleriblock.
4. Lägga till YouTube, Twitter, Vimeo och andra inbäddningar
Blockredigeraren gör det enklare att bädda in innehåll från tredje part i ditt WordPress-innehåll. Det finns block för alla populära tredjepartstjänster.
Du kan dock bara kopiera och klistra in inbäddnings-URL:en när som helst, så skapas automatiskt ett block åt dig.
Till exempel, om du lägger till en YouTube-videolänk skapas automatiskt ett YouTube-inbäddningsblock och videon visas.
Medan du klistrar in en URL direkt inte fungerar för Facebook- och Instagram-inlägg, är lösningen enkel.
Du behöver bara aktivera funktionen 'oEmbeds' med hjälp av Smash Balloon Social Photo Feed och klistra in URL:en i blocket 'Bädda in'.
För fullständiga detaljer, se vår artikel om inbäddning av Facebook- och Instagram-inlägg i WordPress.
Lägga till fler block i Gutenberg Block Editor i WordPress
Blockredigeraren i WordPress tillåter utvecklare att skapa sina egna block. Vissa utmärkta WordPress-plugins erbjuder blockpaket för den nya redigeraren.
Här är några av dem:
1. Spectra WordPress Gutenberg-block
Spectra WordPress Gutenberg Blocks är ett blockbibliotek med många avancerade block som hjälper dig att lägga till fler designelement i ditt innehåll.
Spectra, skapat av personerna bakom det populära Astra WordPress-tema, hjälper dig att skapa vackra designer utan att skriva någon kod.
För mer information, se vår kompletta Spectra-recension.
PublishPress Blocks är ett annat kraftfullt blockbibliotek som kommer med ytterligare block för att utöka Gutenberg-blockredigeraren.
Den innehåller vackra layoutalternativ, sliders, knappar, ikoner, bildgallerier, kartor, flikar, vittnesmål, dragspel och mer.
3. Stapelbara – Gutenberg-block
Stackable – Gutenberg Blocks är en samling vackert designade Gutenberg-block som du kan använda på din webbplats. Den innehåller block för behållare, inlägg, funktionsrutnät, dragspel, bildruta, ikonlista, uppmaning till handling och mer.
För fler alternativ, se vår kompletta lista över de bästa WordPress Gutenberg-blockplugins.
Vanliga frågor om Gutenberg – Blockredigeraren i WordPress
Sedan Gutenberg blev standardredigeraren i WordPress har vi fått många frågor om hur man använder den. Här är svaren på några av de vanligaste frågorna om blockredigeraren.
1. Vad händer med mina äldre inlägg och sidor i blockredigeraren? Kan jag fortfarande redigera dem?
Blockredigeraren påverkar inte dina gamla inlägg och sidor. Du kan fortfarande redigera dem, och blockredigeraren kommer automatiskt att öppna dem i ett block som innehåller den klassiska redigeraren.
Du kan redigera dem i den gamla redigeraren, eller så kan du konvertera äldre artiklar till block och använda blockredigeraren.
2. Kan jag fortfarande använda den gamla redigeraren?
Ja, du kan fortfarande fortsätta använda den gamla redigeraren. Installera och aktivera bara pluginet Classic Editor.
Vid aktivering kommer blockredigeraren att inaktiveras, och du kommer att kunna fortsätta använda den klassiska redigeraren.
Classic Editor-pluginet kommer att stödjas officiellt under överskådlig framtid. Vi rekommenderar dock starkt att du börjar använda blockredigeraren nu för att bekanta dig med det moderna sättet att skapa innehåll i WordPress.
3. Vad gör jag om blockredigeraren inte fungerar med ett plugin eller tema som jag använder?
Project Gutenberg var under utveckling länge, vilket gav plugin- och temautvecklare gott om tid att testa sin kod för kompatibilitet.
Det finns dock fortfarande en chans att vissa plugins och teman kanske inte fungerar bra med blockredigeraren. I så fall kan du installera Classic Editor-pluginet, be utvecklaren att lägga till Gutenberg-stöd eller hitta ett alternativt plugin eller tema.
4. Hur kan jag lära mig mer om Gutenberg-tips och tricks?
WPBeginner är den bästa platsen att lära sig om blockredigeraren i WordPress. Vi är den största WordPress-resurswebbplatsen på internet.
Vi kommer att publicera nya artiklar och uppdatera våra gamla resurser för att hjälpa dig att bemästra blockredigeraren.
Under tiden, om du har några frågor, är du välkommen att kontakta oss genom att lämna en kommentar eller använda kontaktformuläret på vår webbplats.
5. Kör du på Gutenberg-problem?
Om du har problem med WordPress blockredigerare, har vi skapat en snabb felsökningsguide som listar alla vanliga problem med blockredigeraren som användare stöter på och hur man löser dem.
Videohandledning
Om du inte föredrar skriftliga instruktioner, titta bara på vår videoguide:
Bonusresurser
Följande är några ytterligare resurser som hjälper dig att använda blockredigeraren mer effektivt:
- WordPress blockredigerare vs sidbyggare: Vad är skillnaden?
- Hur man skapar ett anpassat WordPress-block (enkelt sätt)
- Hur importerar/exporterar du dina WordPress Gutenberg-block (2 steg)
- WordPress Widgets vs Block – Vad är skillnaden? (Förklarat)
- En komplett nybörjarguide till WordPress Full Site Editing
- Bästa blockteman för fullständig webbplatsredigering i WordPress
- Tips för att bemästra WordPress innehållsredigerare
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Adrienne
Jag har fortfarande inte uppdaterat till blockstilen. Jag väntar tills jag inte har något annat val än att ändra.
WPBeginner Support
Det är du absolut tillåten att göra. Om du inte använder WordPress.com kommer det troligen nästan alltid att finnas ett sätt att använda den klassiska redigeraren.
Admin
Paul Pavao
Baserat på en omröstning bland vänner över 40 som skriver kristet innehåll, är vi 100 % rasande över förlusten av den klassiska redigeraren. Det klassiska blocket i blockredigeraren är en dålig kopia av det gamla eftersom blockredigeraren kommer att ta varje tillfälle att överföra mig till ett annat block. Blockredigerare kommer i vägen för globala ändringar. Ja, du kan flytta ett stycke till en annan plats, men i den klassiska redigeraren gör klipp och klistra enkelt samma sak.
Förr fanns det en flik för att komma till HTML-redigeraren med ett klick, vilket möjliggjorde exakta ändringar med HTML. Gud ge oss ett alternativ i wp-admin för att välja den klassiska redigeraren utan något alternativ för WordPress-redigeraren att åsidosätta oss baserat på dess preferenser snarare än våra.
WPBeginner Support
Learning a new editor will certainly take some time but if you want to return to the previous WordPress editor then our guide below will show you how to set this up
https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/
Admin
Kzain
Jag har använt klassisk redigerare men kämpar fortfarande med att vänja mig vid Gutenberg. Även om det har potential, är designflexibiliteten jämfört med dedikerade sidbyggare som Elementor eller SeedProd ganska begränsad. Jag finner mig själv ständigt leta efter lösningar för att uppnå önskad layout. Jag hoppas att framtida uppdateringar kommer att ge mer designfrihet och anpassningsmöjligheter till kärnredigeraren liknande dagens byggare men inte för att publicera ett inlägg som alltid har varit bättre
Oyatogun Oluwaseun Samuel
Detta är en oerhört användbar artikel. Jag trodde att jag kunde blockredigeraren väl, men den här artikeln gav mig ett annat perspektiv på hur jag kan använda den bättre. Jag lärde mig för första gången om blockredigerarens API som kan användas vid pluginutveckling, gruppering av block för att skapa mönster. Mycket användbar artikel.
Dayo Olobayo
Jag är nyfiken på att se hur blockredigeraren fortsätter att utvecklas i framtiden. Jag hoppas att vi kommer att se ännu fler block och funktioner läggas till som kommer att göra den ännu kraftfullare och mer mångsidig. Det är redan ett utmärkt verktyg, och jag kan bara föreställa mig hur det kommer att förbättras över tid.
WPBeginner Support
It will hopefully keep improving over time
Admin
Moinuddin Waheed
Låt mig ta denna kommentar som en möjlighet att uppskatta den gamla klassiska redigeraren
vilken har dominerat WordPress-utrymmet sedan WordPress lanserades.
Nu när vi har övergått till den nya utgåvan av Gutenberg-redigeraren och använder den
för att skapa inlägg och sidor, saknar jag ofta den gamla klassiska redigeraren för dess enkelhet och användarvänlighet.
Jag minns att jag rekommenderade mina vänner som inte är utvecklare att skriva och publicera innehåll på
min nyhetswebbplats utan någon träning eller guide. De blev bekanta med den så fort
de började använda den.
Tack för denna detaljerade artikel om steg för att använda Gutenberg-block.
Jiří Vaněk
Du talar till min själ, Moinuddin Waheed. Jag älskade också den gamla WYSIWYG-redigeraren och det gamla konceptet med redigeraren. Den var enkel, fungerade utmärkt, och jag älskade den helt enkelt på alla sätt. Sedan kom WordPress med Gutenberg, och för mig innebar det ett stopp. Jag slutade blogga och använde inte WordPress på flera år eftersom Gutenberg absolut inte passade mig. Jag återvände till WordPress först tack vare Elementor, som hjälpte mig att återupptäcka en viss enkelhet och intuitivt arbete med WordPress. Jag började njuta av att arbeta med WordPress igen. Med tiden försöker jag lära mig att arbeta med blockredigeraren, men den känns fortfarande klumpig och intuitiv för mig. Tyvärr verkar vi båda behöva acceptera det. Den gamla goda klassiska redigeraren som vi kände den är tyvärr bara historia, ihågkommen av bara några av oss.
Gin
Jag skriver mina inlägg på min dator först. När det är klart kopierar jag allt till redigeraren MEN jag måste klippa och klistra in varje stycke i ett styckesblock. Finns det ett sätt jag kan kopiera och klistra in en artikel och den hamnar automatiskt inom 'block'?
WPBeginner Support
Vi rekommenderar att du tittar på vår guide nedan om att kopiera och klistra in i redigeraren för att göra processen enklare.
https://www.wpbeginner.com/beginners-guide/how-to-copy-and-paste-into-wordpress/
Admin
Sunil Suresh
Underbar artikel. Jag lärde mig ganska mycket om Gutenberg-blockredigeraren från din artikel.
En fråga: Vad är skillnaden mellan ett "mönster" och ett "återanvändbart block"? De verkar båda vara mycket lika. När skulle man använda det ena framför det andra?
WPBeginner Kommentarer
Ett mönster är en mall som du kan kopiera och sedan redigera separat varje gång du använder den, medan ett återanvändbart block låter dig ändra det återanvändbara blocket och alla instanser kommer då att uppdateras för att matcha.
Melissa
Jag vet verkligen inte vad jag gör fel, av någon anledning ser webbplatsen jag arbetar på inte ut som webbplatsen som du kan söka efter. Jag är så okunnig och kämpar verkligen. Hur ser den publicerade webbplatsen så annorlunda ut jämfört med webbplatsen jag fortfarande håller på att redigera? Jag är så förvirrad...
WPBeginner Support
Det finns några möjliga anledningar. Om ditt tema lägger till många anpassningar i designen kan det vara viss förvirring från ditt tema, men om du menar att dina ändringar inte tillämpas är det troligen ett cacheproblem.
Admin
Jiří Vaněk
Jag tycker fortfarande, och är övertygad om, att Gutenberg inte har samma kvalitet som många externa byggare. Den enda och stora fördelen med Gutenberg är att det är gratis och inbyggt i systemet. Och eftersom WordPress själva meddelade en stor förbättring av redigeraren själv, försöker jag lära mig att arbeta med Gutenberg, som jag egentligen inte gillade från början. Dessa videor hjälper mig mycket. Jag hoppas bara att sådant arbete lönar sig och att Gutenberg en dag kommer att vara lika enkelt som Seed Prod eller Elementor.
Ahmed Omar
faktiskt använder jag den klassiska redigeraren vilket är bra för mig.
men jag upptäckte att vissa plugins inte fungerar med den.
så jag var tvungen att byta till blockredigeraren som är ny för mig.
Jag följer videon steg för steg vilket gör det enkelt
tack
WPBeginner Support
Varsågod.
Admin
Annabelle Franklin
Allt jag vill ha är något som är lätt att använda. Classic-redigeraren har alltid låtit mig göra saker enkelt, t.ex. kopiera och klistra in text från Word, utan att behöva plugins som bara är tillgängliga för självhostade webbplatser.
WPBeginner Support
There is a learning curve when anything changes but we hope as the block editor improves you find it more useful
Admin
Annabelle Franklin
Fungerar blockredigeraren bara bättre än den klassiska för självhostade bloggar? Jag har inte råd att betala för en webbplats, och innan jag börjar använda den vill jag vara säker på att den fungerar åtminstone lika bra som den klassiska för personer som inte betalar för sin Wordpress-blogg.
WPBeginner Support
Det skulle bero på om det fanns något du specifikt ville ha från den klassiska redigeraren. Om du precis börjar och inte har erfarenhet av någon av redigerarna, rekommenderar vi att du använder blockredigeraren.
Admin
Ben Eng
Hur aktiverar jag Gutenberg-redigeraren för kommentarer?
WPBeginner Support
Gutenrberg/Blockredigeraren är för närvarande inte tillgänglig för din kommentarssektion.
Admin
ary
Jag har laddat ner Gutenberg-pluginet men jag ser fortfarande samma klassiska redigerare. Vad behöver jag göra?
WPBeginner Support
Om din webbplats är uppdaterad bör den använda blockredigeraren som standard. Du vill kontrollera om du har en plugin aktiverad som visar den klassiska redigeraren istället.
Admin
Jackson Ndawala
Behöver jag lägga till ett tema om blockredigeraren kan göra allt som temat kan göra? Snälla hjälp.
WPBeginner Support
Du skulle fortfarande behöva ett tema för att WordPress ska fungera för tillfället. Temat är för den övergripande designen och stilen på din webbplats och du kan använda blockredigeraren för att anpassa delar av din webbplats.
Admin
Cattie Coyle
Jag hörde precis talas om detta nya "Gutenberg-grej" och hittade din fantastiska handledning – tack, den kommer att vara superhjälpsam när jag väl förstår hur jag får Gutenberg att visas på min webbplats. Jag har fortfarande bara den klassiska redigeraren (och jag har den inte som ett plugin, det är så min webbplats alltid har varit), finns det något jag behöver installera för att kunna se Gutenberg-redigeraren?
WPBeginner Support
Du vill vara säker på att din WordPress-webbplats är uppdaterad till den senaste versionen för att se den. Du vill också kontrollera om pluginet för klassisk redigerare är aktivt på din webbplats för att förstå varför blockredigeraren inte är din standardredigerare.
Admin
jo gandomi
Hej
Hur ändrade du bakgrundsfärgen på redigeraren?
För mig är den vit men för dig är den en annan färg
WPBeginner Support
Om inte ditt tema åsidosätter detta, bör blockredigeraren använda samma bakgrundsfärg som ditt innehåll på din webbplats.
Admin
Nikki
Tack för den informativa videon. Jag har undvikit den nya redigeraren eftersom jag har använt WP i många år och inte såg nyttan med att lära mig ett nytt sätt när det inte var något fel med den klassiska redigeraren. Jag insåg inte att de skulle lägga ner den klassiska 2022, så jag hittade detta i perfekt timing. Jag ser att det fortfarande finns en viss inlärningskurva, men det är inte så illa som jag trodde att det skulle vara.
WPBeginner Support
Glad our guide was helpful and we hope you enjoy using the new editor
Admin
Michael
Den här handledningen har verkligen hjälpt mig att förstå vad jag kan göra med Glutenberg. Tack
WPBeginner Support
Glad you found our guide helpful
Admin
Arnold
Hej,
När jag använder den klassiska redigeraren har verktygsfältet en inställning för att välja en teckensnittstyp från en rullgardinsmeny.
Hur ändrar man teckensnittstypen när man använder blockredigeraren?
Arnold
WPBeginner Support
Det låter som att du menar Advanced Editor Tools (TinyMCE Advanced). Du kan lägga till några av dessa verktyg igen, men för att ändra teckensnitt för dina webbplatsbesökare bör du titta på rekommendationerna från vår artikel nedan:
https://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/
Admin
Lio
Av någon mystisk anledning visas blockinställningarna under sidan (som YoastSEO-inställningar etc.) istället för på höger sida av den. Vad kan problemet vara?
WPBeginner Support
Troligtvis är din webbläsare för smal, om du expanderar ditt webbläsarfönster bör det dyka upp på sidan igen.
Admin
Jay
Jag tycker att blockredigeraren är ganska frustrerande just nu. Detta beror på att jag hoppades kunna börja blogginlägg med ett citat, en dikt eller en sångtext. När jag skriver och trycker på enter för att gå till en annan rad i dikten får jag ett nytt block. Hur kan jag göra flera rader utan att få ett nytt block för varje rad när jag trycker på enter?
WPBeginner Support
Du vill använda shift enter istället för bara enter för att stanna inom samma block.
Admin
Lisa Richardson
Bestämde mig äntligen för att lära mig blockredigeraren. Wow! Varför väntade jag så länge? Jag läste den här artikeln, sedan startade jag ett nytt utkast till en sida med blockredigeraren. Så enkelt. När jag väl vant mig vid det och lär mig mer kommer det att vara så enkelt och roligt att skriva nya sidor och inlägg! Till er som fortfarande använder den klassiska redigeraren, ni måste verkligen börja lära er och använda blockredigeraren.
WPBeginner Support
Glad you’re liking the block editor and we hope our guide can make the transition a little easier
Admin
Carla
Jag undrade om det finns ett sätt att redigera ett block som har använts i flera inlägg så att ändringarna skulle visas samtidigt?
WPBeginner Support
Du skulle vilja använda ett återanvändbart block för det du vill göra. Du kan se vår guide om det nedan:
https://www.wpbeginner.com/beginners-guide/how-to-create-a-reusable-block-in-wordpress/
Admin
Marcel
varför Gutenberg visas i listan över moduler så att den kan installeras om när du installerar WordPress är blockredigeraren standard?
WPBeginner Support
Det fanns ett Gutenberg-plugin för blockredigeraren innan den blev standardredigerare. Du behöver inte installera Gutenberg-pluginet för att använda blockredigeraren längre.
Admin
Naureen Amjad
Hej,
Tack för den detaljerade artikeln.
För ett tag sedan raderade jag blockredigeraren. Hur installerar jag den igen? det finns så många Gutenberg-plugins, kan inte lista ut vilket som är standardredigeraren.
Tack för din hjälp.
WPBeginner Support
Du vill inaktivera pluginet för klassisk redigerare för att använda blockredigeraren på din webbplats normalt, om du inte använder ett annat plugin.
Admin
Dana
Tack! Detta var svaret jag letade efter LOL. Kunde inte förstå varför blockredigeraren inte visades. Ni är bäst.
Muhmmad Humayoon
Herr, jag måste formatera mitt textavstånd som marginal och stoppning. Vilken block ska jag använda?
WPBeginner Support
Det skulle vara CSS snarare än ett specifikt block, som en startpunkt vill du titta på vår guide om att inspektera element nedan:
https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Admin
James
Fantastiskt. Mycket detaljerat och hjälpsamt.
WPBeginner Support
Glad our guide was helpful
Admin
Steve
Vad är det bästa sättet att kopiera innehåll från MS Word till Blockredigeraren?
WPBeginner Support
Du kanske vill titta på vår artikel som täcker detta nedan:
https://www.wpbeginner.com/plugins/how-to-import-docx-documents-in-wordpress/
Admin
Ayoola Efunkoya
Trevligt och hjälpsamt inlägg. Jag letar dock intensivt efter resurser om hur man använder den nya redigeraren med skärmläsare. Kan du hjälpa mig?
WPBeginner Support
Vi har ingen rekommendation för tillfället men vi kommer att hålla utkik.
Admin
Russ
När jag öppnar min sida och går för att redigera den, dyker blockredigeringshandledningen ALLTID upp först. Hur får jag bort detta irriterande popup-fönster permanent så att jag bara kan komma åt min redigering?
WPBeginner Support
Du kanske vill se till att din webbläsare inte hindrar cookies från att ställas in när du stänger popup-fönstret av en vanlig anledning.
Admin
Sameo
Genom att använda denna blockredigerare insåg jag att det inte finns något sätt att skicka global typsnittsfärg och storlek för hela bloggen. Det är extremt tidskrävande att ändra varje enskild blogg.
Finns det någon lösning på detta?
WPBeginner Support
För det skulle du behöva använda CSS. Vi täcker CSS på vår ordlistesida nedan:
https://www.wpbeginner.com/glossary/css/
Admin
Joshua
Hur minskar jag det synliga inlägget genom att sätta 'läs mer' där jag vill dölja?
WPBeginner Support
For that, you would use the More block
Admin
Colin Burch
Finns det ett sätt att indexera ett block? Minska dess bredd?
WPBeginner Support
Det skulle bero på de specifika detaljer du letar efter när du säger index. För bredden kan du använda CSS eller kolumner som de vanligaste metoderna för vad du vill göra.
Admin
Colin
Jag såg inte något jag har använt ofta. Exempelvis har jag ett styckesblock där jag beskriver en skriftreferens. Sedan skapar jag ett annat styckesblock för att innehålla skriften. Jag skulle vilja indrag skriftblocket. Hur skulle jag göra det?
WPBeginner Support
For the moment you should be able to use a classic block to add that indent
Admin
Colin
Tack för svaret. Jag har faktiskt bestämt mig för att använda 'citat'-blocket, även om 'vers'-blocket också skulle fungera. Båda ger en liten indragning. 'Citat' lägger också till en vertikal linje.
WPBeginner Support
Glad you found a solution that works for you
Nancy
Jag har precis börjat med Word Press. Kanske var detta den "rätta" tidpunkten eftersom jag inte har använt den äldre versionen eller vant mig vid den. Jag börjar direkt med den nya blockredigeraren. Den här guiden var hjälpsam. Tack.
WPBeginner Support
You’re welcome, glad our guide could be helpful
Admin
Ted Owen
Tack för en så underbar artikel. Och tack för ditt tålamod. Jag provade Gutenberg under en kort period, men hade svårt med en viktig fråga: bilder omgivna av text låg precis intill varandra, inget utrymme alls. Försökte hitta ett sätt att lägga till marginal, men kunde inte hitta det. Så jag gick tillbaka till Classic.
Men nu visar din artikel hur mycket mer det finns bra med Gutenberg, att jag bara kommer att fråga dig – hur lägger man till stoppning (utrymme) mellan en bild och angränsande text? Om det finns en aktuell lösning, kommer jag att återgå till Gutenberg om en kort stund!
Bästa hälsningar, Ted
WPBeginner Support
Du kan använda blocket för media och text för en metod, du kanske också vill kontrollera med ditt temas support för att säkerställa att ditt temas stil inte är en del av orsaken till detta problem.
Admin
Ted Owen
Tack. Ska prova det i nästa inlägg.
Vatsalya Agnihotri
Sir, din blogg är fantastisk, jag vill fråga om jag vill markera mitt inlägg som ett utvalt inlägg i blockredigeraren, hur kan jag göra det, snälla sir, berätta för mig
WPBeginner Support
Det bör finnas en kryssruta i inläggets inställningar för att fästa inlägget högst upp i bloggen, baserat på vad det verkar som att du vill
Admin
macide
Hej,,Tack så mycket för din artikel.
Jag var fördomsfull mot den nya blockredigeraren först men jag är positivt överraskad över att den ger dig många fler alternativ för att transformera dina sidor.
Mitt enda problem är att blockredigeraren visar alla titlar i versaler på frontend, även om titlarna på publicerade inlägg ser ut som de ska. Finns det något sätt att fixa detta så att jag kan se vad jag gör i redigeraren?
Tack på förhand.
WPBeginner Support
Vi har ingen rekommendation för närvarande, men i takt med att blockredigeraren förbättras bör den börja se mer ut som din webbplats framsida.
Admin
Kathleen
Jag har WordPress.com. Jag försöker använda blockredigeraren, men jag kan inte hitta var jag ska ange taggar och kategorier. Det verkar ha försvunnit. Några tips? Tack.
WPBeginner Support
Det skulle finnas i dokumentinställningarna, eller så kan du kontrollera under de tre vertikala prickarna uppe till höger under alternativ. Våra handledningar är för självhostade installationer, så om alternativet inte är tillgängligt bör du kontakta deras support.
Admin
Shannon
Finns det ett dokument som förklarar vad alla dessa block gör?
WPBeginner Support
Inte för tillfället.
Admin
Sarah
JAG VILL HA BORT DET OCH JAG VILL HA BORT DET NU. Jag har inga plugins, jag förstår inte. Det finns inget alternativ för klassisk / en normal redigerare. Hur går man tillbaka till gratisversionen? Varje gång jag försöker använda någon plugin, även gratis, säger den att jag måste uppgradera till en betald version av WordPress för att använda någon, till och med gratis plugins, bisarrt.
WPBeginner Support
Det beror troligen på att din webbplats finns på WordPress.com, du är begränsad till deras alternativ för den klassiska redigeraren eftersom det finns skillnader mellan WordPress.com och WordPress.org:
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Admin
Dave Tolbert
Tack för den här artikeln, den är fantastisk. Hittills gillar jag blockredigeraren. Men när jag vill infoga en bild i en numrerad lista verkar det inte finnas någon kontroll över var bilden visas i listan. Finns det ett sätt att kontrollera var en bild visas i ett listblock?
WPBeginner Support
Om du har detta problem med flera block kan du prova att använda ett klassiskt block för att skapa din lista.
Admin
Neal Umphred
Tack för den här lättföljda handledningen om Gutenberg.
Jag kom precis till "Spara och återanvända block i Gutenberg" och följde alla steg. Jag nådde sidan där jag kan hantera mina återanvändbara block.
Nu, hur kommer jag tillbaka till min redigerare?
WPBeginner Support
Du skulle behöva gå tillbaka manuellt till sidan via administrationsområdet för inlägg/sidor och redigera inlägget igen
Admin
Neal Umphred
Tack – det var precis vad jag gjorde!
Fortsätt det goda arbetet: Den här handledningen har hjälpt mig enormt att övervinna min rädsla för att byta från Classic-redigeraren till Gutenberg-redigeraren (ett mycket mer intressant och elegant namn än "blockredigerare").
PS: Om du har kontakter hos Gutenberg-utvecklarna kan du föreslå att de lägger till ett alternativ för att återgå till redigeraren på den återanvändbara sidan.
WPBeginner Support
Kul att vår artikel kunde hjälpa dig att känna dig tryggare med att byta till den nya redigeraren
Senchibald
Kära,
Jag har ett problem med GUTENBERG-blocket på WordPress. Blocket har plötsligt blivit smalt, det täcker inte hela sidan och jag har inte tillräckligt med utrymme. Hur löser jag detta problem?
WPBeginner Support
För att börja, om det inte är ett block som lagts till av ett plugin, vill du kontakta ditt temas support för att säkerställa att detta inte är ett stilfel i temat.
Admin
Lily Girma
Mina block är helt huller om buller när jag försöker skapa ett nytt inlägg och jag kan inte ens skriva. Snälla hjälp? Jag har allt uppdaterat så jag är inte säker på varför det händer. Jag använder Chrome.
WPBeginner Support
Det finns några möjliga anledningar, till att börja med kan du prova en annan webbläsare för att se om ett tillägg eller liknande orsakar ett problem. Om det inte löser blockets placering kan du kontrollera om det finns en konflikt med tema eller plugin med hjälp av vår guide här: https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
Admin
Steve Smith
Detta nya blocksystem är hemskt.
Jag kan inte göra det grundläggande med att ha en miniatyrbild till vänster och en h2-rubrik centrerad inline högst upp bredvid den med en h4-rubrik nedanför.
Detta var det mest grundläggande att göra med det gamla, överlägsna systemet.
Jag har illusionen av mer kontroll men verkligheten är att jag har fler alternativ som uppnår mindre.
Jag hoppas att jag kan gå tillbaka till klassisk stil eftersom detta innebär att jag inte kan lägga till på min webbplats längre.
Helt fruktansvärt.
WPBeginner Support
Det är en inlärningsprocess för den nya redigeraren, för det du vill kan du prova kolumnblocket för att skapa det.
Admin
Karen Fontaine
Efter att ha läst handledningen och vill avinstallera pluginet för klassisk redigerare. Jag har dock ett inlägg som skrevs i både klassiskt och block – typsnitten är olika och det ser konstigt ut. När jag byter till blockvy säger ett av blocken "innehåller oväntat eller ogiltigt innehåll". Och ber sedan att byta till HTML.
Om jag avinstallerar pluginet måste jag då återskapa detta innehåll?
WPBeginner Support
Du kommer troligen att behöva ställa in innehållet som modifierades till HTML för att få tillbaka din stil, men för det mesta bör innehållet fortfarande finnas där.
Admin
jill
finns det en omfattande lista över blocksymbolerna och vad var och en gör?
WPBeginner Support
Not at the moment, as plugins add blocks there will also be more blocks in your list but the blocks should state their name below their symbol to give you an idea on what they’re used for
Admin