Cum se utilizează AMP cu WordPress

AMP este un efort comun care promite a o performanță mai bună de încărcare a paginilor pentru site-urile din mediul mobil. Dar, după cum puteți găsi de la tutorial noastre anterioare, va trebui să sacrifice chestii de lux de pe site-ul dvs., și strict urmați regulile, în conformitate cu liniile directoare, și a obține pagini validate. Suna ca multe de făcut, nu-i așa??

Din fericire, dacă ați construit site-ul dvs. cu WordPress, puteți aplica AMP pe site-ul dvs. într-o clipă utilizând un plugin numit AMP-WP. Este livrat cu mai multe caracteristici decât ceea ce corespunde ochiului. Să vedem cum funcționează.

Activarea

Pentru a începe, conectați-vă la site-ul dvs., mergeți la Plugin-uri> Adăugați noi ecran. Caută “AMP; instalați și activați unul de la Automattic.

După activare, puteți vedea postul convertit în AMP adăugând / Amp / traseu la sfârșitul adresei URL a postării (de ex. http://wp.com/post/amp/) sau cu ?amp = 1 (de exemplu. http://wp.com/post/?amp=1) dacă nu utilizați funcția Pretty Permalinks pe site-ul dvs. Web.

Și după cum puteți vedea mai sus, postul a primit stilizări de bază, pe care le puteți personaliza în continuare.

A nota

Există câteva lucruri pe care ar trebui să le știi despre starea plugin-ului în momentul de față:

• Arhive - Categorie, Etichetă și Taxonomie particulară - nu sunt acceptate în prezent. Ele nu vor fi convertite în format conform AMP. Cu toate acestea, tipurile de postări personalizate pot fi inițiate în AMP printr-un filtru.
• Nu adaugă un nou ecran de setări în tabloul de bord. Personalizarea se face la nivel de cod cu acțiuni, filtre, clasă.
• Pluginul nu include în prezent niciun element personalizat AMP, cum ar fi amp-analiză și amp ad- afara din cutie. Dacă aveți nevoie de aceste elemente, va trebui să le includeți prin accesarea acțiunilor sau a filtrelor pluginului.

Personalizare

Pluginul oferă numeroase acțiuni și filtre care oferă flexibilitate în ceea ce privește personalizarea stilurilor, conținutul paginii și chiar marcajul HTML al paginii AMP ca întreg.

stiluri

Sunt sigur că acest lucru este un lucru pe care doriți să schimbați imediat după activarea plugin-ul, cum ar fi schimbarea culorii de fundal a antetului, familia de fonturi și dimensiunea fontului pentru a se potrivi mai bine site-ul dvs. de brand și de personalitate.

Pentru a face acest lucru, putem angaja amp_post_template_css Acțiune în functions.php fișierul temei noastre.

funcția theme_amp_custom_styles () ?> nav.amp-wp-titlu-bar fundal-culoare: portocaliu;   
Dacă privim Chrome DevTools, aceste stiluri sunt adăugate în