¿Cómo agregar códigos en páginas AMP?

Hoy sabemos que nuestros clientes son habitantes de los planes de datos celulares, es decir, la mayoría son personas que usan el celular para consultar todo tipo de información a la mayor brevedad, es ahí cuando vienen las páginas AMP (Accelerated Mobile Pages) al rescate de nuestros sitios web.

Como ya debe suponer, las funciones para agregar HTML al header y el footer de una plantilla para html son muy diferentes a los de agregar para usarse en AMP.

Para agregar estas funciones, recomendamos insertarlas en el functions.php de su plantilla actual o a través de plugins como My Custom Functions. Solo agregue las siguientes líneas.

¿Como se agrega código a las plantillas AMP?

Las páginas AMP tienen dos puntos para agregar información, una es en Header <header> y otras es e Footer </body>

Para el Header se usa – amp_post_template_head
Para el Footer se usa – amp_post_template_footer

Código para header en AMP

/*
 * Adding Header and Footer Code in AMP pages in WordPress
 */
 add_action('amp_post_template_header','estereo_amp_custom_header');
 function estereo_amp_custom_header ($amp_template) {
 ?>
 // Código a insertar 
 <?php
 }

Esta función imprimirá una función a la medida en el header de su plantilla entre los tags <head> y </head>, útil para agregar códigos de validación de terceros o códigos CSS. Sea prudente en usar solo funciones para AMP compatibles.

Código para footer en AMP

/*
* Adding Header and Footer Code in AMP pages in WordPress
*/ 
add_action('amp_post_template_footer','estereo_amp_custom_footer');
function estereo_amp_custom_footer ($amp_template) { 
?>
// Código a insertar 
<?php 
}

Esta función imprimirá código antes de </body>, util para agregar JS y funciones locales.