wordpress: adding a tag makes the tag autoclose












10















Good day all.
I'm using a "amp" generator on a wordpress site, one of the actions of this plugin is to add a biolerplate tag just before the </head> and a <noscript> tag with a fallback.
Google search console keep warning me about a specific error:
"The mandatory tag 'noscript enclosure for boilerplate' is missing or incorrect."



So I start to investigate.
What I've found is that "something" is injecting the </head><body> just before the <noscript> opening tag, if I change the place where I put the noscript tag, the other two are moved too.



this is the code rendered:



<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
</head><body><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>


I have done a lot of tests and seems that the <noscript> tag is the point of this error.
I've read also some other answers that are saying that the document should not be strict xhtml 1.1, which is not the case, infact these are the first things rendered on the page:



<!DOCTYPE html>
<html amp lang="it-IT"><head><meta charset="utf-8"><link rel="dns-prefetch" href="https://cdn.ampproject.org">


I'm trying to figure out what I can do to solve this error that is present across many sites, with different plugins and themes (and also wordpress versions).



UPDATE:
I've tried to add manually a <noscript> tag in the code, and everytime I add it in the <head> section, the section get closed, and the <body> section is opened, without any class (so it's seems like a bug).
if you like to see the bug, just go here and look for the code:



https://www.assistenzamalasanita.com/2015/07/errori-medici-durante-il-parto-come-si-valutano/amp/



UPDATE 2
Disabling ALL plugins and switching to default theme has no effect on this.
Also, I have copied the entire site as is on another server, in which the problem is not present, the WP sites are identical, and also the serer configurations should be, BUT on the site that is working I can see that the HTTP request has an attribute about the php version (7.0.2) which the other site doesn't have.



is that possible that this can influence the rendering of the page??
to see the site that works:
https://www.doors.it/iride/2017/10/risarcimento-malasanita/amp



UPDATE 3
this is the part of the plugin that is actually write the code of the boilerplate (which has the head and body mistaken tags).



add_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' );
function amp_post_template_add_boilerplate_css( $amp_template ) {
?>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<?php

}


As you may notice, the entire block is inserted in one shot, there is no logic behind it and the page should be rendered as is (in that code, I've tried to change the tags into <nonscript> and everything was fine, the head tags isn't been closed and the body tag is opened in the right place, with the right classes.










share|improve this question




















  • 1





    Can you let me know the plugin you are using for AMP?

    – Outsource WordPress
    Sep 15 '18 at 6:18











  • AMP for WP - Accelerated Mobile Pages for WordPress

    – Matteo Bononi 'peorthyr'
    Sep 18 '18 at 8:50






  • 1





    You need to provide a Minimal, Complete, and Verifiable example. There is no way for us to tell why the HTML is being inserted in the wrong place without seeing the PHP that is inserting it.

    – Quentin
    Sep 18 '18 at 10:56






  • 1





    The callback/hook amp_post_template_add_boilerplate_css may have been moved/relocated from amp_post_template_head to amp_start or ampforwp_body_beginning - the latter two would add the noscript tag in the body and not the head. To confirm, try adding this code in functions.php: add_action( 'ampforwp_body_beginning', function(){ var_dump( $GLOBALS['wp_filter'] ); } ); and then share/inspect the var_dump() output.

    – Sally CJ
    Sep 18 '18 at 13:43






  • 1





    Alright @MatteoBononi'peorthyr', but you can also try this: remove the action - remove_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' ) and copy the entire HTML from amp_post_template_add_boilerplate_css() and add it via the settings page/UI - the AMP plugin uses output buffering (so even with manual HTML addition via the UI, the noscript might still be pushed into the body), but you can try..

    – Sally CJ
    Sep 19 '18 at 14:53
















10















Good day all.
I'm using a "amp" generator on a wordpress site, one of the actions of this plugin is to add a biolerplate tag just before the </head> and a <noscript> tag with a fallback.
Google search console keep warning me about a specific error:
"The mandatory tag 'noscript enclosure for boilerplate' is missing or incorrect."



So I start to investigate.
What I've found is that "something" is injecting the </head><body> just before the <noscript> opening tag, if I change the place where I put the noscript tag, the other two are moved too.



this is the code rendered:



<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
</head><body><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>


I have done a lot of tests and seems that the <noscript> tag is the point of this error.
I've read also some other answers that are saying that the document should not be strict xhtml 1.1, which is not the case, infact these are the first things rendered on the page:



<!DOCTYPE html>
<html amp lang="it-IT"><head><meta charset="utf-8"><link rel="dns-prefetch" href="https://cdn.ampproject.org">


I'm trying to figure out what I can do to solve this error that is present across many sites, with different plugins and themes (and also wordpress versions).



UPDATE:
I've tried to add manually a <noscript> tag in the code, and everytime I add it in the <head> section, the section get closed, and the <body> section is opened, without any class (so it's seems like a bug).
if you like to see the bug, just go here and look for the code:



https://www.assistenzamalasanita.com/2015/07/errori-medici-durante-il-parto-come-si-valutano/amp/



UPDATE 2
Disabling ALL plugins and switching to default theme has no effect on this.
Also, I have copied the entire site as is on another server, in which the problem is not present, the WP sites are identical, and also the serer configurations should be, BUT on the site that is working I can see that the HTTP request has an attribute about the php version (7.0.2) which the other site doesn't have.



is that possible that this can influence the rendering of the page??
to see the site that works:
https://www.doors.it/iride/2017/10/risarcimento-malasanita/amp



UPDATE 3
this is the part of the plugin that is actually write the code of the boilerplate (which has the head and body mistaken tags).



add_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' );
function amp_post_template_add_boilerplate_css( $amp_template ) {
?>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<?php

}


As you may notice, the entire block is inserted in one shot, there is no logic behind it and the page should be rendered as is (in that code, I've tried to change the tags into <nonscript> and everything was fine, the head tags isn't been closed and the body tag is opened in the right place, with the right classes.










share|improve this question




















  • 1





    Can you let me know the plugin you are using for AMP?

    – Outsource WordPress
    Sep 15 '18 at 6:18











  • AMP for WP - Accelerated Mobile Pages for WordPress

    – Matteo Bononi 'peorthyr'
    Sep 18 '18 at 8:50






  • 1





    You need to provide a Minimal, Complete, and Verifiable example. There is no way for us to tell why the HTML is being inserted in the wrong place without seeing the PHP that is inserting it.

    – Quentin
    Sep 18 '18 at 10:56






  • 1





    The callback/hook amp_post_template_add_boilerplate_css may have been moved/relocated from amp_post_template_head to amp_start or ampforwp_body_beginning - the latter two would add the noscript tag in the body and not the head. To confirm, try adding this code in functions.php: add_action( 'ampforwp_body_beginning', function(){ var_dump( $GLOBALS['wp_filter'] ); } ); and then share/inspect the var_dump() output.

    – Sally CJ
    Sep 18 '18 at 13:43






  • 1





    Alright @MatteoBononi'peorthyr', but you can also try this: remove the action - remove_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' ) and copy the entire HTML from amp_post_template_add_boilerplate_css() and add it via the settings page/UI - the AMP plugin uses output buffering (so even with manual HTML addition via the UI, the noscript might still be pushed into the body), but you can try..

    – Sally CJ
    Sep 19 '18 at 14:53














10












10








10








Good day all.
I'm using a "amp" generator on a wordpress site, one of the actions of this plugin is to add a biolerplate tag just before the </head> and a <noscript> tag with a fallback.
Google search console keep warning me about a specific error:
"The mandatory tag 'noscript enclosure for boilerplate' is missing or incorrect."



So I start to investigate.
What I've found is that "something" is injecting the </head><body> just before the <noscript> opening tag, if I change the place where I put the noscript tag, the other two are moved too.



this is the code rendered:



<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
</head><body><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>


I have done a lot of tests and seems that the <noscript> tag is the point of this error.
I've read also some other answers that are saying that the document should not be strict xhtml 1.1, which is not the case, infact these are the first things rendered on the page:



<!DOCTYPE html>
<html amp lang="it-IT"><head><meta charset="utf-8"><link rel="dns-prefetch" href="https://cdn.ampproject.org">


I'm trying to figure out what I can do to solve this error that is present across many sites, with different plugins and themes (and also wordpress versions).



UPDATE:
I've tried to add manually a <noscript> tag in the code, and everytime I add it in the <head> section, the section get closed, and the <body> section is opened, without any class (so it's seems like a bug).
if you like to see the bug, just go here and look for the code:



https://www.assistenzamalasanita.com/2015/07/errori-medici-durante-il-parto-come-si-valutano/amp/



UPDATE 2
Disabling ALL plugins and switching to default theme has no effect on this.
Also, I have copied the entire site as is on another server, in which the problem is not present, the WP sites are identical, and also the serer configurations should be, BUT on the site that is working I can see that the HTTP request has an attribute about the php version (7.0.2) which the other site doesn't have.



is that possible that this can influence the rendering of the page??
to see the site that works:
https://www.doors.it/iride/2017/10/risarcimento-malasanita/amp



UPDATE 3
this is the part of the plugin that is actually write the code of the boilerplate (which has the head and body mistaken tags).



add_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' );
function amp_post_template_add_boilerplate_css( $amp_template ) {
?>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<?php

}


As you may notice, the entire block is inserted in one shot, there is no logic behind it and the page should be rendered as is (in that code, I've tried to change the tags into <nonscript> and everything was fine, the head tags isn't been closed and the body tag is opened in the right place, with the right classes.










share|improve this question
















Good day all.
I'm using a "amp" generator on a wordpress site, one of the actions of this plugin is to add a biolerplate tag just before the </head> and a <noscript> tag with a fallback.
Google search console keep warning me about a specific error:
"The mandatory tag 'noscript enclosure for boilerplate' is missing or incorrect."



So I start to investigate.
What I've found is that "something" is injecting the </head><body> just before the <noscript> opening tag, if I change the place where I put the noscript tag, the other two are moved too.



this is the code rendered:



<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
</head><body><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>


I have done a lot of tests and seems that the <noscript> tag is the point of this error.
I've read also some other answers that are saying that the document should not be strict xhtml 1.1, which is not the case, infact these are the first things rendered on the page:



<!DOCTYPE html>
<html amp lang="it-IT"><head><meta charset="utf-8"><link rel="dns-prefetch" href="https://cdn.ampproject.org">


I'm trying to figure out what I can do to solve this error that is present across many sites, with different plugins and themes (and also wordpress versions).



UPDATE:
I've tried to add manually a <noscript> tag in the code, and everytime I add it in the <head> section, the section get closed, and the <body> section is opened, without any class (so it's seems like a bug).
if you like to see the bug, just go here and look for the code:



https://www.assistenzamalasanita.com/2015/07/errori-medici-durante-il-parto-come-si-valutano/amp/



UPDATE 2
Disabling ALL plugins and switching to default theme has no effect on this.
Also, I have copied the entire site as is on another server, in which the problem is not present, the WP sites are identical, and also the serer configurations should be, BUT on the site that is working I can see that the HTTP request has an attribute about the php version (7.0.2) which the other site doesn't have.



is that possible that this can influence the rendering of the page??
to see the site that works:
https://www.doors.it/iride/2017/10/risarcimento-malasanita/amp



UPDATE 3
this is the part of the plugin that is actually write the code of the boilerplate (which has the head and body mistaken tags).



add_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' );
function amp_post_template_add_boilerplate_css( $amp_template ) {
?>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<?php

}


As you may notice, the entire block is inserted in one shot, there is no logic behind it and the page should be rendered as is (in that code, I've tried to change the tags into <nonscript> and everything was fine, the head tags isn't been closed and the body tag is opened in the right place, with the right classes.







html wordpress amp-html noscript accelerated-mobile-page






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Sep 25 '18 at 7:07







Matteo Bononi 'peorthyr'

















asked Sep 5 '18 at 12:51









Matteo Bononi 'peorthyr'Matteo Bononi 'peorthyr'

88052672




88052672








  • 1





    Can you let me know the plugin you are using for AMP?

    – Outsource WordPress
    Sep 15 '18 at 6:18











  • AMP for WP - Accelerated Mobile Pages for WordPress

    – Matteo Bononi 'peorthyr'
    Sep 18 '18 at 8:50






  • 1





    You need to provide a Minimal, Complete, and Verifiable example. There is no way for us to tell why the HTML is being inserted in the wrong place without seeing the PHP that is inserting it.

    – Quentin
    Sep 18 '18 at 10:56






  • 1





    The callback/hook amp_post_template_add_boilerplate_css may have been moved/relocated from amp_post_template_head to amp_start or ampforwp_body_beginning - the latter two would add the noscript tag in the body and not the head. To confirm, try adding this code in functions.php: add_action( 'ampforwp_body_beginning', function(){ var_dump( $GLOBALS['wp_filter'] ); } ); and then share/inspect the var_dump() output.

    – Sally CJ
    Sep 18 '18 at 13:43






  • 1





    Alright @MatteoBononi'peorthyr', but you can also try this: remove the action - remove_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' ) and copy the entire HTML from amp_post_template_add_boilerplate_css() and add it via the settings page/UI - the AMP plugin uses output buffering (so even with manual HTML addition via the UI, the noscript might still be pushed into the body), but you can try..

    – Sally CJ
    Sep 19 '18 at 14:53














  • 1





    Can you let me know the plugin you are using for AMP?

    – Outsource WordPress
    Sep 15 '18 at 6:18











  • AMP for WP - Accelerated Mobile Pages for WordPress

    – Matteo Bononi 'peorthyr'
    Sep 18 '18 at 8:50






  • 1





    You need to provide a Minimal, Complete, and Verifiable example. There is no way for us to tell why the HTML is being inserted in the wrong place without seeing the PHP that is inserting it.

    – Quentin
    Sep 18 '18 at 10:56






  • 1





    The callback/hook amp_post_template_add_boilerplate_css may have been moved/relocated from amp_post_template_head to amp_start or ampforwp_body_beginning - the latter two would add the noscript tag in the body and not the head. To confirm, try adding this code in functions.php: add_action( 'ampforwp_body_beginning', function(){ var_dump( $GLOBALS['wp_filter'] ); } ); and then share/inspect the var_dump() output.

    – Sally CJ
    Sep 18 '18 at 13:43






  • 1





    Alright @MatteoBononi'peorthyr', but you can also try this: remove the action - remove_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' ) and copy the entire HTML from amp_post_template_add_boilerplate_css() and add it via the settings page/UI - the AMP plugin uses output buffering (so even with manual HTML addition via the UI, the noscript might still be pushed into the body), but you can try..

    – Sally CJ
    Sep 19 '18 at 14:53








1




1





Can you let me know the plugin you are using for AMP?

– Outsource WordPress
Sep 15 '18 at 6:18





Can you let me know the plugin you are using for AMP?

– Outsource WordPress
Sep 15 '18 at 6:18













AMP for WP - Accelerated Mobile Pages for WordPress

– Matteo Bononi 'peorthyr'
Sep 18 '18 at 8:50





AMP for WP - Accelerated Mobile Pages for WordPress

– Matteo Bononi 'peorthyr'
Sep 18 '18 at 8:50




1




1





You need to provide a Minimal, Complete, and Verifiable example. There is no way for us to tell why the HTML is being inserted in the wrong place without seeing the PHP that is inserting it.

– Quentin
Sep 18 '18 at 10:56





You need to provide a Minimal, Complete, and Verifiable example. There is no way for us to tell why the HTML is being inserted in the wrong place without seeing the PHP that is inserting it.

– Quentin
Sep 18 '18 at 10:56




1




1





The callback/hook amp_post_template_add_boilerplate_css may have been moved/relocated from amp_post_template_head to amp_start or ampforwp_body_beginning - the latter two would add the noscript tag in the body and not the head. To confirm, try adding this code in functions.php: add_action( 'ampforwp_body_beginning', function(){ var_dump( $GLOBALS['wp_filter'] ); } ); and then share/inspect the var_dump() output.

– Sally CJ
Sep 18 '18 at 13:43





The callback/hook amp_post_template_add_boilerplate_css may have been moved/relocated from amp_post_template_head to amp_start or ampforwp_body_beginning - the latter two would add the noscript tag in the body and not the head. To confirm, try adding this code in functions.php: add_action( 'ampforwp_body_beginning', function(){ var_dump( $GLOBALS['wp_filter'] ); } ); and then share/inspect the var_dump() output.

– Sally CJ
Sep 18 '18 at 13:43




1




1





Alright @MatteoBononi'peorthyr', but you can also try this: remove the action - remove_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' ) and copy the entire HTML from amp_post_template_add_boilerplate_css() and add it via the settings page/UI - the AMP plugin uses output buffering (so even with manual HTML addition via the UI, the noscript might still be pushed into the body), but you can try..

– Sally CJ
Sep 19 '18 at 14:53





Alright @MatteoBononi'peorthyr', but you can also try this: remove the action - remove_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' ) and copy the entire HTML from amp_post_template_add_boilerplate_css() and add it via the settings page/UI - the AMP plugin uses output buffering (so even with manual HTML addition via the UI, the noscript might still be pushed into the body), but you can try..

– Sally CJ
Sep 19 '18 at 14:53












1 Answer
1






active

oldest

votes


















1














As the comments have suggested and the third edit says, this is being caused by a hooked function. Luckily that typically is a pretty straightforward fix!



Like @sally-cj mentioned in the comments, use remove_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' ); to stop this function from firing altogether.



If we didn't want to enter in the styles into the admin, you could just duplicate the filter in your theme code without the offending </noscript> tag.






add_action( 'amp_post_template_head', 'so_52185596_custom_boilerplate_css' );
function so_52185596_custom_boilerplate_css( $amp_template ) {
?>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style>
<?php

}








share|improve this answer























    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f52185596%2fwordpress-adding-a-noscript-tag-makes-the-head-tag-autoclose%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    1














    As the comments have suggested and the third edit says, this is being caused by a hooked function. Luckily that typically is a pretty straightforward fix!



    Like @sally-cj mentioned in the comments, use remove_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' ); to stop this function from firing altogether.



    If we didn't want to enter in the styles into the admin, you could just duplicate the filter in your theme code without the offending </noscript> tag.






    add_action( 'amp_post_template_head', 'so_52185596_custom_boilerplate_css' );
    function so_52185596_custom_boilerplate_css( $amp_template ) {
    ?>
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style>
    <?php

    }








    share|improve this answer




























      1














      As the comments have suggested and the third edit says, this is being caused by a hooked function. Luckily that typically is a pretty straightforward fix!



      Like @sally-cj mentioned in the comments, use remove_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' ); to stop this function from firing altogether.



      If we didn't want to enter in the styles into the admin, you could just duplicate the filter in your theme code without the offending </noscript> tag.






      add_action( 'amp_post_template_head', 'so_52185596_custom_boilerplate_css' );
      function so_52185596_custom_boilerplate_css( $amp_template ) {
      ?>
      <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style>
      <?php

      }








      share|improve this answer


























        1












        1








        1







        As the comments have suggested and the third edit says, this is being caused by a hooked function. Luckily that typically is a pretty straightforward fix!



        Like @sally-cj mentioned in the comments, use remove_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' ); to stop this function from firing altogether.



        If we didn't want to enter in the styles into the admin, you could just duplicate the filter in your theme code without the offending </noscript> tag.






        add_action( 'amp_post_template_head', 'so_52185596_custom_boilerplate_css' );
        function so_52185596_custom_boilerplate_css( $amp_template ) {
        ?>
        <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style>
        <?php

        }








        share|improve this answer













        As the comments have suggested and the third edit says, this is being caused by a hooked function. Luckily that typically is a pretty straightforward fix!



        Like @sally-cj mentioned in the comments, use remove_action( 'amp_post_template_head', 'amp_post_template_add_boilerplate_css' ); to stop this function from firing altogether.



        If we didn't want to enter in the styles into the admin, you could just duplicate the filter in your theme code without the offending </noscript> tag.






        add_action( 'amp_post_template_head', 'so_52185596_custom_boilerplate_css' );
        function so_52185596_custom_boilerplate_css( $amp_template ) {
        ?>
        <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style>
        <?php

        }








        add_action( 'amp_post_template_head', 'so_52185596_custom_boilerplate_css' );
        function so_52185596_custom_boilerplate_css( $amp_template ) {
        ?>
        <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style>
        <?php

        }





        add_action( 'amp_post_template_head', 'so_52185596_custom_boilerplate_css' );
        function so_52185596_custom_boilerplate_css( $amp_template ) {
        ?>
        <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style>
        <?php

        }






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 17 '18 at 5:43









        GFargoGFargo

        18128




        18128






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f52185596%2fwordpress-adding-a-noscript-tag-makes-the-head-tag-autoclose%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Guess what letter conforming each word

            Port of Spain

            Run scheduled task as local user group (not BUILTIN)