Domovská » WordPress » Jak používat AMP s WordPress

    Jak používat AMP s WordPress

    AMP je společné úsilí, které slibuje a lepší výkon při načítání stránek pro webové stránky v mobilním prostředí. Ale jak můžete zjistit z našeho předchozího tutoriálu, budete muset obětovat ozdobný materiál ze svých webových stránek a striktně dodržovat pravidla, dodržovat pokyny a ověřovat stránky. Zní to jako hodně práce, ne?

    Naštěstí, pokud jste postavili své webové stránky s WordPress, můžete použít AMP na vaše webové stránky v snap pomocí plugin s názvem AMP-WP. Dodává se s více funkcemi, než je tomu v očích. Podívejme se, jak to funguje.

    Aktivace

    Chcete-li začít, přihlaste se na své webové stránky, přejděte na Pluginy> Přidat nový obrazovka. Hledat “AMP; nainstalovat a aktivovat ten z Automattic.

    Po aktivaci můžete zobrazit příspěvek převedený na AMP přidáním / amp / na konci poštovní adresy URL (např. http://wp.com/post/amp/), nebo s ?amp = 1 (např. http://wp.com/post/?amp=1), pokud na svých webových stránkách nepoužíváte funkci Pretty Permalinks.

    A jak vidíte nahoře, post dostal základní styl, který si můžete dále přizpůsobit.

    Poznamenat

    Existuje několik věcí, které byste měli vědět o stavu pluginu v tuto chvíli:

    • Archiv - Kategorie, Štítek a Vlastní taxonomie - nejsou v současné době podporovány. Nebudou převedeny do formátu kompatibilního s AMP. Typy uživatelských příspěvků však lze iniciovat do AMP prostřednictvím filtru.
    • Nepřidává se do nové obrazovky nastavení v řídicím panelu. Přizpůsobení se provádí na úrovni kódu s akcemi, filtry, třídou.
    • Plugin v současné době nezahrnuje všechny vlastní prvky AMP, jako je například amp-analytics a amp-ad z krabice. Pokud budete potřebovat tyto prvky, musíte je zahrnout připojením do Akce nebo Filtry pluginu.

    Přizpůsobení

    Zásuvný modul nabízí řadu akcí a filtrů, které poskytují flexibilitu při přizpůsobování stylů, obsahu stránky a dokonce i HTML značení stránky AMP jako celku..

    Styly

    Jsem si jistý, že je to jedna věc, kterou chcete změnit ihned po aktivaci pluginu, například změna barvy pozadí záhlaví, rodiny fontů a velikosti písma, aby lépe odpovídaly vaší značce a osobnosti webových stránek..

    K tomu můžeme použít amp_post_template_css Akce v functions.php souboru našeho tématu.

    function theme_amp_custom_styles () ?> nav.amp-wp-title-bar barva pozadí: oranžová;   
    Pokud se podíváme přes Chrome DevTools, tyto styly jsou připojeny v rámci