Paano gawing ganap na magkatugma ang GeneratePress at AMP

Magkatugma ang GeneratePress at AMP. Sa post na ito ipapakita ko sa iyo kung paano mo gagawing 100% compatible ang GeneratePress sa AMP.

Ang Accelerated Mobile Pages (AMP) ay isang open source na proyekto na ginawa ng Google kasama ng Automattic. Ang layunin ay gawing mas mabilis ang mga website sa mga mobile phone.

Kung karamihan sa iyong mga bisita ay nagmumula sa mobile, ang AMP ay may potensyal na palakasin ang iyong trapiko sa paglipas ng panahon.

Ngunit kung mayroon kang karamihan sa iyong mga bisita mula sa desktop, maaaring hindi mo mapansin ang isang makabuluhang pagkakaiba ngunit sulit pa rin ito.

GeneratePress ay ang pinakamabilis na tema ng WordPress na nakita ko. Maaari mong makita ang aking Pagsusuri ng GeneratePress. Ang magandang balita ay 100% compatible ito sa AMP.

Pagpapatupad ng AMP sa iyong website/blog

Ang pinakamahusay na paraan upang ipatupad ang AMP ay ang paggamit ng Opisyal na AMP plugin na binuo at pinapanatili ng Google mismo.

Bisitahin ang direktoryo ng WordPress upang i-install at i-activate ang Plugin. Upang gawin ito, mag-click sa mga plugin mula sa iyong dashboard, pagkatapos ay mag-click sa Magdagdag ng Bago. Kapag nasa page na, hanapin ang AMP. makikita mo ang AMP Plugin.

Kapag na-install, i-activate ang plugin. Pagkatapos ay mag-click sa mga setting. Makakakita ka ng tatlong mga pagpipilian. Standard mode, Transitional mode o Reader mode. Ang mode ng mambabasa ay gagana nang normal. Dahil hindi ito umaasa sa iyong tema upang gumana. Ngunit kung mayroon kang problema sa pagpapatakbo ng GeneratePress sa Transitional o Standard mode, pagkatapos ay sundin ang mga hakbang dito.

Kahit na gumagamit ka ng ibang AMP plugin, gagana ang mga hakbang na ito.

Paano gawing ganap na magkatugma ang GeneratePress at AMP

Sundin ang mga hakbang na ito para gawing ganap na magkatugma ang GeneratePress at AMP:

1. I-download at i-install ang AMP para sa GeneratePress Plugin

Mayroong opisyal na Plugin ni Tom Usborne, ang developer at tagapagtatag ng GeneratePress. Ang layunin ng plugin ay ayusin ang anumang isyu sa compatibility sa AMP.

Hindi pa available ang plugin sa direktoryo ng WordPress. Ngunit sinabi sa akin ni Tom sa isang email na gagawin niya itong available sa lalong madaling panahon.

Sa ngayon, kaya mo kunin ang plugin mula sa GitHub.

Kapag nandoon, mag-click sa I-clone o i-download. Pagkatapos ay mag-click sa pag-download ng zip.

Ngayon upang pumunta sa iyong WordPress dashboard, mag-click sa mga plugin pagkatapos ay mag-click sa magdagdag ng bago. Sa bagong page, mag-click sa upload plugin, pagkatapos ay piliin ang file na kaka-download mo lang at i-install ito.

Kapag na-install, i-activate ito. Iyon lang.

2. Ilipat ang AMP sa transitional o standard mode

Ngayon pumunta muli sa mga setting ng AMP plugin at lumipat sa transitional o standard mode. Ang transitional mode ay nangangahulugan na ang iyong theme framework ay ginagamit para maghatid ng AMP at Non-AMP habang ang pamantayan ay nangangahulugan na ang iyong site ay AMP-first.

Kung gumagana ang iyong site sa AMP transitional mode, gagana ito sa standard mode. Ang pagkakaiba lang ng dalawa ay ang canonical URL.

Kapag nasa transitional mode, kailangan mong magdagdag ?amp sa dulo ng iyong mga link kasama ang homepage para ma-access ang AMP.

Ngunit kapag nasa standard mode, walang karagdagang kailangan. Ang iyong mga canonical URL ay amp.

Para sa pagsubok na ito, gumagamit ako ng transitional mode para ipakitang gumagana ito. Mas gusto kong gumamit ng AMP sa reader mode dahil karamihan sa aking mga bisita ay mula sa desktop.

3. Magsagawa ng AMP Test.

Pagkatapos lumipat sa transitional mode o standard. Makakakita ka ng maraming mga pagkakamali! Huwag mag-panic!

Maaari mong makita ang mga error na nakuha ko sa ibaba pagkatapos baguhin BloggingTools sa transitional mode.

Mayroong 48 error index.

Karamihan sa mga error na ito ay mga babala. Ang ilan sa mga ito ay sanhi ng mga plugin. Ang mga babala ay upang ipaalam sa iyo na ang mga naka-highlight na item ay hindi ipapakita sa AMP.

Wala akong napansing malaking babala na may kaugnayan sa tema.

Ang pangunahing isyu na napansin ko ay mula sa aking caching plugin, Breeze. Nagdaragdag ito ng CSS na mukhang hindi nagpapasaya sa AMP. Kaya na-deactivate ko ang Breeze at nagpatuloy sa pagsubok.

Maaari mong gamitin ang Opisyal na tool sa pagsubok ng AMP ng Google para sa pagsubok.

Ipinapakita ng resulta na gumagana ang AMP nang walang mga isyu. Tingnan sa ibaba.

Narito ang pagsubok para sa aking home page.

Pagkatapos ay sinubukan ko ang isang pahina ng post:

Mula sa itaas, makikita mo na ang AMP at GeneratePress ay ganap na magkatugma.

Karaniwang mga isyu

Kung nagkakaproblema ka pa rin sa paggawa ng AMP sa transitional o standard mode, ang problema ay malamang na isa sa iyong mga plugin.

Ang mga pangunahing salarin ay malamang na ang pag-cache ng plugin o pag-optimize ng mga plugin na hindi tugma sa AMP.