Plugin AMP para WordPress

No post anterior falei sobre plugins de performance para WordPress, agora chegou a hora de falar de outro plugin relacionado a performance o Plugin do AMP para WordPress. Assistindo conteúdo sobre WordPress no YouTube, por muitas vezes o plugin é vendido como plugin para deixar o WordPress rápido. Mas precisamos entender como o framework funciona… Continuar lendo Plugin AMP para WordPress

Trabalhando com AMP image light-box

No post anterior vimos como implementar um light-box com o componente amp-lightbox e nesse post vamos ver como implementar com AMP image light-box para imagens, assim iremos trabalhar com o componente amp-image-lightbox. Ele possui algumas particularidades comparado ao componente amp-lightbox mas o comportamento será bem parecido. amp-image-lightbox O componente amp-image-lightbox habilita um lightbox específico para… Continuar lendo Trabalhando com AMP image light-box

Criando light-box com AMP: amp-lightbox

Nesse post vamos ver como implementar um light-box em nossa aplicação AMP, light-box é um dos recursos mais usados desde a popularização do JavaScript. Na maioria das vezes usado para focar a exibição de elementos gráficos ou mensagens. A plataforma amp disponibiliza três componentes para exibição de light-box amp-lightbox, amp-image-lightbox e amp-lightbox-gallery. Cada um desses… Continuar lendo Criando light-box com AMP: amp-lightbox

Criando menu acordeão com AMP: amp-accordion

Um dos componentes mais populares do AMP é o amp-accordion, o componente de accordion(acordeão) ou sanfona como também é conhecido permite o usuários comprimir e expandir determinadas sessões. Ele é útil também em dispositivos móveis para reduzir a quantidade de scroll de uma sessão. Neste post iremos entrar em alguns detalhes desse componente. Comportamento Cada… Continuar lendo Criando menu acordeão com AMP: amp-accordion

Trabalhando com amp-youtube

No post anterior como utilizar nosso primeiro componente o amp-img neste post vamos entender um pouco mais sobre componentes AMP e como utiliza-los. Primeiramente existem três tipos de componentes: Built-in são os componentes base da biblioteca como amp-img e amp-pixel. Extended componentes que precisa de um script extra para executar geralmente atendem a problemas mais… Continuar lendo Trabalhando com amp-youtube

Como trabalhar com imagens no AMP

Quando trabalhamos com AMP temos restrição na utilização de algumas tag HTML e ia tag img se encontra nessa lista. A principal razão é que imagens são responsáveis pela maior parcela no tamanho total de uma aplicação. Por isso o framework tem um cuidado especial no carregamento de images para isso utilizamos o componente amp-img,… Continuar lendo Como trabalhar com imagens no AMP

Criando primeira página AMP

Novo curso em meu canal do YouTube sobre AMP já está no ar: Nos primeiros vídeos e posts eu fiz a apresentação do nosso projeto. Agora vamos aprender a criar nossa primeira página e ver quais os requisitos básicos para publicar nossa primeira página válida. Requisitos básicos Primeiro precisamos sinalizar que temos conteúdo AMP através… Continuar lendo Criando primeira página AMP