Beskrivning

Gutenberg är inte bara en redigerare. Även om redigeraren står i fokus just nu, kommer projektet i slutänden att påverka hela publiceringsupplevelsen, inklusive anpassning (nästa fokusområde).

Upptäck mer om projektet.

Fokus på redigering

Redigeraren skapar en ny upplevelse för hur man bygger en sida eller ett inlägg så att det blir enkelt att skriva inlägg med rikt innehåll och där man använder ”block” för att enkelt skapa det som idag kan behöva kortkoder, anpassad html-kod eller ”hemliga ingredienser” för upptäckt av länkar till inbäddat material. – Matt Mullenweg

Något som särskiljer WordPress från andra system är att du kan skapa hur rika inläggslayouter som helst – men bara om du är duktig på HTML och CSS och bygger ditt eget, anpassade tema. Om man ser redigeraren som ett verktyg för att skapa innehållsrika inlägg och skapa vacker layout, kan vi förvandla WordPress till något som användarna kommer att älska, snarare än något de väljer för att alla andra använder det.

Gutenberg betraktar redigeraren som mer än bara ett innehållsfält och omvärderar en layout som i princip har varit oförändrad i nästan tio år. Det gör det möjligt för oss att med en helhetssyn utforma en modern redigeringsupplevelse och skapa en grund för det som kommer i framtiden.

Här är anledningen till varför vi arbetar med hela redigeringsskärmen och inte bara innehållsfältet:

1. Blocket sammanför en rad olika gränssnitt. När det tillkommer utöver det befintliga gränssnittet skulle man kunna säga att det ger mer, snarare än mindre komplexitet.
2. Genom att omvärdera gränssnittet kan vi modernisera användarupplevelsen för att skriva, redigera och publicera, med användbarheten och enkelheten som ledstjärnor, till nytta för både nya och tillfälliga användare.
3. När det samlade blockgränssnittet placeras i centrum visar detta en tydlig väg framåt för utvecklara – mot premiumblock som överträffar både kortkoder och widgetar.
4. Genom att ta hänsyn tas till hela gränssnittet lägger vi en stabil grund för nästa fokusområde – individuell anpassning av hela webbplatsen.
5. Tack vare att vi arbetar med hela redigeringsskärmen har vi också möljlighet att modernisera hela grundvalen och röra oss närmare en smidigare, Javascript-driven framtid som fullt ut utnyttjar REST-API i WordPress.

Block

Block är en samordnande utveckling av funktioner som för närvarande på olika sätt hanteras via kortkoder, inbäddat innehåll, widgetar, inläggsformat, anpassade inläggstyper, temainställningar, meta-rutor m.fl. formateringselement. De omfattar hela vidden av funktionaliteten som WordPress kan hantera, men med tydligheten hos en homogen användarupplevelse.

Tänk dig ett anpassat block ”medarbetare” som en kund kan dra in på sidan ”Om oss” för att automatiskt visa porträtt, namn och en presentation. Och sedan ett helt universum att tillägg som bygger ut WordPress på samma sätt. Förenklade menyer och widgetar. Användarna förstår direkt hur man använder WordPress, inklusive 90 % av alla tillägg. Allt detta låter dig enkelt skapa vackra inlägg, såsom detta exempel.

Kolla in vanliga frågor för svar på de vanligaste frågorna om projektet.

Kompatibilitet

Inlägg är bakåtkompatibla och kortkoder kommer fortfarande att fungera. Vi utforskar hela tiden hur specialbyggda meta-rutor kan hanteras och provar olika lösningar från ett tillägg för att inaktivera Gutenberg till automatisk detektering av om Gutenberg bör laddas eller inte. Samtidigt som vi vill säkerställa att den nya redigeringsupplevelsen från författande till publicering är användarvänlig, är vi fast beslutna att hitta en bra lösning för befintliga webbplatser med innehåll som i hög grad är specialanpassat.

Etapperna i Gutenberg

Gutenberg är planerat i tre steg. Det första steget, som är tänkt att inkluderas i WordPress 5.0, fokuserar på upplevelsen vid redigering av ett inlägg och på implementeringen av block-principen. Denna första fas fokuserar i första hand på själva innehållet. Genom att använda block enligt ovan kan du fokusera på hur ditt innehåll kommer att se ut, utan att störas av andra konfigurationsval. I slutänden hjälper detta alla användare att presentera sitt innehåll på ett engagerande, direkt och visuellt sätt.

Dessa grundläggande element banar vägen för steg två och steg tre, som planeras för nästa år, då vi går vidare från inläggets innehåll till sidmallar och, slutligen, anpassning av hela webbplatsen.

Gutenberg innebär en stor förändring. Det kommer att finnas olika sätt att se till att befintliga finesser (såsom kortkoder och meta-rutor) fortsätter att fungera samtidigt som utvecklare får tid och vägar att byta till det nya. I slutänden kommer nya möjligheter att skapas för utvecklare av tillägg och teman att ge bättre service till användarna via en fördjupad och mer visuell upplevelse som kommer att utnyttja olika verktyg som tillhandahålls av kärnan i WordPress.

Bidragslämnare

Gutenberg är byggt av många bidragsgivare och volontärer. Se hela listan i CONTRIBUTORS.md.

Experiments

• Navigation block:
  • Support color customization.
  • Improve the Link edition UI.
• Block Content Areas:
  • Implement a frontend template loader based on the  wp_template CPT.
  • Add a temporary UI to edit wp_template CPT posts.
  • Add a Site title block.

New APIs

• Add VisuallyHidden component.
• Add @wordpress/base-styles package to share the common variables/mixins used by the WordPress packages.
• Add Platform component to allow writing platform (web, mobile) specific logic.
• Add isInvalidDate prop to DatePicker.
• @wordpress/env improvements:
  • Support custom ports.
  • Support using it for themes.
• Add a new experimental React  hook to support colors in blocks.
• Add a new experimental DimentionControl component.

Various

• Storybook:
  • Add a story for the CheckboxControl component.
  • Add a story for the Dashicon component.
  • Add a story for the ColorPalette component.
  • Add a story for the ColorPicker component.
  • Add a story for the ExternalLink component.

Add knobs to the ColorIndicator Story.

• Several other enhancements to existing stories.
• Linting fixes for Storybook config.
• Fix Lint warnings triggered by JSDoc definitions.
• Reorganize e2e tests specs into three folders: editor, experimental and plugin.
• Cleanup skipped e2e tests.
• Add a link to Storybook from the Gutenberg playground.
• Optimize the @wordpress/compose package to support tree-shaking.
• Code Quality:
  • Refactor the Button block edit function to use a functional component.
  • Change the name of the accumulated variables in reduce functions.
  • Remove wrapper around the Table block cells.
• Fix several issues related to Node 12 becoming LTS.
• Add the Block Inspector to the Gutenberg playground.

Documentation

• Enhance the Git workflow documentation.
• Clarify block naming conventions.
• Tweaks and typos: 1, 2.