Quando começamos a trabalhar com a Cowgirl Magazine , eles já tinham um site muito rápido, obrigado para sua compatibilidade total com AMP. Eles estavam, no entanto, usando um plug-in AMP proprietário. Por causa disso, eles efetivamente se viram vinculados ao mantenedor do plug-in para atualizações de design e funcionalidade. À medida que seu fornecedor se tornava cada vez menos responsivo, a Cowgirl Magazine abordou a XWP pedindo uma saída para essa situação.
Durante nossa fase de descoberta, descobrimos que o plug-in proprietário AMP estava fortemente acoplado não apenas ao tema atual. em uso, mas também para várias extensões, fornecendo à Cowgirl Magazine algumas funcionalidades importantes: capacidade de personalizar o layout, ferramentas para colocar e definir anúncios, configurar sobreposições de campanha e inserir widgets de campanha. Três requisitos-chave ficaram claros:
- Tivemos que quebrar o aprisionamento do fornecedor…
- sem afetar a receita de anúncios…
- enquanto mantemos o geral aparência do site.
Para liberar a Cowgirl Magazine desse vínculo com o fornecedor, o XWP recomendou uma migração técnica para o plugin oficial de AMP para WordPress . Para manter o orçamento reduzido, também buscamos identificar um tema WordPress substituto moderno e compatível com AMP que ofereceria suporte a ferramentas e plug-ins de editor padrão da indústria. Digite: Newspack.
Newspack leva você para longe
Newspack é uma plataforma de publicação comercial administrada pela Automattic sobre a infraestrutura do WordPress.com, mas suas peças técnicas principais-o Tema Newspack e Newspack Plugin -são ambos de código aberto e embalados com recursos orientados para o editor.
No final das contas, escolhemos o tema Newspack e os plug-ins para substituir a configuração legada, porque Newspack, mesmo em seu estado padrão, leva os editores muito mais perto da linha de chegada, fazendo várias coisas importantes corretamente.
1. Compatibilidade de AMP
O Newspack se integra perfeitamente ao plug-in AMP oficial e é até mesmo oficialmente reconhecido como compatível tema . Para a Cowgirl Magazine, apenas habilitamos o plugin AMP para WordPress com o tema Newspack e estávamos executando um site AMP válido em minutos.
2. Layout de front-end moderno
O código de front-end do Newspack utiliza layout de flexbox . Isso permite que os desenvolvedores reordenem os elementos na página sem alterar a marcação da página.
Por que isso é tão importante? Cada editor deseja que seu site seja único. Isso geralmente inclui mudanças no layout do tema, que no WordPress geralmente é resolvido criando um tema filho que substitui certos modelos do tema pai.
Limitando a quantidade de modelos substituídos, sempre que o tema pai é atualizado, novos recursos e alterações são mais provavelmente aplicados ao site como pretendido. Manter a quantidade de modelos substituídos baixa ajuda a manter o site.
No site da Cowgirl Magazine, pudemos reordenar os itens no cabeçalho e rodapé do site para corresponder ao design anterior sem alterar o HTML subjacente.
3. Open Ecosystem
Em sua essência, o plugin Newspack monta e configura outros plugins orientados ao editor. Newspack constrói um ecossistema de ferramentas que funciona bem com alguns dos plug-ins de expansão que estão sendo desenvolvidos para serem usados principalmente em sites habilitados para Newspack. Isso não leva a uma armadilha de aprisionamento de outro fornecedor? Felizmente, a resposta é não, porque o sistema é altamente modular. Mesmo os poucos plug-ins necessários podem ser desativados após a configuração inicial.
Não use Blocos de newspack ? Não instale o plugin. Você não deseja que os Newspack Ads gerenciem seus blocos de anúncios? Troque-o por um gerenciador de anúncios alternativo. Não gosta de Campanhas de newspack ? Sinta-se à vontade para usar outro plug-in ou sua própria implementação.
4. Compatibilidade com ferramentas que os editores preocupam com
O plug-in Newspack é fornecido com suporte explícito para várias ferramentas padrão da indústria nas quais os editores do WordPress confiam: Yoast SEO , Jetpack , Google Site Kit e muitos mais . Na Cowgirl Magazine, tínhamos que ter certeza de que qualquer solução encontrada combinava bem com o Yoast SEO, que o Newspack Theme faz fora da caixa.
Onde termina a configuração
Nós sp ent um dia construindo um site de prova de conceito, o que foi suficiente para migrarmos a maioria dos recursos existentes do site da Cowgirl Magazine para o Newspack simplesmente por meio da configuração, que incluiu a configuração:
- Um site AMP válido.
- Yoast SEO e plug-ins de esquema.
- A maioria dos canais e blocos de anúncios.
- Sobreposição de campanha e frequência.
- Integração com Mailchimp.
- Layout básico do site, layout de cabeçalho e posicionamento de widgets.
Ficamos impressionados com o quão longe o Newspack nos levou sem escrever uma única linha de código. Mas o Newspack não é um construtor de sites visuais e a configuração deve terminar em algum lugar. Houve algumas personalizações em que precisamos arregaçar as mangas e integrar algum código personalizado ao Newspack.
Embora o código seja limpo e bem estruturado, também encontramos alguns pequenos desafios. O tema Newspack expõe muitas opções lógicas de personalização por meio do WordPress Customizer, mas não inclui muitos ganchos que permitiriam a criança criadores do tema para modificar a saída do modelo pai sem ter que substituir todo o modelo ou recorrer a soluções menos convencionais, como utilizar saída armazenamento em buffer para capturar e remover marcação.
O mesmo é verdadeiro para os outros plug-ins de recursos do Newspack, como Anúncios. Embora os anúncios AMP sejam compatíveis com o plug-in Newspack Ads, uma personalização mais avançada, como adicionar um parâmetro rtc-config para facilitar o lance básico de cabeçalho ou data-multi-size para aumentar a competição de anúncios não é possível, porque o plug-in não define um gancho que os desenvolvedores terceirizados possam usar para alterar o saída do componente.
Ainda assim, esses problemas não são difíceis de contornar e os resultados falam por si. Conseguimos trocar o plug-in AMP e o tema AMP no centro do site anterior com uma quantidade inesperadamente baixa de esforço, mantendo a aparência do site original. Também fomos capazes de nos manter dentro das restrições do orçamento do cliente. E a cereja no topo? O novo site da Cowgirl Magazine está mais rápido do que antes graças a marcações e estilos menos complexos.
O XWP ajuda todos os tipos de organizações-da Cowgirl Magazine e Rolling Stone ao Heavy.com e Answers.com-utilizam o AMP para melhorar a experiência do usuário em seus sites no WordPress e além. Para saber mais sobre como podemos ajudar seu site, preencha nosso formulário de contato . Adoraríamos nos conectar!
