TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Gutenberg WordPress Editor – Den första recensionen

9

WordPress är den bästa bloggen och publiceringsplattformen för många av oss. Men det större problemet är det tekniska kunnandet som behövs för att köra en WordPress- webbplats. Annars måste du spendera mycket tid och pengar för att ändra de grundläggande sakerna. Även den enkla uppgiften att skapa och publicera ett inlägg eller en sida i WordPress är inte så lätt att ha olika layouter och kolumner. Detta leder till tillväxt av hundratals företag och webbplatser som erbjuder sidbyggare -tjänster. Bra exempel är Visual Composer, SiteOrigin Page Builder, Beaver Page Builder, etc. Dessa sidbyggare blev populära bara på grund av att WordPress som standard har en klumpig redaktör.

Klassisk WordPress Post Editor

Den klassiska WordPress -postredigeraren ser tråkig ut och är en ren textbaserad. Du kan justera mycket minimala saker som att byta till "Text" -läge och lägga till lite inline HTML/CSS. Det är inte möjligt att lägga till kolumnlayout eller lägga till block. Om du till exempel har en textruta som produktutbud eller gratis nedladdning av e -bok måste du lägga till samma innehåll på alla sidor manuellt. Annars kan du behöva ändra PHP -filerna eller skriva en anpassad kod, som inte är alternativ för nybörjare.

Gutenberg – The Future Way

Om du har märkt visar WordPress ett meddelande i version 4.9.8 för att installera och testa Gutenberg -redigeraren. Vid denna tidpunkt måste du installera Gutenberg som ett plugin för att ändra redigeraren. Men snart från version 5.0 kommer WordPress som standard att ha Gutenberg -redigerare. Om du har problem med kompatibiliteten eller fortfarande gillar att använda den gamla redigeraren måste du installera det klassiska redigeringsprogrammet för att fortsätta med den gamla redigeraren.

Eftersom layouten för redigeraren ändras med Gutenberg, bör alla plugins och teman som använder metaboxar i post- / sidredigeraren göras om för att fungera med Gutenberg -editor. Plugins som Yoast SEO erbjuder redan den kompatibla versionen och vi tror att alla andra utvecklare bör följa efter utan att några andra alternativ finns kvar. Nedan visas popup -meddelandet från WooCommerce för att testa med Gutenberg -redaktör.

Gutenberg WordPress Editor - Den första recensionen

WooCommerce Gutenberg -widget

Vad är Gutenberg?

Om du någonsin har arbetat med Bootstrap -webbplatsbyggare eller Weebly -redaktör kommer du att bli förvånad. Ja, Gutenberg är en dra och släpp -webbplatsbyggare baserad på block -koncept. Du kan helt enkelt klicka på blocket för att lägga till på sidan och börja skapa ditt innehåll. Detta liknar Bootstrap eller Weebly editor

Att använda Gutenberg kan se lång ut för enkla textinlägg / sidor. Men för de som vill ha olika layouter och återanvändbara block på flera sidor är Gutenberg den enkla lösningen.

Gutenbergs block

Du kan lägga till följande block med Gutenberg -redigeraren:

Gutenberg WordPress Editor - Den första recensionen

Gutenbergblock

  • Vanliga block – stycke, bild, rubrik, galleri, lista, citat, ljud, omslagsbild, underrubrik, video.
  • Formateringsblock – Kod, klassisk, anpassad HTML, förformaterad, dragcitat, tabell, vers.
  • Layoutelement – knapp, kolumner, mer, sidbrytning, separator, distans.
  • Widgets – kortnummer, arkiv, kategorier, senaste kommentarer, senaste inlägg.
  • Bädda in – bädda in från nästan alla sociala nätverkssajter som Twitter, YouTube, Facebook, Instagram, etc.
  • De flesta använda block -sektionen listar de block som du ofta använder för snabb åtkomst.
  • Återanvändbara block – Som förklarat ovan, när du vill att samma innehåll ska vara en del av många sidor, spara det som ett återanvändbart block.

Förstå layouten för Gutenberg Editor

Nedan ser du hur Gutenberg -redaktören kommer att se ut när du skapar ett inlägg.

Gutenberg WordPress Editor - Den första recensionen

Gutenberg redaktör

  1. Det första elementet är alltid en titel för ditt inlägg. Du kan inte ta bort det här elementet.
  2. Du har innehållsområdet där du kan lägga till block.
  3. Klicka på + -knappen antingen inuti inläggsredigeraren eller i det övre vänstra hörnet av redigeraren för att börja lägga till block.
  4. Flytta markören till vänster om vilket element som helst för att se pilarna upp och ner. Klicka på pilen för att flytta hela elementet uppåt eller nedåt.
  5. Håll muspekaren över elementets högra sida för att se knappen med tre prickar som erbjuder fler alternativ. Klicka på det för att redigera blocket som HTML eller visa det visuellt. Härifrån kan du lägga till blocket i listan som kan återanvändas.
  6. Klicka på blockelementet för att se fler inline -alternativ som formatering och justering för textinnehåll.
  7. Den övre fältet innehåller högnivåalternativ som-ångra, göra om, förhandsgranska, publicera, spara utkast, visa eller dölja sidofältet, inställningar för att växla visuell och kodredigerare och andra få alternativ.
  8. Sidofältet har två sektioner – en är för postnivån som "Dokument". Den har alternativ för att lägga till utvald bild, kategori, taggar, inläggsformat, författare, etc.
  9. Fliken "Block" innehåller specifika alternativ för det valda blockelementet.

Lägga till block i Post

Låt oss skapa ett inlägg med några element för att se hur lätt eller svårt att använda Gutenberg -redigeraren.

  • Lägg till en titel i standardtitelutrymmet.
  • Klicka för att lägga till anpassad HTML och lägga till lite innehåll.
  • Lägg till ett kolumnlayoutelement, lägg till text och citera i två kolumner.

Gutenberg WordPress Editor - Den första recensionen

Lägga till block och kontrollera statistik

För närvarande, om du vill ha en layout med kolumner behöver du anpassad kortnummer från temat eller använda separat plugin.

Metaboxar

Som du kan se på layouten har vi många metaboxar i inläggsredigeraren på grund av temat och plugins som vi har på demosidan. Nu när det finns några metaboxar som fortfarande håller sig till sidofältet och några flyttas under inläggets innehåll. Så se till att testa ditt tema och dina plugins innan du börjar använda Gutenberg -redigeraren. Annars kan du behöva installera det klassiska pluginprogrammet för postredigerare för att ha bakåtkompatibilitet och informera din utvecklare om att uppdatera temat / pluginprogrammet.

Ytterligare egenskaper

  • Klicka på informationsikonen i det övre fältet för att kontrollera statistiken för inläggets innehåll som antal ord, meningar, rubriker etc.
  • Du kan få tipsen för att bekanta dig med redaktören. Klicka på knappen med tre prickar i det övre högra hörnet i det övre fältet och välj alternativet "Visa tips".
  • Klicka på blockelementet och gå till fliken "Blockera" i det högra sidofältet. Under avsnittet "Avancerat" kan du lägga till anpassade CSS -klasser som endast påverkar det elementet i textrutan "Ytterligare CSS -klass". Du måste definiera CSS -klassen i ditt huvudsakliga formatmall eller under avsnittet "Utseende> Anpassa> Ytterligare CSS".

Förbättringar

WordPress släppte flera förbättringar av den första Gutenberg -redigeraren. Nu kan du lägga till länkar till knappen utan nofollow, tabellblocket reagerar med horisontell stapel på mobila enheter, du kan hantera återanvändbara block och inaktivera oanvända block och metaboxar i postredigeraren. Version 5.8 introducerade också en fullständig webbplatsredigeringsfunktion som kan ändra hela landskapet för webbplatsbyggande med WordPress som ett innehållshanteringssystem. Med alla dessa saker är det en bra idé att prova om du fortfarande använder den klassiska redigeraren.

Sammanfattning

Oavsett om Gutenberg WordPress -redigerare förbättrar din produktivitet eller inte, är det hög tid att bli av med den tråkiga gamla redaktören. Även om varje åtgärd behöver två klick nu, är det vägen framåt. Å andra sidan kommer detta att sluta vurm på dedikerade plugins för sidbyggare och öppna alternativ för att lägga till anpassade block som en del av WordPress -kärnan.

Fördelar

  • Lätt att lägga till olika block. Ganska säker på att många plugins kommer att dyka upp för att lägga till anpassade block i framtiden.
  • Du kan skapa vilken typ av layout som helst och ha olika layout på olika sidor på din webbplats.
  • Att ordna om blocken är enkelt och du kan skapa återanvändbara block.

Nackdelar

  • På namnet på användarupplevelsen måste du nu klicka två gånger som gjordes med ett enda klick tidigare. Till exempel, med den klassiska redigeraren kan du helt enkelt klicka på "Featured Image" och ladda upp en bild. Nu med Gutenberg måste du först klicka på rullgardinsmenyn "Utvalda bilder" och sedan klicka på länken för att ladda upp bilden.
  • Vi kunde inte se "Skärmalternativ" för att anpassa redigeraren. Ser ut att du ska ta vad som visas.
  • Den nya redaktören kommer att göra alla befintliga självstudier ogiltiga och stora ansträngningsbehov för dokument från tusentals utgivare och utvecklare.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer