Početna » WordPress » Kako koristiti AMP s WordPressom

    Kako koristiti AMP s WordPressom

    AMP je zajednički napor koji obećava bolja izvedba učitavanja stranica za web-lokacije u mobilnom okruženju. No, kao što možete vidjeti iz prethodnog vodiča, morat ćete žrtvovati zanimljive stvari s vaše web-lokacije i strogo se pridržavati pravila, poštivati ​​smjernice i provjeriti valjanost stranica. Zvuči kao puno posla, zar ne?

    Srećom, ako ste izgradili svoju web-lokaciju s WordPressom, možete primijeniti AMP na svoju web-lokaciju u trenu pomoću dodatka AMP-WP. Isporučuje se s više značajki od onoga što se vidi. Dakle, da vidimo kako to radi.

    aktiviranje

    Za početak, prijavite se na svoju web-lokaciju, idite na Dodaci> Dodaj novo zaslon. Traziti “AMP; instalirajte i aktivirajte onu iz Automattic.

    Jednom aktiviran, možete pogledati AMP-pretvoriti post dodavanjem / Amp / trag na kraju URL-a posta (npr. http://wp.com/post/amp/), ili s ?amp = 1 (na pr. http://wp.com/post/?amp=1) ako na svojoj web-lokaciji ne koristite značajku Pretty Permalinks.

    Kao što možete vidjeti gore, postu su dodijeljeni osnovni stilovi koje možete dodatno prilagoditi.

    Za bilješku

    Trenutno postoji nekoliko stvari koje biste trebali znati o stanju dodatka:

    • Arhiva - Kategorija, Označiti i Prilagođena taksonomija - trenutno nisu podržani. Neće se pretvoriti u format usklađen s AMP-om. Međutim, Custom Post Types se mogu inicirati u AMP putem filtra.
    • Ne dodaje se u novi zaslon postavki na Nadzornoj ploči. Prilagođavanje se vrši na razini koda s radnjama, filtrima, klasom.
    • Dodatak trenutno ne obuhvaća sve AMP prilagođene elemente kao što su AMP analitika i pojačalo-oglas Izvan kutije. Ako trebate ove elemente, morat ćete ih uključiti spajanjem u Akcije ili Filtre dodatka.

    Prilagođavanje

    Dodatak nudi brojne akcije i filtre koji pružaju fleksibilnost u odnosu na prilagodbu stilova, sadržaja stranice, pa čak i HTML oznake stranice AMP-a.

    Stilovi

    Siguran sam da je ovo jedna stvar koju želite promijeniti odmah nakon aktiviranja dodatka, kao što je promjena boje pozadine zaglavlja, obitelji fontova i veličine fonta kako bi se bolje podudarali s markom i osobnošću web-lokacije.

    Da bismo to učinili, možemo zaposliti amp_post_template_css Radnja u functions.php datoteku naše teme.

    funkcija theme_amp_custom_styles () ?> nav.amp-wp-title-bar pozadinska boja: narančasta;   
    Ako pregledamo Chrome DevTools, ovi stilovi se dodaju unutar