Kuinka käyttää AMP tä WordPressin avulla

AMP on yhteisöllinen toiminta, joka lupaa a Parempi sivun lataus suorituskyky mobiilisympäristössä. Mutta kuten edellisestä opetusohjelmastamme löytyy, sinun täytyy uhrata fancy stuff sivustostasi ja noudattaa tiukasti sääntöjä, noudattaa ohjeita ja hankkia sivuja validoituna. Se kuulostaa paljon tekemättä, eikö?

Onneksi, jos olet luonut verkkosivustosi WordPressilla, voit hakea AMP: tä sivustoosi nopeasti käyttämällä AMP-WP-nimistä laajennusta. Se toimitetaan enemmän ominaisuuksia kuin mitä silmä täyttää. Joten, katsotaan miten se toimii.

aktivointi

Aluksi on kirjauduttava sivustoosi, mene osoitteeseen Lisäosat> Lisää uusi näyttö. Etsiä “AMP; asenna ja aktivoi Automatticilta.

Kun olet aktivoinut, voit tarkastella AMP-muunnettua viestiä lisäämällä / Amp / polun postin URL-osoitteen lopussa (esim. http://wp.com/post/amp/) tai ?amp = 1 (esimerkiksi. http://wp.com/post/?amp=1) jos et käytä sivustoosi Pretty Permalinks -ominaisuutta.

Ja kuten edellä näette, postille on annettu perusmuotoja, joita voit edelleen muokata.

Huomioida

Tällä hetkellä on muutamia asioita, jotka sinun pitäisi tietää laajennuksen tilasta:

• arkisto - Kategoria, Tag ja Mukautettu taksonomia - eivät ole tällä hetkellä tuettuja. Niitä ei muunneta AMP-yhteensopiviksi. Mukautetut postityypit voidaan kuitenkin käynnistää AMP: hen suodattimen kautta.
• Se ei lisää uutta asetusnäyttöä kojelaudassa. Mukauttaminen tapahtuu kooditasolla Toiminnot, Suodattimet, Luokka.
• Plugin ei tällä hetkellä sisällä kaikkia AMP: n mukautettuja elementtejä, kuten amp-analytiikka ja amp-mainos ulos laatikosta. Jos tarvitset näitä elementtejä, sinun on sisällytettävä se liittämällä pluginin toiminnot tai suodattimet.

Räätälöinti

Lisäosassa on lukuisia toimintoja ja suodattimia, jotka tarjoavat joustavuutta AMP-sivun tyylien, sivun sisällön ja jopa HTML-merkinnän mukauttamiseen..

tyylit

Olen varma, että tämä on yksi asia, jota haluat muuttaa välittömästi sen jälkeen, kun plugin on aktivoitu, kuten esimerkiksi otsikon taustavärin, fontin perheen ja kirjasinkoon muuttaminen, jotta se vastaa paremmin sivustosi tuotemerkkiä ja persoonallisuutta.

Tätä varten voimme käyttää amp_post_template_css Toiminta functions.php teeman aihe.

toiminto theme_amp_custom_styles () ?> nav.amp-wp-title-bar taustaväri: oranssi;   
Jos katsomme Chrome DevTools -tuotteita, nämä tyylit liitetään