Mange mennesker klager over de forhindringer, der er forbundet med at komme i gang med at bygge Gutenberg-blokke og -apps. Indl\u00e6ringskurven er stejl, prim\u00e6rt p\u00e5 grund af vanskeligheden ved at installere og konfigurere udviklingsmilj\u00f8et. Derudover er et solidt kendskab til JavaScript, Node.js, React og Redux uundv\u00e6rlige ingredienser til denne ret komplekse opskrift.<\/p>\n
Den officielle WordPress Block Editor Handbook<\/a> giver udviklere en enorm m\u00e6ngde oplysninger, men du kan finde dig selv fortabt i dette hav af detaljer.<\/p>\n Og det er v\u00e6rd at n\u00e6vne, hvad Mat\u00edas Ventura, ledende arkitekt for Gutenberg-projektet, rapporterede i sit interview med WP Tavern<\/a>:<\/p>\n Selv om der er folk, der kan l\u00e6re det hurtigt, er det stadig en stor barriere for folk. Jeg tror, der er flere lag i dette; dokumentationen kunne v\u00e6re en st\u00f8rrelsesorden bedre i b\u00e5de organisation og pr\u00e6sentation. Jeg h\u00e5ber, at vi kan g\u00f8re meget mere p\u00e5 dette omr\u00e5de.<\/em><\/p><\/blockquote>\n Med det i tankerne har vi besluttet at give en trinvis vejledning, der har til form\u00e5l at hj\u00e6lpe vores l\u00e6sere med at komme i gang med udvikling af Gutenberg-blokke.<\/p>\n Lyder det interessant? Lad os dykke ned i det!<\/p>\n Til denne tutorial er de eneste n\u00f8dvendige f\u00e6rdigheder et godt kendskab til udvikling af WordPress-plugins og mindst en grundl\u00e6ggende forst\u00e5else af HTML<\/a>, CSS, JavaScript og React.<\/p>\n Bliver dette et ambiti\u00f8st projekt? Det kan du bande p\u00e5, at det vil v\u00e6re!<\/p>\n Det var ikke let at finde det rette kompromis mellem fuldst\u00e6ndighed og enkelhed eller at beslutte, hvilke emner der skulle medtages og hvilke der skulle udelades.<\/p>\n Forh\u00e5bentlig vil mellemliggende og avancerede l\u00e6sere tilgive, at vi ikke dykker dybt ned i visse koncepter som React state<\/a>, Redux store<\/a>, high order components<\/a> osv. Disse emner kr\u00e6ver ekstra plads og opm\u00e6rksomhed og er sandsynligvis for avancerede for begyndende blokudvikling (medmindre du er React-udvikler).<\/p>\n Af samme grund vil vi ikke d\u00e6kke nogle af de mere avancerede emner i forbindelse med udvikling af Gutenberg-blokke, s\u00e5som dynamiske blokke<\/a> og metabokse<\/a>.<\/p>\n Med den viden, du f\u00e5r n\u00e5r vi n\u00e5r enden af denne artikel, vil du kunne begynde at have det sjovt og v\u00e6re produktiv med det samme.<\/p>\n N\u00e5r du f\u00f8rst er kommet i gang med blokbygning, vil du v\u00e6re klar til at forbedre dine f\u00e6rdigheder yderligere og bygge endnu mere avancerede Gutenberg-blokke p\u00e5 egen h\u00e5nd.<\/p>\n\n Siden den blev frigivet f\u00f8rste gang i december 2018 er blokredigeringsprogrammet<\/a> blevet kraftigt forbedret i alle aspekter: mere kraftfulde API’er<\/a>, en mere avanceret brugergr\u00e6nseflade, forbedret brugervenlighed, et ton af nye blokke, de f\u00f8rste implementeringer af Full Site Editing<\/a> og meget mere.<\/p>\n Kort sagt, selv om Gutenberg stadig er under kraftig udvikling, er det kommet langt \u2014 og i dag er blokeditoren en fuldgyldig kandidat som en p\u00e5lidelig, funktionel website builder.<\/p>\n Set fra en udviklers synspunkt er Gutenberg en React-baseret Single Page Application<\/a> (SPA), der giver WordPress-brugere mulighed for at oprette, redigere og slette indhold i WordPress. Dette b\u00f8r dog ikke f\u00e5 dig til at t\u00e6nke p\u00e5 en forbedret version af den traditionelle indholdseditor<\/a>.<\/p>\n Vi \u00f8nsker at g\u00f8re dette klart:<\/p>\nForuds\u00e6tninger for udvikling af Gutenberg-blokke<\/h2>\n
Hvad er en Gutenberg-blok?<\/h2>\n