Hvordan gjøre GeneratePress og AMP fullt kompatible
AMP kan gjøre nettstedet ditt raskt på mobil. Hvis du har problemer med å få AMP til å fungere i overgangs- eller standardmodus ved å bruke GeneratePress-tema, her er hvordan jeg løste problemet.
GeneratePress og AMP er kompatible. I dette innlegget vil jeg vise deg hvordan du kan gjøre GeneratePress 100% kompatibel med AMP.
Accelerated Mobile Pages (AMP) er et åpen kildekode-prosjekt laget av Google sammen med Automattic. Målet er å gjøre nettsider raskere på mobiltelefoner.
Hvis de fleste av de besøkende kommer fra mobil, har AMP potensial til å øke trafikken din betydelig over tid.
Men hvis du har de fleste av dine besøkende fra skrivebordet, merker du kanskje ikke en vesentlig forskjell, men det er fortsatt verdt det.
generere Press er det raskeste WordPress-temaet jeg har sett. Du kan se min GeneratePress anmeldelse. Den gode nyheten er at den er 100 % kompatibel med AMP.
Implementering av AMP på din nettside/blogg
Den beste måten å implementere AMP på er å bruke Offisiell AMP-plugin som ble bygget og vedlikeholdes av Google selv.
Besøk WordPress-katalogen for å installere og aktivere plugin. For å gjøre dette, klikk på plugins fra dashbordet, og klikk deretter på Legg til ny. Når du er på siden, søk etter AMP. vil du se AMP-plugin.
Aktiver plugin-en når den er installert. Klikk deretter på innstillingene. Du vil se tre alternativer. Standardmodus, Overgangsmodus eller Lesermodus. Lesermodus vil fungere normalt. Siden det ikke er avhengig av at temaet ditt fungerer. Men hvis du har et problem med å kjøre GeneratePress i overgangs- eller standardmodus, følg trinnene her.
Selv om du bruker en annen AMP-plugin, vil disse trinnene fungere.
Hvordan gjøre GeneratePress og AMP fullt kompatible
Følg disse trinnene for å gjøre GeneratePress og AMP fullt kompatible:
1. Last ned og installer AMP for GeneratePress-plugin
Det er en offisiell plugin av Tom Usborne, utvikleren og grunnleggeren av GeneratePress. Målet med plugin er å fikse eventuelle kompatibilitetsproblemer med AMP.
Programtillegget er ennå ikke tilgjengelig i WordPress-katalogen. Men Tom fortalte meg i en e-post at han snart vil gjøre den tilgjengelig.
For nå kan du få plugin fra GitHub.
Når du er der, klikker du på Klon eller last ned. Klikk deretter på last ned zip.
Nå for å gå til WordPress-dashbordet, klikk på plugins og klikk deretter på legg til ny. På den nye siden, klikk på last opp plugin, velg deretter filen du nettopp laster ned og installer den.
Når den er installert, aktiver den. Det er alt.
2. Bytt AMP til overgangs- eller standardmodus
Gå nå til AMP-plugin-innstillingene igjen og bytt til overgangs- eller standardmodus. Overgangsmodusen betyr at temarammeverket ditt brukes til å tjene AMP og ikke-AMP, mens standarden betyr at nettstedet ditt er AMP-først.
Hvis nettstedet ditt fungerer i AMP-overgangsmodus, fungerer det i standardmodus. Den eneste forskjellen mellom de to er den kanoniske URL-en.
Når du er i overgangsmodus, må du legge til ?amp på slutten av koblingene dine, inkludert hjemmesiden for å få tilgang til AMP.
Men når du er i standardmodus, er ingen tillegg nødvendig. Dine kanoniske nettadresser er amp.
For denne testen bruker jeg overgangsmodus for å vise at det fungerer. Jeg foretrekker å bruke AMP i lesermodus fordi de fleste av mine besøkende er fra skrivebordet.
3. Gjennomfør AMP-test.
Etter endring til overgangsmodus eller standard. Du vil se mange feil! Ikke få panikk!
Du kan se feilene jeg fikk nedenfor etter endring Bloggingverktøy til overgangsmodus.
Det var 48 feilindekser.
De fleste av disse feilene er advarsler. Noen av dem er forårsaket av plugins. Advarslene er for å fortelle deg at de uthevede elementene ikke vises i AMP.
Jeg la ikke merke til noen større advarsel som er temarelatert.
Det største problemet jeg la merke til var fra caching-pluginet mitt, Breeze. Det var å legge til en CSS som ikke ser ut til å gjøre AMP glad. Så jeg deaktiverte Breeze og fortsatte å teste.
Du kan bruke Googles offisielle AMP-testverktøy for testing.
Resultatet viser at AMP kjører uten problemer. Se nedenfor.
Her er testen for hjemmesiden min.
Så testet jeg en postside:
Fra ovenstående kan du se at AMP og GeneratePress er fullt kompatible.
Vanlige problemer
Hvis du fortsatt har problemer med å få AMP til å fungere i overgangs- eller standardmodus, er problemet mest sannsynlig en av pluginene dine.
De viktigste synderne vil sannsynligvis være caching-plugin eller optimaliseringsplugin som ikke er AMP-kompatible.
Relaterte artikler
