Gutenberg kommer snart til WordPress. Din nettstedet Web er han klar? Selv om vi fortsatt ikke vet nøyaktig hvilken form det vil ha, vil dette nye innholdssystemet bli lagt til WordPress i fremtiden. La oss ta en titt på de potensielle konsekvensene dette kan ha på nettstedet ditt, og måter å identifisere og fikse problemområder på på forhånd.
Hva er Gutenberg?
Gutenberg er et WordPress-prosjekt som har som mål å gi brukerne mer fleksibilitet i utformingen av innholdet sitt. I hovedsak tar prosjektet sikte på å erstatte dagens redaktør, som primært fungerer som en tekstbehandler, med et mer visuelt og strukturert grensesnitt. For øyeblikket er Gutenberg en plugin, og den gir brukerne muligheten til å redigere innholdet på samme måte som Visual Composer eller andre dra-og-slipp-redigerere (Drag & Drop), men på en forenklet og veldig intuitiv måte.
For å lære mer om Gutenberg, klikk her.
Delene av nettstedet ditt
Gutenberg er et enormt selskap og vil sannsynligvis treffe mange endepunkter i din nettstedet Web. Dette er de tre områdene vi vil utforske for potensielle problemer:
- Ditt tema: Gutenberg kommer med sitt eget sett med stiler for innholdet. Er temaet ditt kompatibelt? Hvordan vil Gutenberg se ut når den er aktiv?
- Dine plugins: Det er mulig at Gutenberg kan samhandle med de andre pluginene dine på uventede måter. Vi får se hva det kan være og hva vi skal gjøre for å løse eventuelle problemer som oppstår.
- Ditt innhold: Gutenberg vil påvirke måten innholdet ditt vises på. Vi tar en titt på hvordan dette kan endre utseendet på sidene dine, og går gjennom noen potensielle løsninger hvis du har problemer.
Sette opp et testområde
Før du begynner, er det en god ide å sette opp et testområde der du kan eksperimentere med Gutenberg uten å risikere hovedområdet. Ideelt sett bør du lage ditt eget testområde eller lage en lokal kopi av nettstedet ditt. For mer informasjon om hvordan du utfører noen av disse oppgavene, se følgende opplæring: Slik installerer du WordPress lokalt.
Hvis dette ikke er mulig, kan du utføre testene direkte på nettstedet ditt. Merk at dette kan være risikabelt, ettersom vi vil aktivere og deaktivere en rekke deler av nettstedet ditt. Hvis du gjør live-testingen, må du lage en sikkerhetskopi av nettstedet ditt før du begynner.
Når du vet hvor du skal teste, går du til plugins-katalogen og finner Gutenberg. Når den er installert og aktivert, kan du lese videre.
Sett temaet ditt på prøve
Nå som du har Gutenberg installert, la oss ta en titt på den første delen av nettstedet ditt som kan bli berørt: temaet ditt. Hvis det allerede er store problemer på dette punktet, for eksempel databasefeil eller problemer med WordPress-dashbordet, fortsett til seksjonen Hva du skal gjøre når det er for mange problemer.
Siden Gutenberg primært samhandler med innhold på nettstedet, er det nok å teste noen få ting - heldigvis for oss.
Den første er at Gutenberg kommer med sitt eget stilark og et sett med stiler. Sjekk hver av de forskjellige sidetyper og maler som brukes på nettstedet ditt for å sikre at de fremdeles vises riktig. Hovedmålet her er å fokusere på elementer i hovedinnholdsområdet på sidene dine, spesielt innholds- og bildeblokkene. Hvis du ser noen problemer, er det sannsynlig at Gutenbergs stiler har forrang fremfor dem på nettstedet ditt.
For å rette opp dette må du identifisere hvor problemet kommer fra. Vanligvis vil dette være en CSS-velger som fokuserer på et HTML-element eller prioritet av Gutenberg-stiler fremfor dine egne klasser. Uansett, prøv å identifisere hvor feilen oppstår. Deretter finner du ut hvorfor Gutenbergs stiler overstyrer din, og fikser koden din slik at den får forrang.
Forsøk å gjøre rettelser i ditt eget tema (eller enda bedre, i et tema eller område spesifisert for CSS i temaet ditt), snarere enn å modifisere Gutenberg. Hvis du direkte redigerer noen av filene i Gutenberg, vil det sannsynligvis bli overskrevet når programtillegget oppdateres.
På samme måte vil du kjøre de samme testene på dashbordet en gang for alle. Temalternativer og andre tilpassede seksjoner generert av temaet ditt ser ut til å være de største synderne så langt. Når du har identifisert stylingproblemer i disse områdene, kan du vanligvis fikse dem ved å endre eller lage et barnetema og tilpasse CSS der.
Fungerer pluginene dine?
Etter å ha testet temaet ditt, er plugins for nettstedet ditt som følger. Hold spesielt øye med plugins som gir kortkoder du bruker i innholdet ditt (f.eks. Tyngdekraftsskjemaer), plugins som påvirker utseendet på innholdet ditt (f.eks. Tilgjengelighetsprogrammer som påvirker tekststørrelse) og plugins som setter direkte inn elementer på siden din (for eksempel Advanced Custom Fields).
Utforsk kortkodene
For å revidere dette området, begynn med å samle en liste over alle kortkodene du bruker, samt sidene de finnes på. Med listen din i hånd, besøk hver av disse sidene for å se om de fungerer som forventet. Hvis du har stylingproblemer, er sjansen stor for at du opplever det samme problemet som før og trenger å justere stilene dine.
Imidlertid, hvis kortkoden vises og ikke det forventede innholdet (dvs. siden din viser [shortcode]i stedet for å gjøre det rette) er det en annen løsning. I dette tilfellet kan du se på blokken der kortkoden er plassert og bekrefte at den ikke betraktes som tekst (finn og fjern uønskede etiketter rundt kortkoden). Hvis problemet vedvarer, bør du starte alt på nytt ved å flytte kortkoden til en mer passende blokkeringstype.
Utseende av innholdet
Dette problemet stammer fra det samme problemet vi allerede dekket: stilbytter. Identifiser de berørte elementene og korriger CSS.
Elementskaping
Det siste området vi vil se på for motstridende problemer, handler om oppretting av varer. Ethvert plugin som setter inn HTML-elementer på en side uten å bruke kortkoder, er mistenkelig her, for eksempel når PHP trekker ut egendefinerte felt fra plugin-programmet Advanced Custom Fields.
Den vanligste glidningen med å skape elementer dreier seg om inkompatible blokker. Siden Gutenberg tilbyr sine egne stiler, er det mulig at hvis varene dine blir opprettet i en utilsiktet blokk, kan de ikke vises riktig. Løsningen for dette er å sørge for at koden din legger til elementer i blokken der du vil at de skal være.
Ser innholdet ditt ut som nødvendig?
Det haster ikke like mye som de andre problemene vi har diskutert, men det kan være noen komplikasjoner i hvordan innholdet ditt vises. De fleste av disse problemene vil komme fra mindre stylingendringer ellerorganisasjonen blokker. For å fikse dette må du leke med blokkeringssystemet til du får siden din slik du vil ha den.
Hva du skal gjøre når det er for mange problemer
Har du fått et problem som du ikke kunne løse med forslagene i denne veiledningen? Ikke få panikk ! Det er fortsatt litt tid før Gutenberg integreres i WordPress-kjernen.
Først skriver du ned hva feilen er og hvilke trinn som førte til feilen. Jo mer informasjon du kan samle, jo bedre. Gi all denne informasjonen videre til Gutenberg-teamet. Med hell vil de være i stand til å bestemme problemet og fikse det i en fremtidig utgivelse.
Hvis du jobbet på et iscenesettingssted, er det nå alt du kan gjøre for nå. Fortsett å sjekke utgivelsesnotatene for å se om problemet ditt er løst, eller muligens jobbe med å fikse det selv.
Hvis du jobbet på live-siden din, bør deaktivering av Gutenberg sette alt tilbake til det normale. Hvis ikke, er det på tide å gå tilbake til den sikkerhetskopien du laget i begynnelsen av opplæringen!
Lykke til på installasjonen din!
Gutenberg har som mål å være et massivt skifte i WordPress-miljøet, som søker å endre innhold til det bedre. Før den treffer hovedgrenen, må du kontrollere at nettstedet ditt fungerer med de nye endringene. Hvis du har andre problemer enn de som er oppført her, bedre løsninger eller reparasjoner for noe i denne opplæringen, kan du legge igjen en kommentar nedenfor.
