M\u00e5nga klagar p\u00e5 att det \u00e4r sv\u00e5rt att komma ig\u00e5ng med att bygga Gutenbergblock och appar. Inl\u00e4rningskurvan \u00e4r brant, fr\u00e4mst p\u00e5 grund av sv\u00e5righeten att installera och konfigurera utvecklingsmilj\u00f6n. Gedigna kunskaper i JavaScript, Node.js, React och Redux \u00e4r dessutom n\u00f6dv\u00e4ndiga ingredienser f\u00f6r detta ganska komplexa recept.<\/p>\n
Den officiella Handboken f\u00f6r WordPress Blockredigerare<\/a> ger utvecklare en enorm m\u00e4ngd information, men det kan h\u00e4nda att du g\u00e5r vilse i detta hav av detaljer.<\/p>\n Och det \u00e4r v\u00e4rt att n\u00e4mna vad Mat\u00edas Ventura, ansvarig arkitekt f\u00f6r Gutenberg-projektet, rapporterade i sin intervju med WP Tavern<\/a>:<\/p>\n \u00c4ven om det finns folk som kan l\u00e4ra sig detta snabbt s\u00e5 \u00e4r det fortfarande ett stort hinder f\u00f6r m\u00e5nga. Jag tror att det finns flera lager av detta; dokumentationen skulle kunna vara en niv\u00e5 b\u00e4ttre b\u00e5de n\u00e4r det g\u00e4ller organisation och presentation. Jag hoppas att vi kan g\u00f6ra mycket mer d\u00e4r.<\/em><\/p><\/blockquote>\n Med detta i \u00e5tanke s\u00e5 har vi beslutat att tillhandah\u00e5lla en steg f\u00f6r steg-handledning som syftar till att hj\u00e4lpa v\u00e5ra l\u00e4sare att komma ig\u00e5ng med utvecklingen av Gutenberg-block.<\/p>\n L\u00e5ter det intressant? L\u00e5t oss k\u00f6ra ig\u00e5ng!<\/p>\n De enda f\u00e4rdigheter som kr\u00e4vs f\u00f6r den h\u00e4r handledningen \u00e4r goda kunskaper om utveckling av WordPress-plugins och \u00e5tminstone en grundl\u00e4ggande f\u00f6rst\u00e5else f\u00f6r HTML<\/a>, CSS, JavaScript och React.<\/p>\n Blir det h\u00e4r ett ambiti\u00f6st projekt? Det kan du r\u00e4kna med att det blir!<\/p>\n Det var inte l\u00e4tt att hitta den r\u00e4tta kompromissen mellan fullst\u00e4ndighet och enkelhet eller att best\u00e4mma vilka \u00e4mnen som skulle inkluderas och vilka som skulle utel\u00e4mnas.<\/p>\n F\u00f6rhoppningsvis s\u00e5 blir vi f\u00f6rl\u00e5tna av medelkunniga- och avancerade l\u00e4sare f\u00f6r att vi inte f\u00f6rdjupar oss i vissa begrepp som React state<\/a>, Redux store<\/a>, high order components<\/a> och s\u00e5 vidare. Dessa \u00e4mnen kr\u00e4ver ytterligare utrymme och uppm\u00e4rksamhet och \u00e4r f\u00f6rmodligen f\u00f6r avancerade f\u00f6r att b\u00f6rja utveckla block (om du inte \u00e4r React-utvecklare).<\/p>\n Av samma anledning s\u00e5 kommer vi inte heller att g\u00e5 igenom n\u00e5gra av de mer avancerade \u00e4mnena som r\u00f6r Gutenbergs blockutveckling, exempelvis\u00a0dynamiska block<\/a> och metarutor<\/a>.<\/p>\n Med den kunskap som du f\u00e5r i slutet av den h\u00e4r artikeln s\u00e5 kan du b\u00f6rja att ha roligt och vara produktiv direkt.<\/p>\n N\u00e4r du v\u00e4l kommit ig\u00e5ng med blockbyggandet s\u00e5 kommer du att vara redo att f\u00f6rb\u00e4ttra dina kunskaper ytterligare och bygga \u00e4nnu mer avancerade Gutenbergblock p\u00e5 egen hand.<\/p>\n\n Sedan den f\u00f6rst sl\u00e4pptes i december \u00e5r 2018 s\u00e5 har blockredigeraren<\/a> f\u00f6rb\u00e4ttrats avsev\u00e4rt i alla aspekter: kraftfullare API: er<\/a>, ett mer avancerat anv\u00e4ndargr\u00e4nssnitt, f\u00f6rb\u00e4ttrad anv\u00e4ndbarhet, massor av nya block, de f\u00f6rsta implementeringarna av Full Site Editing<\/a> och mycket mer.<\/p>\n Kort sagt, \u00e4ven om Gutenberg fortfarande \u00e4r under stark utveckling s\u00e5 har den kommit l\u00e5ngt – och idag \u00e4r blockredigeraren en fullfj\u00e4drad kandidat som en p\u00e5litlig och funktionell sid- och webbplatsbyggare.<\/p>\n Ur en utvecklares synvinkel s\u00e5 \u00e4r Gutenberg en React-baserad Single Page Application<\/a> (SPA) som g\u00f6r det m\u00f6jligt f\u00f6r WordPress-anv\u00e4ndare att skapa, redigera och radera inneh\u00e5ll i WordPress. Detta \u00e4r dock inte en f\u00f6rb\u00e4ttrad version av den traditionella inneh\u00e5llsredigeraren<\/a>.<\/p>\n Vi vill g\u00f6ra detta klart och tydligt:<\/p>\nF\u00f6ruts\u00e4ttningar f\u00f6r utveckling av Gutenbergblock<\/h2>\n
Vad \u00e4r ett Gutenbergblock?<\/h2>\n