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.


vultr promo cloud 100dolares

¡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.

Vota por esta info: post