Usamos amp-mustache para renderizar plantillas de bigote. amp-mustache no proporciona los datos JSON que recopilan los componentes amp-list, amp-access o amp-form . Ejemplo de un archivo JSON pasado con un diccionario usando amp-list . Javascript { «geeksforgeeks»: [ { «fullname»: «geeksforgeeks», «phonenumber»: «9999999999», } ] } Script requerido: importar el componente amp-mustache al … Continue reading «Bigote de amplificador Google AMP»
A veces, desea agregar interactividad personalizada a sus páginas AMP para que sus páginas se vean más fáciles de usar y llamativas para el usuario. Aunque los componentes preconstruidos de AMP son limitados, amp-bind está hecho para superar este problema. Ayuda al desarrollador a agregar interactividad personalizada a las páginas sin usar los componentes … Continue reading «¿Cómo cambiar/actualizar el tamaño de la imagen dinámicamente usando amp-bind en Google AMP?»
A veces tenemos mucho contenido para mostrar y para que el sitio web se vea bonito y corto, usamos los cuadros de texto plegables. Los cuadros de texto plegables son esa división que es la combinación de encabezado y contenido, generalmente solo el encabezado es visible, pero cuando se presiona, se muestra el contenido. … Continue reading «¿Cómo crear un acordeón con colapso automático usando Google AMP amp-accordion?»
La fuente amp se usa para verificar si la fuente está cargada o no en una página HTML AMP . Scripts requeridos: importa amp-font en el encabezado. HTML <script async custom-element=»amp-font» src=»https://cdn.ampproject.org/v0/amp-font-0.1.js»> </script> Usamos el siguiente estilo para mostrar la fuente en rojo si la fuente no está disponible. HTML <style amp-custom> :root { –color-error: … Continue reading «Fuente de amplificador Google AMP»
Introducción: a veces tenemos mucho contenido para mostrar y para que el sitio web se vea bonito y corto, usamos los cuadros de texto plegables. Los cuadros de texto plegables son esa división que es la combinación de encabezado y contenido, generalmente solo el encabezado es visible, pero cuando se presiona, se muestra el contenido. … Continue reading «¿Cómo crear un encabezado oculto usando el acordeón de Google AMP?»
A veces, desea agregar interactividad personalizada a sus páginas AMP para que sus páginas se vean más fáciles de usar y llamativas para el usuario. Aunque los componentes preconstruidos de AMP son limitados, amp-bind está hecho para superar este problema. Ayuda al desarrollador a agregar interactividad personalizada a las páginas sin usar los componentes … Continue reading «¿Cómo cambiar/actualizar la clase CSS dinámicamente usando amp-bind en Google AMP?»
Una barra lateral es una característica muy común en las páginas web que es muy simple pero un poco larga de codificar en HTML CSS. En AMP HTML, usamos el componente amp-sidebar para agregar una barra lateral a una página. Una barra lateral brinda acceso a metacontenidos. Se puede revelar con un clic de … Continue reading «Barra lateral de amplificador de Google AMP»
Las páginas HTML de AMP que agregan efectos visuales son fáciles de usar con el componente amp-fx-collection , que proporciona una gama de colecciones de efectos, como el vuelo en el que una imagen de fondo puede entrar en el marco desde cualquier lado de la pantalla. Este es un muy popular y efectos … Continue reading «Animación de vuelo de Google AMP»
Twitter se ha convertido en una forma moderna de comunicar pensamientos y noticias y puede integrarse fácilmente en una página AMP HTM L mediante amp-twitter, que incorpora un tweet de Twitter . Script requerido: Importación del componente amp-twitter en el encabezado. HTML <script async custom-element=»amp-twitter» src=»https://cdn.ampproject.org/v0/amp-twitter-0.1.js»> </script> Atributo: data-tweetid: Igual que data-momentid o data-timeline-source-type. … Continue reading «Google AMP amp-twitter»
El amp-bind se realiza de tal manera que cualquier documento que lo use tenga un estado o datos JSON mutables. Estos datos se pueden manipular usando amp-state. Sus datos no se evalúan en la carga de la página, sino que se evalúan dinámicamente junto con la entrada del usuario. Tiene varios estados y ellos … Continue reading «¿Qué es el estado de inicialización en amp-bind de Google AMP?»