Slik klargjør du nettstedet ditt for WordPress Gutenberg

Gutenberg kommer snart til WordPress. Er nettstedet ditt klart? Selv om vi fortsatt ikke vet nøyaktig hvilken form det vil ta, vil dette nye innholdssystemet bli lagt til i WordPress-kjerne i fremtiden. La oss ta en titt på de potensielle konsekvensene dette kan ha på nettstedet ditt, og måter du kan bestemme og fikse, problemområder på forhånd.

Hva er Gutenberg?

Gutenberg er et WordPress-prosjekt som har som mål å gi brukerne mer fleksibilitet i utformingen av innholdet. I hovedsak har prosjektet som mål å erstatte den nåværende redaktøren, som hovedsakelig utfører som tekstbehandler, med et mer visuelt og strukturert grensesnitt. For øyeblikket er Gutenberg et plugin, og det gir brukerne muligheten til å endre innholdet på samme måte som Visual Composer eller andre drag-og-slipp-redaktører gjør - om enn på en forenklet og svært intuitiv måte.

Hvis du vil lære mer om hva Gutenberg er spesielt, ta en titt på mitt tidligere innlegg "Hva er WordPress Gutenberg?"

Stykkene på nettstedet ditt

Gutenberg er et enormt foretak og vil trolig berøre et stort antall endepunkter innenfor nettstedet ditt. Dette er de tre områdene vi skal skure for problemer:

  • Ditt tema: Gutenberg kommer med sitt eget sett med stiler for innhold. Er temaet kompatibelt? Hva vil det se ut med Gutenberg aktiv?

  • Dine pluginer: Det er mulig at Gutenberg kan interagere med andre plugins på uventede måter. Vi ser på hva de kan være, og hva skal de gjøre om eventuelle problemer som oppstår.

  • Ditt innhold: Gutenberg vil påvirke hvordan innholdet ditt selv vises. Vi undersøker hvordan det kan endre hvordan sidene dine ser ut, og gå over noen mulige løsninger hvis du har problemer.

Sette opp et testområde

Før vi kommer i gang, er det en god ide å sette opp et testområde hvor du kan eksperimentere med Gutenberg uten å bryte ditt nettsted. Ideelt sett bør du sette opp ditt eget testområde eller opprette en lokal kopi av nettstedet ditt. For mer om hvordan du utfører noen av disse oppgavene, se følgende veiledning:

Hvis ingen av disse er mulige, kan du gjøre testen direkte på nettstedet ditt. Vær oppmerksom på at dette kan være risikabelt, da vi vil aktivere og deaktivere et antall stykker av nettstedet ditt. Hvis du gjør testingen, må du sørge for å lage en sikkerhetskopi av nettstedet ditt før du begynner.

Når du vet hvor du skal teste, gå til plugins-katalogen og finn Gutenberg. Når den er installert og aktivert, les videre.

Sett ditt tema gjennom sine paser

Nå som du har installert Gutenberg, la oss se på den første delen av nettstedet ditt som kan påvirkes: temaet. Hvis det allerede er store problemer på dette tidspunktet, for eksempel databasefeil eller problemer med WordPress admin, hopp ned til Hva å gjøre når det er for mange problemer seksjon.

Siden Gutenberg samhandler hovedsakelig med innholdet på nettstedet, trenger vi bare å teste et smalt sett med ting - heldigvis for oss.

Den første er at Gutenberg kommer med sitt eget stilark og sett med stiler. Sjekk hver av de forskjellige sidetyper og maler som brukes på nettstedet ditt for å sikre at de fremdeles vises riktig. Hovedfokuset her vil være elementer innenfor hovedinnholdsområdet på sidene dine - spesielt innhold og bildeblokker. Hvis du ser noen problemer, er det sannsynlig at Gutenbergs stiler har forrang over nettstedet ditt.

For å rette opp dette må du identifisere hvor problemet kommer fra. Vanligvis vil det være en CSS-väljare som er fokusert på et HTML-element, eller det kan være en prioritet i Gutenberg-stilene over dine egne klasser. Uansett hva som er tilfelle, prøv å identifisere hvor feilen oppstår. Deretter bestemme hvorfor Gutenberg-stilene overstyrer ditt, og korriger koden din slik at den får forrang.

Prøv å gjøre eventuelle rettelser i ditt eget tema (eller enda bedre, i et barnemne eller angitt område for CSS i temaet ditt), i stedet for å endre Gutenberg. Hvis du endrer noen av filene i Gutenberg direkte, vil det sannsynligvis bli overskrevet når plugin er oppdatert.

På samme måte vil du gi administrasjonsområdet ditt en gang til for eventuelle problemer med styling. Temaalternativer og andre tilpassede seksjoner generert av temaet ditt synes å være de største synderne hittil. Når du har identifisert stylingproblemer i disse områdene, kan du vanligvis rette dem ved å endre eller opprette et barntema og justere CSS der.

Gjør plugger dine?

Etter at temaet ditt er kvadret bort, er neste side nettstedets plugins. Ta spesielt hensyn til plugins som gir kortkoder du bruker i innholdet ditt (f.eks. Gravity Forms), plugins som påvirker innholdet av innholdet ditt (for eksempel tilgjengelighetsplugins som påvirker tekststørrelsen) og plugins som direkte legger elementene inn i siden din (for eksempel avanserte egendefinerte felt).

Ser på kortnummer

For å revidere dette området må du først samle en liste over eventuelle kortkoder du kan bruke sammen med hvilke sider de eksisterer på. Med listen din i hånden, besøk hver av disse sidene for å se om de utfører som ønsket. Hvis du opplever problemer med styling, er det sannsynlig at du opplever det samme problemet som ovenfor og må justere stilene dine.

Men hvis du får den fryktede gjengitte shortcode-det vil si at siden din viser [kort kode] i stedet for å gjøre hva den skal - det er en annen løsning. I dette tilfellet kan du se på blokken der kortnummeret er, og bekreft at det ikke regnes som tekst (søker etter og fjerner uønskede koder rundt kortnummeret). Hvis problemet fortsatt vedvarer, bør du flytte kortnummeret til en mer passende blokktype for å få alt tilbake i gang.

Innholdsutseende

Dette problemet oppstår av det samme problemet vi tidligere har dekket: stil overstyrer. Identifiser elementene som blir påvirket og korrigér CSS.

Element Creation

Det endelige området som vi skal se på for motstridende problemer, gjelder grunnleggende opprettelse. Enhver plugin som legger inn HTML-elementer i en side uten å bruke kortkoder, er mistenkt her, for eksempel når PHP trekker i tilpassede felt fra pluginet for tilpassede tilpassede felt.

Den vanligste slip-up med elementskaping dreier seg om at blokker er feilaktige. Siden Gutenberg gir sine egne stiler, er det en sjanse for at hvis elementene dine blir opprettet i en utilsiktet blokk, kan de gjøre feil. Løsningen for dette sørger for at koden din legger til elementer i blokken der du vil at de skal være.

Vises innholdet som nødvendig?

Dette er ikke så presserende som de andre problemene vi har diskutert, men det kan være noen komplikasjoner med hvordan innholdet ditt gjengis. De fleste av disse problemene vil være fra mindre styling endringer eller hvordan blokker er organisert. For å rette opp dette må du leke med blokksystemet til du får din side hvordan du vil ha den.

Hva å gjøre når det er for mange problemer

Fikk du inn i et problem som du ikke kunne løse med forslagene i denne artikkelen? Ikke panikk! Det er fortsatt litt tid før Gutenberg treffer WordPress Core.

Først må du registrere hva feilen er og hvilke trinn som førte til feilen. Jo mer informasjon du kan samle, desto bedre. Send all denne informasjonen til Gutenberg-teamet. Med held vil de kunne avgjøre problemet og fikse det i en fremtidig utgave.

Hvis du jobbet på et oppføringssted, så er det nå alt du kan gjøre for nå. Fortsett å sjekke utgivelsesnotatene for å se om problemet ditt er løst, eller kanskje jobbe med å løse det selv.

Hvis du jobbet på ditt nettsted, skal deaktivere Gutenberg sette alt tilbake til det normale. Hvis ikke, så er det nå på tide å gå tilbake til den sikkerhetskopien du har laget!

Lykke til på din installasjon!

Gutenberg har som mål å være en stor endring i WordPress-miljøet, en som ser ut til å endre innhold til det bedre. Før det treffer hovedgrenen, må du kontrollere at nettstedet ditt vil fungere med de nye endringene. Hvis du har andre problemer enn det som er oppført her, bedre løsninger eller rettelser for noe i denne artikkelen, vennligst legg igjen en kommentar nedenfor!