Hi,
I’ve got the mobile theme and AMP plugins as suggested activated and the resulting page has a lot of AMP validation errors:
https://dev.thewhoot.com/whoot-news/recipes/tim-tam-cheesecake-recipe-no-bake/?amp
What’s the correct process for producing an AMP-compliant mobile theme using this method?
it looks like a lot of stuff from the “normal” theme is being passed through to the mobile theme. Do I need to go through and deactivate things? How do I do this without affecting the main theme?
And I’m confused about basic problems such as the mandatory AMP “lightning bolt” attribute missing from the HTML tag. Seems like the mobile theme or AMP plugin should be taking care of this?
Thanks,
Peter.
Hi,
Please make sure that you do not have a plugin conflict, please deactivate all non theme plugins, also if you are using child theme or cache plugin, please deactivate them, clear all cache and try again.
While it does allow styling the document using custom CSS, it does not allow author written JavaScript beyond what is provided through the custom elements to reach its performance goals.‘
Please check the AMP HTML Specification
-> https://www.ampproject.org/docs/fundamentals/spec#html-tags
Also please check a similar topic -> https://forum.tagdiv.com/topic/custom-javascript-is-not-allowed/
-> https://forum.tagdiv.com/topic/a-mandatory-amp-html-tag-is-missing-from-this-document/
Also after you manage the javascript, please access your permalinks section of WordPress and press the save button again for the permalinks. you do not have to change the structure. Just save gain. This fixed the amp error for most users.
Thank you!
