Gutenberg kommer snart til WordPress. Din Websted er han klar? Selvom vi stadig ikke ved præcis, hvilken form det vil tage, vil dette nye indholdssystem blive tilføjet til WordPress i fremtiden. Lad os tage et kig på de potentielle virkninger, dette kan have på dit websted, og måder at identificere og løse problemområder på på forhånd.
Hvad er Gutenberg?
Gutenberg er et WordPress-projekt, der har til formål at give brugerne mere fleksibilitet til at designe deres indhold. Grundlæggende sigter projektet mod at erstatte den nuværende editor, der primært fungerer som tekstbehandler, med en mere visuel og struktureret grænseflade. I øjeblikket er Gutenberg et plugin, og det giver brugerne mulighed for at redigere deres indhold på samme måde som Visual Composer eller andre træk og slip-editorer (Drag & Drop), men på en forenklet og meget intuitiv måde.
For at lære mere om Gutenberg, klik her.
Delene af dit websted
Gutenberg er en massiv virksomhed og vil sandsynligvis ramme en masse endepunkter i din Websted. Dette er de tre områder, vi vil undersøge for potentielle problemer:
- Dit tema: Gutenberg kommer med sit eget sæt stilarter til indholdet. Er dit tema kompatibelt? Hvordan vil Gutenberg se ud, når den er aktiv?
- Dine plugins: Det er muligt, at Gutenberg kan interagere med dine andre plugins på uventede måder. Vi vil se, hvad det kan være, og hvad vi skal gøre for at løse eventuelle problemer, der opstår.
- Dit indhold: Gutenberg vil påvirke den måde, dit indhold vises på. Vi tager et kig på, hvordan dette kan ændre udseendet på dine sider, og gennemgår nogle potentielle løsninger, hvis du har problemer.
Opsætning af et testområde
Før du starter, er det en god ide at oprette et testområde, hvor du kan eksperimentere med Gutenberg uden at sætte dit hovedside i fare. Ideelt set skal du oprette dit eget testområde eller oprette en lokal kopi af dit websted. For mere information om, hvordan du udfører en af disse opgaver, se følgende vejledning: Sådan installeres WordPress lokalt.
Hvis dette ikke er muligt, kan du udføre testene direkte på dit websted. Bemærk, at dette kan være risikabelt, da vi vil aktivere og deaktivere en række dele af dit websted. Hvis du laver live-test, skal du sørge for at oprette en sikkerhedskopi af dit websted, før du begynder.
Når du ved, hvor du skal teste, skal du gå til plugins-biblioteket og finde Gutenberg. Når den er installeret og aktiveret, skal du læse videre.
Sæt dit tema på prøve
Nu hvor du har installeret Gutenberg, lad os se på den første del af dit websted, der kan blive berørt: dit tema. Hvis der allerede er store problemer på dette tidspunkt, såsom databasefejl eller problemer med WordPress-dashboardet, skal du fortsætte til sektionen Hvad skal man gøre, når der er for mange problemer.
Da Gutenberg primært interagerer med webstedsindhold, er det nok at teste et par ting - heldigvis for os.
Den første er, at Gutenberg kommer med sit eget stilark og et sæt stilarter. Kontroller hver af de forskellige typer sider og skabeloner, der bruges på dit websted, for at sikre, at de stadig vises korrekt. Hovedmålet her er at fokusere på elementer i det vigtigste indholdsområde på dine sider, især indholds- og billedblokkene. Hvis du ser nogen problemer, er det sandsynligt, at Gutenbergs stilarter har forrang for dem på dit websted.
For at rette dette skal du identificere, hvor problemet kommer fra. Normalt vil dette være en CSS-vælger, der er fokuseret på et HTML-element eller prioritet for Gutenberg-stilarter frem for dine egne klasser. Uanset hvad, prøv at identificere, hvor fejlen opstår. Dernæst skal du bestemme, hvorfor Gutenbergs stilarter tilsidesætter din, og rette din kode, så den får forrang.
Prøv at foretage rettelser i dit eget tema (eller endnu bedre, i et underordnet tema eller område specificeret til CSS i dit tema) snarere end at ændre Gutenberg. Hvis du direkte redigerer nogen af filerne i Gutenberg, overskrives det sandsynligvis, når pluginet opdateres.
Ligeledes vil du køre de samme tests på dit dashboard en gang for alle. Temamuligheder og andre tilpassede sektioner genereret af dit tema synes at være de største synder hidtil. Når du først har identificeret stylingproblemer i disse områder, kan du normalt rette dem ved at ændre eller oprette et underordnet tema og tilpasse CSS der.
Gør dine plugins arbejde?
Efter test af dit tema er plugins til dit websted som følger. Hold især øje med plugins, der giver shortcodes, som du bruger i dit indhold (f.eks. Gravity Forms), plugins, der påvirker udseendet af dit indhold (f.eks. Plugins til tilgængelighed, der påvirker tekststørrelse) og plugins, der direkte indsætter elementer på din side (såsom avancerede brugerdefinerede felter).
Udforsk kortnumrene
For at revidere dette område skal du starte med at samle en liste over alle de korte koder, du bruger, samt de sider, de findes på. Besøg hver af disse sider med din liste i hånden for at se, om de fungerer som forventet. Hvis du har stylingproblemer, er chancerne for, at du oplever det samme problem som før og har brug for at justere dine stilarter igen.
Men hvis kortkoden vises og ikke det forventede indhold (dvs. din side viser [shortcode]i stedet for at gøre det rigtige) er der en anden løsning. I dette tilfælde kan du se på blokken, hvor kortkoden er placeret, og bekræfte, at den ikke betragtes som tekst (find og fjern uønskede etiketter omkring kortkoden). Hvis problemet fortsætter, skal du genstarte alt ved at flytte kortkoden til en mere passende bloktype.
Udseende af indholdet
Dette problem stammer fra det samme problem, som vi allerede har dækket: udskiftninger af stil. Identificer de berørte elementer, og ret CSS.
Element oprettelse
Det sidste område, vi vil se på for modstridende problemer, handler om oprettelse af varer. Ethvert plugin, der indsætter HTML-elementer på en side uden brug af kortkoder, er mistænkt her, for eksempel når PHP ekstraherer brugerdefinerede felter fra pluginet Advanced Custom Fields.
Den mest almindelige slip med oprettelsen af elementer drejer sig om uforenelige blokke. Da Gutenberg leverer sine egne stilarter, er det muligt, at hvis dine varer oprettes i en utilsigtet blok, vises de muligvis ikke korrekt. Løsningen på dette er at sikre, at din kode tilføjer elementer til blokken, hvor du vil have dem til at være.
Vises dit indhold efter behov?
Det er ikke så presserende som de andre problemer, vi har diskuteret, men der kan være nogle komplikationer i, hvordan dit indhold vises. De fleste af disse problemer vil komme fra mindre stylingændringer ellerorganisation blokke. For at rette op på dette bliver du nødt til at lege med bloksystemet, indtil du får din side, som du vil have den.
Hvad skal man gøre, når der er for mange problemer
Stødte du på et problem, som du ikke kunne løse med forslagene i denne vejledning? Gå ikke i panik ! Der er stadig noget tid, før Gutenberg integreres i kernen i WordPress.
Skriv først ned, hvad fejlen er, og hvilke trin der førte til fejlen. Jo flere oplysninger du kan indsamle, jo bedre. Videresend alle disse oplysninger til Gutenberg-teamet. Med held vil de være i stand til at bestemme problemet og løse det i en fremtidig frigivelse.
Hvis du arbejdede på et iscenesætningssted, er det på dette tidspunkt alt, hvad du kan gøre for nu. Fortsæt med at kontrollere udgivelsesnoterne for at se, om dit problem er løst, eller arbejde muligvis på at løse det selv.
Hvis du arbejdede på dit live-site, skal deaktivering af Gutenberg sætte alt tilbage til det normale. Hvis ikke, er det tid til at gå tilbage til den sikkerhedskopi, du lavede i starten af vejledningen!
Held og lykke på din installation!
Gutenberg sigter mod at være et massivt skift i WordPress-miljøet, der søger at ændre indhold til det bedre. Før det rammer hovedgrenen, skal du sørge for at kontrollere, at dit websted fungerer med de nye ændringer. Hvis du har andre problemer end dem, der er anført her, bedre løsninger eller rettelser til noget i denne vejledning, skal du efterlade en kommentar nedenfor.
