Hogyan használjuk az AMP-t WordPress segítségével

Az AMP egy közös erőfeszítés, amely az a jobb oldali betöltési teljesítmény a mobil környezetben található webhelyek számára. De, amint az előző bemutatónkból is kitűnik, fel kell áldoznod a képzeleteket a webhelyedről, és szigorúan be kell tartanod a szabályokat, be kell tartanod az iránymutatásokat, és érvényesíteni kell az oldalakat. Úgy hangzik, mintha sokat kellene tennie, nem?

Szerencsére, ha webhelyét a WordPress programmal építette, az AMP-t az AMP-WP nevű bővítmény segítségével azonnal webhelyére alkalmazhatja. Több funkcióval szállítjuk, mint ami a szemnek felel meg. Szóval, nézzük meg, hogyan működik.

Aktiválás

Először is jelentkezzen be a webhelyére Bővítmények> Új hozzáadása képernyő. Keresés “AMP; telepítse és aktiválja az egyiket az Automattic-től.

Aktiválása után megtekintheti az AMP-konvertált bejegyzést a / Amp / nyomvonal a postai URL végén (pl. http://wp.com/post/amp/) vagy ?AMP = 1 (például. http://wp.com/post/?amp=1), ha nem használja a Pretty Permalinks funkciót a webhelyén.

Amint fentebb láthatjuk, a bejegyzés alapvető stílusokat kapott, amelyeket tovább testre szabhat.

Megjegyezni

Néhány dolog, amit a plugin állapotáról tudnia kell:

• Levéltár - Kategória, Címke és Egyéni taxonómia - jelenleg nem támogatott. Nem lesznek átalakítva AMP-kompatibilis formátumra. Az Egyéni bejegyzés típusok azonban egy szűrő segítségével kezdeményezhetők az AMP-be.
• Nem ad hozzá egy új beállítási képernyőhöz a műszerfalon. A testreszabás a kód szintjén történik műveletek, szűrők, osztály.
• A bővítmény jelenleg nem tartalmazza az összes AMP egyedi elemet, például: amp-analitika és amp-ad ki a dobozból. Ha szüksége van ezekre az elemekre, akkor be kell illesztenie azt a bővítmény Műveletek vagy Szűrők beágyazásával.

testreszabás

A bővítmény számos olyan műveletet és szűrőt tartalmaz, amelyek rugalmasságot biztosítanak az AMP oldalak stílusának, oldal tartalmának és akár HTML-jelölésének testreszabásához..

Stílusok

Biztos vagyok benne, hogy ez egy dolog, amit azonnal meg akar változtatni a plugin aktiválása után, például a fejléc háttérszínének, a betűtípuscsalád és a betűméret megváltoztatásának, hogy jobban illeszkedjen a webhely márkájához és személyiségéhez.

Ehhez alkalmazhatjuk a amp_post_template_css Művelet a functions.php témánkban.

theme_amp_custom_styles függvény () ?> nav.amp-wp-title-bar háttérszín: narancs;   
Ha átnézzük a Chrome DevTools eszközöket, ezek a stílusok a