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.
¡Conécta TU sitio web a la nube! Abre una cuenta en Vultr y gana en velocidad para tu negocio. Click para reclamar 100 Dólares.
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.