Ako používať AMP s WordPress

AMP je spoločné úsilie, ktoré sľubuje a lepšie načítavanie stránok pre webové stránky v mobilnom prostredí. Ale ako môžete nájsť z nášho predchádzajúceho tutoriálu, budete musieť obetovať fantazijné veci z vašich webových stránok a prísne dodržiavať pravidlá, dodržiavať pokyny a získavať stránky validované. Znie to ako veľa práce, nie??

Našťastie, ak ste vytvorili svoje webové stránky pomocou aplikácie WordPress, môžete aplikáciu AMP na svoje webové stránky aplikovať pomocou doplnku s názvom AMP-WP. Je dodávaný s viacerými funkciami ako to, čo zodpovedá oku. Pozrime sa teda, ako to funguje.

aktivácia

Najprv sa prihláste na svoje webové stránky, prejdite na Pluginy> Pridať nové obrazovka. Hľadať “AMP; nainštalujte a aktivujte zariadenie od firmy Automattic.

Po aktivácii môžete zobraziť príspevok konvertovaný na AMP pridaním / Amp / trasa na konci adresy URL príspevku (napr. http://wp.com/post/amp/) alebo s ?amp = 1 (napr. http://wp.com/post/?amp=1), ak na svojej webovej stránke nepoužívate funkciu Pretty Pervers.

A ako vidíte vyššie, príspevok dostal základné štýly, ktoré môžete ďalej prispôsobiť.

Poznačiť

Existuje niekoľko vecí, ktoré by ste mali vedieť o stave pluginu v súčasnosti:

• archív - kategórie, štítok a Vlastná taxonómia - momentálne nie sú podporované. Nebudú konvertované do formátu kompatibilného s AMP. Vlastné typy príspevkov však môžu byť spustené do AMP prostredníctvom filtra.
• Na paneli Dashboard sa nepridáva nová obrazovka s nastaveniami. Prispôsobenie sa vykonáva na úrovni kódu s akciami, Filtre, Trieda.
• Zásuvný modul v súčasnosti nezahŕňa všetky prvky AMP, ako napríklad amp-analytics a amp-ad von z krabice. Ak potrebujete tento prvok, budete musieť ho zahrnúť háčaním do Akcie alebo Filtre doplnku.

prispôsobenie

Plug-in obsahuje množstvo akcií a filtrov, ktoré poskytujú flexibilitu pri prispôsobovaní štýlov, obsahu stránok a dokonca aj značke HTML na stránke AMP ako celku.

štýly

Som si istý, že to je jedna vec, ktorú chcete, aby okamžite zmeniť po aktivácii plugin, ako je zmena farby pozadia hlavičky, rodinu písma a veľkosť písma, aby lepšie zodpovedali vašej webovej stránky značky a osobnosti.

K tomu môžeme použiť amp_post_template_css Akcia v functions.php súbor našej témy.

funkcia theme_amp_custom_styles () ?> nav.amp-wp-title-bar farba pozadia: oranžová;   
Ak sa pozrieme na Chrome DevTools, tieto štýly sú pripojené v rámci