Nove produtos,
um site WordPress,
cada tela justificada.

Do cabeçalho ao rodapé, dentro do editor de blocos.

O editor de blocos do WordPress é rápido e nativo, mas não consegue dar a uma mesma medida um valor separado para computador, tablet e telemóvel — medido outra vez no WordPress 7.1, e a razão técnica mais comum pela qual as pessoas instalam um construtor de páginas. O MevvBlocks fecha essa lacuna e depois continua: cento e dez blocos, modelos de tema do cabeçalho ao rodapé, uma grelha de artigos e um construtor de ciclos, um motor de formulários, popups, transformações e máscaras, código personalizado para todo o site, um único ecrã para a paleta do site, WebP e AVIF para as suas imagens, cache ao nível do bloco, uma auditoria de acessibilidade que lhe diz a verdade em vez de a esconder, e um ecrã de Core Web Vitals alimentado pelos seus próprios visitantes. O catálogo vai agora de um alternador e separadores aninhados a um gráfico circular, uma lista de reprodução, uma dica de contexto, um formulário de newsletter e uma animação SVG, com oito estilos de bloco no próprio painel de Estilos do editor — e todos eles param de se mexer quando o visitante pediu movimento reduzido. A tela também já não é uma aproximação: o editor pede ao servidor o mesmo CSS que a página vai imprimir, por isso o que dispõe é o que é publicado. Vinte e três desses blocos são para o WooCommerce, e nenhum deles redesenha o WooCommerce: chamam os modelos do próprio WooCommerce, por isso o seu tema e os seus plugins continuam a funcionar.

Cada medida, para cada tamanho de tela

Um espaçamento interno, um tamanho de fonte, uma contagem de colunas podem ter um valor separado para desktop, tablet e celular. O núcleo do WordPress não consegue — isso foi medido na 7.1, não presumido. O mesmo painel também tira um elemento do fluxo com posicionamento absoluto ou fixo, e seus deslocamentos e z-index também são por dispositivo.

Cento e dez blocos

Disposição, texto e multimédia; menu, pesquisa, grelha de artigos e construtor de ciclos; logótipo do site, título da página, migalhas, informação do artigo e caixa de autor para modelos de tema; vídeo, áudio, lista de reprodução, galeria, tabela, FAQ, cronologia e código; alternador, separadores aninhados, gráfico circular, dica de contexto, newsletter, feed social, caixa rotativa, apelo à ação, título animado, antes/depois, pontos ativos, painel lateral e botões de contacto — e vinte e três para o WooCommerce, da galeria de produto ao carrinho, à finalização de compra e a um mini carrinho. Oitenta e sete sem o WooCommerce.

Oito estilos de bloco, no painel que o WordPress já lhe dá

Uma sobreposição de gradiente, escala de cinzentos ou desfoque até passar o rato, uma máscara circular ou arredondada, elevação, zoom e inclinação — escolhidos no painel de Estilos do núcleo, por isso não há nenhum controlo novo para aprender e a escolha é uma classe na sua marcação em vez de uma definição numa tabela. Todas as transformações ao passar o rato são desligadas quando o sistema do visitante pede movimento reduzido, e o fotograma parado de uma animação SVG é trocado da mesma maneira.

Um formulário de newsletter que não precisa de nenhum serviço

Um endereço, um nome opcional, uma caixa de consentimento e um POST simples — assinado com o mesmo HMAC que o motor de formulários usa, para que uma página em cache nunca morra com um nonce expirado. O honeypot é engolido em silêncio, o limite de taxa é por endereço, e os endereços chegam junto com os seus outros envios de formulário. Não há lista, nem chave de API, nem pedido a ninguém: a ação mevvblocks_newsletter_subscribe entrega cada endereço confirmado ao que já usa.

Texto dinâmico, incluindo os seus campos ACF

Um título, um texto, um botão ou uma imagem podem ler o seu valor do artigo em vez do que escreveu: título, excerto, autor, data, categoria, etiquetas, título de arquivo, termo pesquisado, o preço do WooCommerce, o SKU ou o stock, ou um campo personalizado por chave. Quando o Advanced Custom Fields está ativo o campo é lido através de get_field(), por isso obtém o valor formatado, e as chaves que começam por sublinhado são recusadas em vez de expostas.

O que você vê no editor é o que a página imprime

A tela de edição não mostra mais uma aproximação: espaçamento interno, espaçamento, direção, alinhamento, fundo, raio, sombra, transformação e posição aparecem com os valores que o front-end vai usar. Um único motor de estilos produz esse CSS e o editor o busca no servidor — escrever um segundo motor em JavaScript nos daria duas cópias que se afastam com o tempo. Medido: a tela antiga diferia da página em 24 propriedades de layout; agora são zero de 64.

Core Web Vitals, dos seus visitantes reais

LCP, CLS e INP são medidos nos navegadores de quem visita seu site, e o que a tela mostra é o percentil 75 numa janela de 28 dias — dados de campo, o tipo que o Search Console olha, não um teste de laboratório. Abaixo de cem amostras nenhum número é exibido, porque um percentil calculado com um punhado de medições é ruído. Nenhum IP, nenhum cookie, nenhum identificador é coletado, e os dados nunca saem do seu próprio servidor.

IA com a sua própria chave

Escreva, reescreva, encurte, traduza e gere texto alternativo para imagens. Você insere sua própria chave de API e a requisição vai do seu site direto para o provedor — seu texto nunca chega até nós e a cota continua sendo sua. O resultado chega como sugestão, não escrito direto no bloco.

A paleta do seu tema, sem a reescrever

As cores e a tipografia podem ser lidas a partir do theme.json do tema ativo e usadas para preencher os espaços vazios na própria paleta do plugin. A ponte é deliberadamente unidirecional: nunca nada é escrito de volta no tema, pelo que uma atualização do tema nunca encontra o seu próprio ficheiro reescrito por baixo. Está desativada até a ligar.

Um mega painel no menu que já tem

Não é um bloco novo — é uma definição no bloco de navegação. Um submenu abre como um painel de largura total com até quatro colunas, e se ativar o painel num item sem submenu, a verificação de acessibilidade avisa-o em vez de imprimir uma caixa vazia.

Um primeiro rascunho de página, a partir de uma frase

Descreva a página e o modelo escolhe secções da própria biblioteca de modelos do plugin. Nunca escreve markup, pelo que o que chega à página são blocos editáveis e não HTML gerado, e uma secção que nomeie e que não exista é descartada e comunicada em vez de adivinhada. A página é sempre guardada como rascunho, e a chave é sua.

Notas que seus visitantes nunca veem

Fixe uma nota em qualquer bloco para sua equipe, marque como resolvida, apague. Ela vive no editor e não existe um único hook de front-end que pudesse imprimi-la.

Mais rápido, e medido

A saída dos blocos é armazenada em cache e as imagens são convertidas para WebP ou AVIF ao lado das originais — as originais nunca são tocadas. Medido: tempo de renderização dos blocos 33–72% menor, peso das imagens 39–78% menor. As imagens são servidas por um elemento <picture> para que o mesmo HTML chegue a todo mundo; decidir por visitante no servidor é o que envenena um cache de página. Você também pode servir uma imagem diferente nos celulares — não uma cópia menor da mesma, outra foto — e o navegador continua fazendo a escolha.

Um motor de formulários, não uma dependência

Dezesseis tipos de campo, validação no servidor, um honeypot que é engolido em silêncio, e uma tela onde os envios ficam guardados. O formulário funciona sem JavaScript, porque é a única parte da página que realmente faz alguma coisa.

Modelos de tema com condições

Cabeçalho, rodapé, post individual, arquivo, busca e 404 — construídos no editor do WordPress que você já usa, não em um segundo editor que teríamos de manter em sintonia com o núcleo.

Pop-ups que sobrevivem à mudança

Abrem no carregamento, por profundidade de rolagem, na intenção de saída, em um clique ou após inatividade. A frequência é contada no próprio navegador do visitante, então ninguém precisa ser identificado no servidor.

Uma única tela para a paleta do site

Cores e tipografia em um só lugar, sob seus nomes de variável originais — assim as páginas criadas antes da mudança adotam a nova paleta em vez de perder suas referências.

Uma auditoria de acessibilidade, não uma camada sobreposta

Nenhum widget é acoplado à página alegando que o site é acessível. Ele relata o que cada bloco deixou de fora — texto alternativo ausente, ordem de títulos quebrada, contraste fraco — enquanto você ainda está editando.

Slider, abas e acordeão sem biblioteca

A rolagem é scroll-snap nativo e o acordeão é um elemento details. Se o script nunca carregar, nada fica escondido: conteúdo escondido é conteúdo inacessível.

Renderizado no servidor, nunca preso à licença

O HTML salvo só consegue carregar o valor de um tamanho de tela, então o CSS é gerado no momento da requisição. Não existe uma única verificação de licença nesse caminho — uma licença vencida nunca apaga uma página publicada.

Página do produto ↗ Documentação ↗ Demonstração ao vivo ↗