314 blocos para o editor de blocos do WordPress

Academic Works Grátis

Registros de portfólio como o design acadêmico os apresenta: linhas de livros, cartões de artigos de periódicos e os detalhes do próprio registro na sua página.

Agency Works Grátis

Exiba projetos do portfólio como um carrossel ou grade no estilo de agência, ou renderize uma única página de projeto (atributos, CTA de contato, projetos relacionados).

Veja ao vivo: Agency Works em Portfólio (abre em uma nova aba)

Blog Archive Loop Grátis

Loop do blog para a consulta principal (índice, categoria, tag, autor, data). Usa os partials blog-entry do tema e a paginação.

Veja ao vivo: Blog Archive Loop em Início (abre em uma nova aba) Configurações do bloco Blog Archive Loop na documentação

Blog Loop Grátis

Loop de entradas de blog combinável. Monte o cartão de cada post a partir dos blocos Post Image/Title/Meta/Excerpt; os elementos de interface do contêiner, da paginação e da linha do tempo são controlados pelo layout.

Veja ao vivo: Blog Loop em Blog | Grade (abre em uma nova aba) Configurações do bloco Blog Loop na documentação

Blog Single Post Grátis

Layout de post individual do blog (título, metadados, imagem, conteúdo, tags, compartilhar, navegação, autor, comentários, relacionados + barra lateral). Para single.html.

Configurações do bloco Blog Single Post na documentação

Construction Projects Grátis

Exiba projetos do tipo de post Projects como uma grade de portfólio (2 a 5 colunas), ou renderize uma única página de projeto (atributos, CTA de contato, projetos relacionados).

Veja ao vivo: Construction Projects em Projetos | 5 colunas (abre em uma nova aba)

Illustrator Works Grátis

Itens de portfólio como uma grade filtrável de cartões quadrados com molduras coloridas, ou as partes de uma única página de projeto.

Veja ao vivo: Illustrator Works em Início (abre em uma nova aba)

Interior Projects Grátis

Exibe projetos de estúdio do tipo de post Projects como uma grade de portfólio filtrável, ou renderiza uma única página de projeto (barra lateral de detalhes, CTA de consulta, projetos relacionados).

Veja ao vivo: Interior Projects em Stonecroft (abre em uma nova aba)

Casos de escritório de advocacia Grátis

Exibe projetos do tipo de post portfólio como cards ou renderiza uma página individual de projeto (atributos, CTA de contato, projetos relacionados).

Veja ao vivo: Casos de escritório de advocacia em Casos recentes (abre em uma nova aba)

Photo Shots Grátis

Exiba fotos do tipo de conteúdo Shots em uma grade de prévia expansível, ou renderize uma página individual de Shot (moldura, detalhes da captura, chamada para consulta, Shots relacionados).

Veja ao vivo: Photo Shots em Explorar (abre em uma nova aba)

Post Archive Index Grátis

Cada item com data e título, opcionalmente agrupado por ano e mês: o índice do “tudo o que publicamos”.

Configurações do bloco Post Archive Index na documentação

Post Author Grátis

Exibe o cartão com a biografia do autor do post atual, com avatar, nome de exibição e descrição biográfica.

Veja ao vivo: Post Author em A web lenta: por que as melhores experiências de leitura estão ficando mais silenciosas (abre em uma nova aba) Configurações do bloco Post Author na documentação

Post Comments Grátis

Renderiza o modelo de comentários do WordPress, incluindo a lista de comentários e o formulário de envio.

Veja ao vivo: Post Comments em A web lenta: por que as melhores experiências de leitura estão ficando mais silenciosas (abre em uma nova aba) Configurações do bloco Post Comments na documentação

Post Content Grátis

Exibe o conteúdo completo do post atual, executando todos os filtros de conteúdo, incluindo shortcodes e incorporações.

Veja ao vivo: Post Content em Este é um post padrão com uma Imagem de pré-visualização (abre em uma nova aba) Configurações do bloco Post Content na documentação

Post Date Grátis

Apenas a data de publicação do post, para uma linha de autoria que o bloco Post Meta não consegue exibir.

Veja ao vivo: Post Date em A web lenta: por que as melhores experiências de leitura estão ficando mais silenciosas (abre em uma nova aba) Configurações do bloco Post Date na documentação

Post Excerpt Grátis

Exibe um trecho do post atual, cortado por palavras e com tamanho configurável.

Veja ao vivo: Post Excerpt em Blog | Grade (abre em uma nova aba) Configurações do bloco Post Excerpt na documentação

Post Image Grátis

Exibe a imagem destacada do post atual, com tamanho configurável e link permanente opcional.

Veja ao vivo: Post Image em Blog | Feed misto (abre em uma nova aba) Configurações do bloco Post Image na documentação

Post Media Grátis

A caixa de mídia de entrada do post atual: sua imagem em destaque, incorporação de vídeo ou áudio, slider de galeria, grade de miniaturas, citação, link ou cartão de status, escolhida de acordo com o formato do post.

Veja ao vivo: Post Media em Blog | Linha do tempo com barra lateral à esquerda (abre em uma nova aba) Configurações do bloco Post Media na documentação

Post Meta Grátis

Exibe metadados configuráveis da publicação, incluindo data, autor, categorias e número de comentários.

Veja ao vivo: Post Meta em Blog | Feed misto (abre em uma nova aba) Configurações do bloco Post Meta na documentação

Post Navigation Grátis

Exibe os links de navegação para a publicação anterior e a próxima publicação da página atual.

Veja ao vivo: Post Navigation em A web lenta: por que as melhores experiências de leitura estão ficando mais silenciosas (abre em uma nova aba) Configurações do bloco Post Navigation na documentação

Post Read More Grátis

Exibe um link ou botão “Leia mais” apontando para o link permanente do post atual.

Veja ao vivo: Post Read More em Início (abre em uma nova aba) Configurações do bloco Post Read More na documentação

Post Reading Bar Grátis

Exibe os controles de tempo de leitura, tamanho da fonte, impressão e de compartilhamento durante a rolagem para o post atual.

Veja ao vivo: Post Reading Bar em Este é um post padrão com uma Imagem de pré-visualização (abre em uma nova aba) Configurações do bloco Post Reading Bar na documentação

Post Reading Time Grátis

Quanto tempo leva para ler o post, calculado a partir do próprio conteúdo.

Veja ao vivo: Post Reading Time em A web lenta: por que as melhores experiências de leitura estão ficando mais silenciosas (abre em uma nova aba) Configurações do bloco Post Reading Time na documentação

Post Related Grátis

Exibe uma grade de posts relacionados das mesmas categorias do post atual.

Veja ao vivo: Post Related em A web lenta: por que as melhores experiências de leitura estão ficando mais silenciosas (abre em uma nova aba) Configurações do bloco Post Related na documentação

Post Share Grátis

Exibe links de compartilhamento social da publicação atual, com redes, estilo e tamanho configuráveis.

Veja ao vivo: Post Share em Event Single (abre em uma nova aba) Configurações do bloco Post Share na documentação

Post Terms Grátis

Exibe os termos de taxonomia (categorias ou tags) do post atual com estilos de texto, distintivo, pílula, nuvem de tags ou categoria em linha.

Veja ao vivo: Post Terms em Blog | Feed misto (abre em uma nova aba) Configurações do bloco Post Terms na documentação

Post Title Grátis

Exibe o título atual do post dentro de uma tag de título configurável, com um link permanente opcional.

Veja ao vivo: Post Title em Blog | Feed misto (abre em uma nova aba) Configurações do bloco Post Title na documentação

Post Table of Contents Grátis

Um índice dos próprios títulos do post, com âncoras que funcionam e um marcador que acompanha o leitor.

Veja ao vivo: Post Table of Contents em Um guia prático sobre tokens de design que sobrevivem a uma reformulação de marca (abre em uma nova aba) Configurações do bloco Post Table of Contents na documentação

Posts Grátis

Consulte e exiba posts em diversos layouts, incluindo grade, lista, masonry e linha do tempo. Permite filtrar por categoria, tag, tipo de post personalizado e ordenação.

Veja ao vivo: Posts em Blog | Grade (abre em uma nova aba) Configurações do bloco Posts na documentação

Recent Comments Grátis

Os comentários aprovados mais recentes de todo o site, cada um com o avatar, o nome e as primeiras palavras de quem comentou, com link para a discussão.

Veja ao vivo: Recent Comments em Widgets (abre em uma nova aba) Configurações do bloco Recent Comments na documentação

Resume Works Grátis

Exiba projetos do tipo de post Works como uma lista compacta ou uma grade de cards, ou mostre uma página individual de projeto (atributos, CTA, projetos relacionados).

Veja ao vivo: Resume Works em Trabalhos (abre em uma nova aba)

Background Video / Audio Grátis

Uma camada de vídeo ou áudio em loop, hospedada no seu próprio servidor, para um hero, fundo de seção ou player personalizado. Emite apenas o elemento de mídia, então o wrapper que o posiciona continua sob seu controle.

Veja ao vivo: Background Video / Audio em Ações de mídia (abre em uma nova aba) Configurações do bloco Background Video / Audio na documentação

Cascading Images Incluído em qualquer plano

Composição de imagens em camadas com translação, rotação, escala, z-index e atraso de animação individuais por imagem, além de formas decorativas de fundo opcionais.

Veja ao vivo: Cascading Images em Cascading Images (abre em uma nova aba) Configurações do bloco Cascading Images na documentação

Chart Incluído em qualquer plano

Desenhe um gráfico a partir de um conjunto de dados que você fornece, para que números de um relatório ou de uma comparação de preços possam ser lidos de relance. O tipo de gráfico, seus dados e seus rótulos vêm todos da configuração que você informa.

Veja ao vivo: Chart em Serviços - Layout 1 (abre em uma nova aba) Configurações do bloco Chart na documentação

Circle Stack Incluído em qualquer plano

Uma pilha horizontal de avatares circulares, ícones ou selos de texto: ideal para apresentar a equipe, mostrar prova social e contagens de seguidores.

Veja ao vivo: Circle Stack em Circle Stacks (abre em uma nova aba) Configurações do bloco Circle Stack na documentação

Clientes Grátis

Exiba logos de clientes, parceiros ou marcas em uma grade responsiva ou em carrossel owl-carousel, com link opcional e suporte a lightbox.

Veja ao vivo: Clientes em Clientes (abre em uma nova aba) Configurações do bloco Clientes na documentação

Data Table Incluído em qualquer plano

Organize linhas e colunas de informações estruturadas, como uma lista de especificações ou uma comparação de planos, com cabeçalhos de coluna que os visitantes podem ordenar e uma linha de resumo opcional no final.

Veja ao vivo: Data Table em Perfil do usuário (abre em uma nova aba) Configurações do bloco Data Table na documentação

Map Grátis

Um mapa do Google Maps ou do OpenStreetMap com marcadores personalizados, nível de zoom e, no Google Maps, ajustes de tipo e estilo de mapa.

Veja ao vivo: Map em Mapas (abre em uma nova aba) Configurações do bloco Map na documentação

Hover Card Grátis

Cartão de imagem que se inclina em 3D sob o ponteiro, com título e legenda de categoria que se elevam em direção a quem vê.

Veja ao vivo: Hover Card em Hover Parallax (abre em uma nova aba) Configurações do bloco Hover Card na documentação

Icon Browser Grátis

Grade de referência pesquisável com todos os ícones dos pacotes de ícones ativados.

Veja ao vivo: Icon Browser em Ícones (abre em uma nova aba) Configurações do bloco Icon Browser na documentação

Inline SVG Grátis

Ícone vetorial desenhado a partir de dados de caminho SVG, com tamanho, cor, viewBox e opacidade por camada como controles da barra lateral.

Veja ao vivo: Inline SVG em Preços (abre em uma nova aba) Configurações do bloco Inline SVG na documentação

Link Tiles Grátis

Uma grade de blocos com ícone e rótulo, cada um apontando para uma página. Blocos que apontam para páginas que não existem ficam de fora.

Veja ao vivo: Link Tiles em Grupos de lista e cards (abre em uma nova aba) Configurações do bloco Link Tiles na documentação

Lists & Cards Grátis

Grupos de listas e cards baseados em Bootstrap, com vários estilos, cores e layouts.

Veja ao vivo: Lists & Cards em Grupos de lista e cards (abre em uma nova aba) Configurações do bloco Lists & Cards na documentação

Media Embed Grátis

Insira um player de vídeo ou áudio na página a partir de um serviço de hospedagem, de um arquivo que você enviou ou de um endereço de incorporação fornecido por um provedor, com o tamanho na proporção que você escolher.

Veja ao vivo: Media Embed em Incorporações de mídia (abre em uma nova aba) Configurações do bloco Media Embed na documentação

Nav Tree Grátis

Uma árvore de links multinível com recuo: a lista de navegação que um painel lateral ou a barra lateral de documentação usa.

Configurações do bloco Nav Tree na documentação

Navbar Grátis

Barra de navegação recolhível com logotipo, botão hambúrguer, links suspensos e, opcionalmente, um formulário de busca, botão ou texto no final.

Veja ao vivo: Navbar em Navegação (abre em uma nova aba) Configurações do bloco Navbar na documentação

Overlay Content Grátis

Uma camada de conteúdo dentro de uma sobreposição: alinhada, com máscara opcional, ícones de acionamento e blocos aninhados.

Veja ao vivo: Overlay Content em Sobreposições de itens (abre em uma nova aba) Configurações do bloco Overlay Content na documentação

Overlay Item Grátis

Um card de imagem com uma sobreposição empilhada por cima: selo, camada de tonalidade e uma ou mais camadas de conteúdo de sobreposição.

Veja ao vivo: Overlay Item em Sobreposições de itens (abre em uma nova aba) Configurações do bloco Overlay Item na documentação

Título da página Grátis

A barra de título da página / hero. Insira nela um título, um subtítulo e breadcrumbs; escolha o alinhamento, uma imagem de fundo, parallax e um esquema de cores escuro.

Veja ao vivo: Título da página em Layout de título da página alinhado à esquerda (abre em uma nova aba) Configurações do bloco Título da página na documentação

Page Title Buttons Grátis

Botões de ação na faixa do título da página. Lê os botões de cada página no modo dinâmico, ou exibe os botões que você criar aqui. Um botão sem link vira um gatilho de rolagem.

Veja ao vivo: Page Title Buttons em Botões (abre em uma nova aba) Configurações do bloco Page Title Buttons na documentação

Particles Grátis

Uma camada de fundo animada com partículas para uma seção: teia de linhas, campo de estrelas, bolhas, neve ou low poly.

Veja ao vivo: Particles em Particles (abre em uma nova aba) Configurações do bloco Particles na documentação

Preloader Grátis

Um indicador de carregamento em CSS animado, em qualquer um dos estilos de loader do design system.

Veja ao vivo: Preloader em Pré-carregadores (abre em uma nova aba) Configurações do bloco Preloader na documentação

Pricing Switcher Incluído em qualquer plano

Alternador que controla a exibição de preços mensal/anual (ou de qualquer outro par de dois estados) em blocos Pricing Table emparelhados.

Veja ao vivo: Pricing Switcher em Preços (abre em uma nova aba) Configurações do bloco Pricing Switcher na documentação

Q&A Item Grátis

Uma pergunta e sua resposta, cada uma com seu próprio marcador: o bloco básico de uma entrevista.

Veja ao vivo: Q&A Item em Jane Doe sobre Vinte Anos Construindo Tipos (abre em uma nova aba) Configurações do bloco Q&A Item na documentação

Rounded Skill Grátis

Um anel circular de habilidade que se preenche até a porcentagem, mostrando o número, um texto próprio, um ícone ou um contador no centro.

Veja ao vivo: Rounded Skill em Gráfico de pizza e habilidades (abre em uma nova aba) Configurações do bloco Rounded Skill na documentação

Scroll Arrow Incluído em qualquer plano

Uma seta animada para rolar para baixo em seções hero: rola suavemente até a âncora de uma seção de destino.

Veja ao vivo: Scroll Arrow em Christmas Sale Store (abre em uma nova aba) Configurações do bloco Scroll Arrow na documentação

Star Rating Grátis

Uma avaliação por estrelas definida como uma pontuação única. Aceita meia estrela, ícones personalizados e um elemento wrapper opcional.

Veja ao vivo: Star Rating em Resultados (abre em uma nova aba) Configurações do bloco Star Rating na documentação

Depoimentos Grátis

Mostre o que os clientes dizem sobre você em forma de grade, carrossel rotativo ou balões de fala, com autor, foto e avaliação em estrelas em cada depoimento.

Veja ao vivo: Depoimentos em Testimonials & Twitter (abre em uma nova aba) Configurações do bloco Depoimentos na documentação

Thumbnails Grátis

Grade de miniaturas de imagens com efeitos ao passar o mouse e legendas opcionais. Oferece suporte a lightbox e sobreposições de link.

Configurações do bloco Thumbnails na documentação

Ticker Grátis

Faixa de anúncios em rolagem, com itens, direção, velocidade e estilo configuráveis.

Veja ao vivo: Ticker em Tickers (abre em uma nova aba) Configurações do bloco Ticker na documentação

Twitter Feed Grátis

Um feed rotativo com os tweets mais recentes de uma conta, carregado quando a página é aberta. Escolha a conta, quantos tweets exibir e como o widget será organizado.

Veja ao vivo: Twitter Feed em Widgets (abre em uma nova aba) Configurações do bloco Twitter Feed na documentação

Alert Grátis

Caixas de alerta e notificação usando o alert do Bootstrap ou o sistema style-msg do Canvas. Compatível com variações preenchidas, com borda e estendidas, com ícone e botão de dispensar opcionais.

Veja ao vivo: Alert em Caixas de estilo (abre em uma nova aba) Configurações do bloco Alert na documentação

Botão Grátis

Botão completo, com variações de estilo, tamanhos, formatos, cores, ícones, efeitos ao passar o mouse e opções de sombra.

Veja ao vivo: Botão em Botões (abre em uma nova aba) Configurações do bloco Botão na documentação

Code Highlight Incluído em qualquer plano

Bloco de código com realce de sintaxe, baseado no Prism.js. Suporta mais de 15 linguagens e um botão opcional para copiar para a área de transferência.

Veja ao vivo: Code Highlight em Realce de código (abre em uma nova aba) Configurações do bloco Code Highlight na documentação

Counter Grátis

Contador numérico animado com ícone, prefixo/sufixo e legenda.

Veja ao vivo: Counter em Contadores (abre em uma nova aba) Configurações do bloco Counter na documentação

Divider Grátis

Divisor horizontal com ícone opcional, variações de estilo, alinhamento, predefinições de largura e suporte a links de rolagem.

Veja ao vivo: Divider em Divisores (abre em uma nova aba) Configurações do bloco Divider na documentação

Dropcap Grátis

Letra capitular estilizada com texto de parágrafo. Oferece variações em caixa, com borda, em círculo e em círculo com borda, com posicionamento à esquerda ou à direita.

Veja ao vivo: Dropcap em Títulos e letras capitulares (abre em uma nova aba) Configurações do bloco Dropcap na documentação

Heading Grátis

Título estilizado com subtítulo opcional. Oferece suporte aos tipos Heading Block, Title Block, Emphasis Title e Fancy Title.

Veja ao vivo: Heading em Títulos e letras capitulares (abre em uma nova aba) Configurações do bloco Heading na documentação

Highlight Grátis

Texto destacado com variantes de estilo configuráveis, incluindo marcador, sublinhado, gradiente, contorno e somente texto. Permite texto complementar opcional antes e depois, e qualquer tag HTML em nível de bloco.

Configurações do bloco Highlight na documentação

Icon Box Grátis

Caixa de recurso com ícone, título e descrição. Oferece suporte a vários estilos de ícone, tamanhos, layouts e efeitos ao passar o mouse.

Veja ao vivo: Icon Box em Caixas em destaque (abre em uma nova aba) Configurações do bloco Icon Box na documentação

Icon List Grátis

Lista de ícones com itens repetidores. Cada item tem um ícone (classe CSS), um rótulo de texto e um link opcional. Suporta variações de tamanho padrão, grande e extra grande.

Veja ao vivo: Icon List em Listas de ícones (abre em uma nova aba) Configurações do bloco Icon List na documentação

Login Form Incluído em qualquer plano

Renderiza um formulário de login do WordPress com o estilo do Canvas. Exibe uma mensagem de boas-vindas para usuários conectados.

Veja ao vivo: Login Form em Entrar e cadastrar-se (abre em uma nova aba) Configurações do bloco Login Form na documentação

Notificação Grátis

Exiba uma notificação toast disparada por um clique em botão ou automaticamente ao carregar a página.

Veja ao vivo: Notificação em Notificações (abre em uma nova aba) Configurações do bloco Notificação na documentação

Page Title Breadcrumbs Grátis

Exibe um caminho de navegação (Início > Página pai > Atual) para a página ou post atual.

Veja ao vivo: Page Title Breadcrumbs em Layout de título da página alinhado à esquerda (abre em uma nova aba) Configurações do bloco Page Title Breadcrumbs na documentação

Page Title Heading Grátis

Exibe o título da página / post como um heading. Oferece suporte aos modos de origem dinâmico (contexto) e estático (literal).

Veja ao vivo: Page Title Heading em Layout de título da página alinhado à esquerda (abre em uma nova aba) Configurações do bloco Page Title Heading na documentação

Page Title Subtitle Grátis

Renderiza o subtítulo da página. Lê o metadado _canvas_page_subtitle no modo dinâmico ou exibe um texto personalizado no modo estático.

Veja ao vivo: Page Title Subtitle em Layout de título da página alinhado à esquerda (abre em uma nova aba) Configurações do bloco Page Title Subtitle na documentação

Plain Image Grátis

Um elemento img simples (sem o elemento figure ao redor) com controle exato de classe, link opcional e par srcset opcional para retina (2x).

Veja ao vivo: Plain Image em Shape Dividers (abre em uma nova aba) Configurações do bloco Plain Image na documentação

Portfolio Excerpt Incluído em qualquer plano

Exibe um trecho resumido do item de portfólio atual.

Veja ao vivo: Portfolio Excerpt em Open Imagination (abre em uma nova aba) Configurações do bloco Portfolio Excerpt na documentação

Pricing Table Incluído em qualquer plano

Card flexível de tabela de preços. Suporta os layouts padrão, simples, minimalista e estendido, com alternador de preços, lista de recursos e botão CTA opcionais.

Veja ao vivo: Pricing Table em Preços (abre em uma nova aba) Configurações do bloco Pricing Table na documentação

Process Steps Grátis

Indicadores de etapas numerados ou com ícones, com linhas tracejadas de conexão. Opcionalmente, ativa conteúdo em abas do Bootstrap 5 com navegação anterior/próximo.

Veja ao vivo: Process Steps em Process Steps (abre em uma nova aba) Configurações do bloco Process Steps na documentação

Progress Bar Grátis

Barra de habilidade/progresso animada, com contador de porcentagem, orientação horizontal ou vertical e padrões de listras do Bootstrap.

Veja ao vivo: Progress Bar em Barras de progresso e habilidades (abre em uma nova aba) Configurações do bloco Progress Bar na documentação

Promo Box Grátis

Caixa promocional com chamada para ação, com título, subtexto e botão de CTA. Oferece os estilos padrão, com borda, claro e escuro.

Veja ao vivo: Promo Box em Caixas promocionais (abre em uma nova aba) Configurações do bloco Promo Box na documentação

Citação Grátis

Blockquote com estilos de borda padrão, citação com ícone e balão de fala. Oferece suporte a alinhamento invertido, rodapé de citação e substituições opcionais de cor da borda e do ícone.

Veja ao vivo: Citação em Citações e blocos de citação (abre em uma nova aba) Configurações do bloco Citação na documentação

Read More Grátis

Área de conteúdo recolhível com expandir e recolher animados, acionada por um link de “Leia mais”.

Veja ao vivo: Read More em Read More (abre em uma nova aba) Configurações do bloco Read More na documentação

Register Form Incluído em qualquer plano

Um formulário de cadastro de usuários com o estilo do Canvas. Requer que o cadastro de usuários esteja ativado nas configurações do WordPress.

Veja ao vivo: Register Form em Entrar e cadastrar-se (abre em uma nova aba) Configurações do bloco Register Form na documentação

Shape Divider Grátis

Separador decorativo de formas em SVG para transições entre seções.

Veja ao vivo: Shape Divider em Shape Dividers (abre em uma nova aba) Configurações do bloco Shape Divider na documentação

Social Icons Grátis

Grupo de links de ícones sociais com animação ao passar o mouse, vários estilos, tamanhos e posicionamento fixo opcional.

Veja ao vivo: Social Icons em Social Icons (abre em uma nova aba) Configurações do bloco Social Icons na documentação

Stat List Grátis

Uma lista de números, cada um com um valor em negrito acima de um rótulo curto, como anos de experiência, lançamentos ou prêmios.

Veja ao vivo: Stat List em Equipe (abre em uma nova aba) Configurações do bloco Stat List na documentação

Styled Icon Grátis

Ícone independente com estilo preenchido, com borda ou simples, variações de forma, opções de cor e link opcional.

Veja ao vivo: Styled Icon em Ícones estilizados (abre em uma nova aba) Configurações do bloco Styled Icon na documentação

Team Member Grátis

Um membro da equipe com foto, nome, cargo, biografia, links de redes sociais e números, em formato de cartão, linha de lista, cartão de estatísticas, cartão empilhado ou retrato de líder.

Veja ao vivo: Team Member em Equipe (abre em uma nova aba) Configurações do bloco Team Member na documentação

Accordion Grátis

Empilhe painéis com título que abrem e fecham, para que uma longa sequência de perguntas ou material de referência caiba em uma página e os visitantes expandam apenas as partes de que precisam.

Veja ao vivo: Accordion em Toggles & Accordions (abre em uma nova aba) Configurações do bloco Accordion na documentação

AJAX Button Grátis

Botão que carrega conteúdo externo via AJAX em um contêiner. Suporta os modos de inserção anexar, prefixar e substituir.

Veja ao vivo: AJAX Button em AJAX Button (abre em uma nova aba) Configurações do bloco AJAX Button na documentação

Carrossel Grátis

Slider responsivo owl-carousel com número de itens por breakpoint, reprodução automática, setas de navegação, pontos, lightbox e suporte a lazy-load.

Veja ao vivo: Carrossel em Carrossel (abre em uma nova aba) Configurações do bloco Carrossel na documentação

Contagem regressiva Incluído em qualquer plano

Temporizador de contagem regressiva ou progressiva, com tecnologia do plugin jQuery countdown.

Veja ao vivo: Contagem regressiva em Contadores (abre em uma nova aba) Configurações do bloco Contagem regressiva na documentação

Flip Card Incluído em qualquer plano

Um card 3D com efeito de virar, com frente e verso, cada um com seu próprio fundo, que gira ao passar o mouse.

Veja ao vivo: Flip Card em Flip Cards (abre em uma nova aba) Configurações do bloco Flip Card na documentação

Gallery Grátis

Galeria de imagens com suporte a masonry, número de colunas configurável, controle de espaçamento e lightbox opcional.

Veja ao vivo: Gallery em Gallery (abre em uma nova aba) Configurações do bloco Gallery na documentação

Cookie Consent Grátis

Barra de consentimento de cookies com um modal de preferências de privacidade e alternadores de consentimento por serviço.

Veja ao vivo: Cookie Consent em Layout GDPR 2 (abre em uma nova aba) Configurações do bloco Cookie Consent na documentação

Hover 3D Grátis

Card com efeito de inclinação em perspectiva (CSS) ao mover o mouse, com tecnologia do módulo JS do tema.

Configurações do bloco Hover 3D na documentação

Image Compare Incluído em qualquer plano

Controle deslizante de comparação de imagens antes e depois, com orientação, deslocamento, estilo da alça e rótulos laterais configuráveis.

Veja ao vivo: Image Compare em Image Compare (abre em uma nova aba) Configurações do bloco Image Compare na documentação

Image Hotspot Incluído em qualquer plano

Imagem interativa com pinos de hotspot posicionados que exibem tooltips ao passar o mouse ou clicar.

Veja ao vivo: Image Hotspot em Hotspots de imagem (abre em uma nova aba) Configurações do bloco Image Hotspot na documentação

Image Slider Incluído em qualquer plano

Slider de imagens com tecnologia FlexSlider, com animação de slide ou fade, reprodução automática, setas, pontos, navegação por miniaturas e suporte a deslize por toque.

Veja ao vivo: Image Slider em Sliders de imagem (abre em uma nova aba) Configurações do bloco Image Slider na documentação

Modal Incluído em qualquer plano

Acione uma caixa de diálogo modal / pop-up a partir de um botão ou link, ou abra-a automaticamente ao carregar a página.

Veja ao vivo: Modal em Modal e popovers (abre em uma nova aba) Configurações do bloco Modal na documentação

Nav Grátis

Uma faixa de navegação em abas / pílulas / sublinhado, com estados ativo e desabilitado e menus suspensos de um nível.

Veja ao vivo: Nav em Navegação (abre em uma nova aba) Configurações do bloco Nav na documentação

Off-Canvas Grátis

Um painel off-canvas deslizante do Bootstrap 5 (início / fim / topo / base), aberto por um botão ou link.

Veja ao vivo: Off-Canvas em Bootstrap Off-Canvas (abre em uma nova aba) Configurações do bloco Off-Canvas na documentação

Pagination Grátis

Uma linha de paginação com estilos circular, arredondado, pílula, 3D, transparente ou botão, em três tamanhos e qualquer alinhamento.

Veja ao vivo: Pagination em Paginação e barras de progresso (abre em uma nova aba) Configurações do bloco Pagination na documentação

Parallax Image Incluído em qualquer plano

Seção de imagem parallax em largura total, com sobreposição e conteúdo opcionais.

Veja ao vivo: Parallax Image em Elementos de parallax (abre em uma nova aba) Configurações do bloco Parallax Image na documentação

Scroll Reveal Incluído em qualquer plano

Anima o conteúdo à medida que o usuário rola a página para baixo.

Configurações do bloco Scroll Reveal na documentação

Slider Incluído em qualquer plano

Incorpore um slider Canvas em qualquer lugar do site selecionando-o. Slides, efeitos, navegação e altura são configurados no próprio slider.

Veja ao vivo: Slider em Vida em casa e decoração de interiores (abre em uma nova aba) Configurações do bloco Slider na documentação

Tab Strip Grátis

Uma faixa de abas cujos painéis são blocos comuns em outras partes da página.

Veja ao vivo: Tab Strip em Perfil do usuário (abre em uma nova aba) Configurações do bloco Tab Strip na documentação

Abas Grátis

Divida o conteúdo relacionado em abas rotuladas para que os visitantes leiam uma seção por vez, o que mantém uma página longa de comparação ou de especificações curta o suficiente para ser lida rapidamente.

Veja ao vivo: Abas em Abas (abre em uma nova aba) Configurações do bloco Abas na documentação

Text Fill Scroll Incluído em qualquer plano

Preenche gradualmente a cor do texto conforme o elemento entra na tela.

Configurações do bloco Text Fill Scroll na documentação

Text Rotator Grátis

Texto animado com rotação ou digitação dentro de um elemento de título.

Veja ao vivo: Text Rotator em Títulos e letras capitulares (abre em uma nova aba) Configurações do bloco Text Rotator na documentação

Alternar Grátis

Oculte um conteúdo atrás de um título que o visitante clica para revelá-lo, para uma resposta longa ou um conjunto de termos que não deve ocupar a página por padrão.

Veja ao vivo: Alternar em Toggles & Accordions (abre em uma nova aba) Configurações do bloco Alternar na documentação

Video Facade Grátis

Incorporação de vídeo com carregamento sob demanda, exibida atrás de uma miniatura; o iframe só é carregado ao clicar, para páginas mais rápidas.

Configurações do bloco Video Facade na documentação

YouTube Background Grátis

Vídeo do YouTube reproduzido como fundo ambiente, sem som, atrás do conteúdo sobreposto.

Veja ao vivo: YouTube Background em Evento individual | Vídeo em largura total (abre em uma nova aba) Configurações do bloco YouTube Background na documentação

Conference Tickets Incluído em qualquer plano

Caixas de preços para uma categoria de produtos de ingresso, cada uma com um seletor de quantidade e um link dinâmico para adicionar ao carrinho.

Veja ao vivo: Conference Tickets em Ingressos (abre em uma nova aba) Configurações do bloco Conference Tickets na documentação

Store Price Filter Incluído em qualquer plano

Um controle de faixa de preço com duas alças que filtra diretamente a grade de produtos.

Veja ao vivo: Store Price Filter em Loja com filtros (abre em uma nova aba) Configurações do bloco Store Price Filter na documentação

Wishlist Grátis

Os produtos salvos pelo cliente, com preço, estoque e um botão de adicionar ao carrinho. Coloque-o na página escolhida em Opções do tema, em Wishlist.

Configurações do bloco Wishlist na documentação

Wishlist Button Grátis

Salva o produto atual na lista de desejos do comprador. Use-o em modelos de produto e cards de produto.

Configurações do bloco Wishlist Button na documentação

Add to Cart Incluído em qualquer plano

Exibe o formulário de adicionar ao carrinho do WooCommerce para o produto atual, com campo de quantidade opcional.

Veja ao vivo: Add to Cart em Vestido Curto Xadrez (abre em uma nova aba) Configurações do bloco Add to Cart na documentação

Cart Table Incluído em qualquer plano

Exibe a tabela de carrinho do WooCommerce com itens, quantidades e totais.

Veja ao vivo: Cart Table em Carrinho (abre em uma nova aba) Configurações do bloco Cart Table na documentação

Cart Totals Incluído em qualquer plano

Exibe o painel de totais do carrinho WooCommerce, incluindo subtotal, frete e botão de finalizar compra.

Veja ao vivo: Cart Totals em Carrinho (abre em uma nova aba) Configurações do bloco Cart Totals na documentação

Checkout Billing Incluído em qualquer plano

Exibe o formulário de endereço de cobrança do checkout do WooCommerce.

Configurações do bloco Checkout Billing na documentação

Checkout Order Review Incluído em qualquer plano

Exibe o resumo de revisão do pedido do checkout do WooCommerce, com os itens e os totais.

Configurações do bloco Checkout Order Review na documentação

Cross-Sells Incluído em qualquer plano

Exibe produtos de venda cruzada do carrinho atual do WooCommerce. Só é renderizado quando o carrinho está ativo e contém produtos de venda cruzada.

Veja ao vivo: Cross-Sells em Carrinho (abre em uma nova aba) Configurações do bloco Cross-Sells na documentação

WooCommerce Notices Incluído em qualquer plano

Exibe avisos do WooCommerce: erros, mensagens de sucesso ou avisos informativos.

Veja ao vivo: WooCommerce Notices em Carrinho (abre em uma nova aba) Configurações do bloco WooCommerce Notices na documentação

Product Carousel Incluído em qualquer plano

Exibe produtos do WooCommerce em um carrossel owl-carousel rolável. Oferece suporte a reprodução automática, setas de navegação, pontos e pontos de quebra responsivos.

Veja ao vivo: Product Carousel em Carrossel (abre em uma nova aba) Configurações do bloco Product Carousel na documentação

Product Categories Incluído em qualquer plano

Exibe as categorias de produtos do WooCommerce como uma grade responsiva de cards com miniaturas, nomes e contagem de produtos.

Veja ao vivo: Product Categories em Camiseta Azul de Gola Redonda (abre em uma nova aba) Configurações do bloco Product Categories na documentação

Product Gallery Linker Incluído em qualquer plano

Uma faixa de miniaturas que move o carrossel da galeria de produtos para a imagem em que você clicar.

Veja ao vivo: Product Gallery Linker em Óculos de sol aviador masculino (abre em uma nova aba) Configurações do bloco Product Gallery Linker na documentação

Product Images Incluído em qualquer plano

Exibe a imagem em destaque do produto do WooCommerce e miniaturas opcionais da galeria.

Veja ao vivo: Product Images em Vestido Curto Xadrez (abre em uma nova aba) Configurações do bloco Product Images na documentação

Product Meta Incluído em qualquer plano

Exibe o cartão de metadados do produto: SKU, categorias e tags.

Veja ao vivo: Product Meta em Vestido Curto Xadrez (abre em uma nova aba) Configurações do bloco Product Meta na documentação

Product Price Incluído em qualquer plano

Exibe o preço do produto WooCommerce, incluindo o preço promocional e a formatação de moeda.

Veja ao vivo: Product Price em Vestido Curto Xadrez (abre em uma nova aba) Configurações do bloco Product Price na documentação

Product Rating Incluído em qualquer plano

Exibe a classificação em estrelas e, opcionalmente, o número de avaliações do produto WooCommerce atual.

Veja ao vivo: Product Rating em Vestido Curto Xadrez (abre em uma nova aba) Configurações do bloco Product Rating na documentação

Product Share Incluído em qualquer plano

Exibe o cartão “Compartilhar:” com links de compartilhamento em redes sociais para o produto WooCommerce atual.

Veja ao vivo: Product Share em Vestido Curto Xadrez (abre em uma nova aba) Configurações do bloco Product Share na documentação

Product Short Description Incluído em qualquer plano

Exibe a descrição curta do produto com a marcação de parágrafos preservada.

Veja ao vivo: Product Short Description em Vestido Curto Xadrez (abre em uma nova aba) Configurações do bloco Product Short Description na documentação

Product Tabs Incluído em qualquer plano

Exibe as abas de dados do produto do WooCommerce: Descrição, Informações adicionais e Avaliações.

Veja ao vivo: Product Tabs em Vestido Curto Xadrez (abre em uma nova aba) Configurações do bloco Product Tabs na documentação

Produtos Incluído em qualquer plano

Exiba produtos do WooCommerce em layout de grade ou lista. Filtre por origem, categoria, tag e ordenação.

Veja ao vivo: Produtos em Produtos (abre em uma nova aba) Configurações do bloco Produtos na documentação

Related Products Incluído em qualquer plano

Exibe uma grade de produtos WooCommerce relacionados ao produto atual. Só aparece em modelos de produto individual.

Veja ao vivo: Related Products em Vestido Curto Xadrez (abre em uma nova aba) Configurações do bloco Related Products na documentação

Variation Swatches Incluído em qualquer plano

Bolinhas de cor ou botões em formato de pílula que escolhem a variação de um produto variável.

Veja ao vivo: Variation Swatches em Pink Printed Dress (abre em uma nova aba) Configurações do bloco Variation Swatches na documentação

App Menu Grátis

Uma barra de navegação estilo app fixada na parte inferior da tela em dispositivos pequenos.

Veja ao vivo: App Menu em Menu - App Style 1 (abre em uma nova aba) Configurações do bloco App Menu na documentação

Color Scheme Toggle Grátis

Alternador do modo escuro para visitantes. Aparece no site enquanto o Alternador do modo escuro estiver ativado em Opções do tema > Esquema de cores > Modo escuro, com uma posição que inclua o cabeçalho.

Configurações do bloco Color Scheme Toggle na documentação

Header Button Grátis

Um botão ou link de chamada para ação para um cabeçalho criado, com estilo das classes de botão do tema.

Veja ao vivo: Header Button em Início (abre em uma nova aba) Configurações do bloco Header Button na documentação

Header Cart Grátis

Ícone do mini carrinho do WooCommerce + menu suspenso para um cabeçalho criado. Não exibe nada quando o WooCommerce está inativo.

Veja ao vivo: Header Cart em Início (abre em uma nova aba) Configurações do bloco Header Cart na documentação

Header Container Grátis

A raiz de um cabeçalho criado: solte um Logo, Navegação e outras partes do cabeçalho dentro dele.

Veja ao vivo: Header Container em Restaurante italiano (abre em uma nova aba) Configurações do bloco Header Container na documentação

Header Icon Link Grátis

Um único link somente com ícone para um cabeçalho montado (lista de desejos, conta, usuário, botão do carrinho, modal de login), usando a marcação .header-misc-icon.

Veja ao vivo: Header Icon Link em Cabeçalho SaaS (abre em uma nova aba) Configurações do bloco Header Icon Link na documentação

Header Info Grátis

Um pequeno elemento de informações/contato em linha (telefone, e-mail, horário ou texto), com ícone e link opcionais, para um cabeçalho construído.

Veja ao vivo: Header Info em Menu - Style 7 (abre em uma nova aba) Configurações do bloco Header Info na documentação

Header Logo Grátis

O logotipo do site para um cabeçalho criado. Usa o logotipo do site definido em Opções do tema por padrão, ou uma imagem personalizada no lugar dele.

Veja ao vivo: Header Logo em Restaurante italiano (abre em uma nova aba) Configurações do bloco Header Logo na documentação

Header Navigation Grátis

O menu de navegação principal de um cabeçalho construído. Escolha um menu e um alinhamento.

Veja ao vivo: Header Navigation em Restaurante italiano (abre em uma nova aba) Configurações do bloco Header Navigation na documentação

Header Root Grátis

O elemento mais externo de um cabeçalho construído: carrega as classes de variante e os atributos data-sticky-* lidos pelo script de cabeçalho fixo do tema. Coloque dentro dele o grupo #header-wrap (e qualquer outro conteúdo do cabeçalho).

Veja ao vivo: Header Root em Início (abre em uma nova aba) Configurações do bloco Header Root na documentação

Header Search Grátis

O alternador de busca do cabeçalho. Emite o gatilho #top-search, ao qual o menu suspenso de busca do tema está conectado.

Veja ao vivo: Header Search em Início (abre em uma nova aba) Configurações do bloco Header Search na documentação

Header Shop Search Grátis

Um campo de busca de produtos sempre visível para uma linha do cabeçalho: a alternativa, para lojas e diretórios, ao botão de busca que abre no cabeçalho. Escolha um campo simples com um ícone fixo ou um grupo de entrada com botão de envio.

Veja ao vivo: Header Shop Search em Diretório de cabeçalhos (abre em uma nova aba) Configurações do bloco Header Shop Search na documentação

Header Side Panel Trigger Grátis

O ícone do cabeçalho que abre o painel lateral. Só aparece enquanto o Painel lateral estiver ativado em Opções do tema.

Configurações do bloco Header Side Panel Trigger na documentação

Header Social Grátis

Uma linha de links com ícones de redes sociais / contato para um cabeçalho já montado, usando a marcação e o estilo de top-social.

Veja ao vivo: Header Social em Loja de moda online - Barra lateral da loja (abre em uma nova aba) Configurações do bloco Header Social na documentação

Header Topbar Grátis

A linha utilitária fina acima de um cabeçalho criado (#top-bar): adicione dentro dela Top Links, Header Social, Header Info ou um Language Switcher.

Configurações do bloco Header Topbar na documentação

Header Wishlist Grátis

Um coração no cabeçalho que leva à lista de desejos e mostra quantos produtos foram salvos.

Configurações do bloco Header Wishlist na documentação

Header Zone Grátis

Um espaço de posicionamento dentro de uma linha do Header Container: solte dentro dele um Logo, uma Navegação ou um pequeno grupo de partes do cabeçalho, e depois use os campos de alinhamento, ordem e visibilidade para posicioná-lo.

Veja ao vivo: Header Zone em Restaurante italiano (abre em uma nova aba) Configurações do bloco Header Zone na documentação

Icon Nav List Grátis

Uma lista vertical .nav do Bootstrap com links de ícone (nav-item > nav-link > ícone + texto), usada pelos painéis de menu off-canvas.

Veja ao vivo: Icon Nav List em Perfil do usuário (abre em uma nova aba) Configurações do bloco Icon Nav List na documentação

Language Switcher Grátis

Um menu suspenso de idiomas compacto para um cabeçalho construído: mostra o idioma atual e lista os outros, usando a marcação primary-menu with-arrows.

Configurações do bloco Language Switcher na documentação

Mega Menu Column Incluído em qualquer plano

Uma única coluna de mega menu (.mega-menu-column): um título e uma lista de links, links simples ou conteúdo livre de widget. Coloque uma ou mais dentro de um bloco Row como conteúdo do seu Mega menu (Aparência > Menus > Mega menu continua controlando o tipo e o estilo do painel externo).

Veja ao vivo: Mega Menu Column em Mega menu (abre em uma nova aba) Configurações do bloco Mega Menu Column na documentação

Page Menu Grátis

Uma barra de navegação de página para o sub-cabeçalho, com variantes fixa e de pontos laterais: rolagem por âncoras de uma só página ou links simples. Use apenas uma por página.

Veja ao vivo: Page Menu em Página com submenu (abre em uma nova aba) Configurações do bloco Page Menu na documentação

Top Links Grátis

O menu de links da barra superior, com submenu opcional de um nível, usando a marcação e o estilo de .top-links.

Veja ao vivo: Top Links em Loja de moda online - Barra lateral da loja (abre em uma nova aba) Configurações do bloco Top Links na documentação

Coluna Grátis

Uma coluna de grade responsiva (.col-*). Defina larguras por breakpoint e coloque qualquer conteúdo dentro dela.

Veja ao vivo: Coluna em Colunas e grades (abre em uma nova aba) Configurações do bloco Coluna na documentação

Container Grátis

Um contêiner responsivo .container. Coloque linhas e colunas dentro dele para criar layouts de seção.

Configurações do bloco Container na documentação

Copyrights Grátis

Um trecho da barra de copyright do rodapé: a linha de copyright com seus links ou o menu de links em linha. Insira a variação Copyrights Bar do Wrapper para ter os dois lado a lado.

Veja ao vivo: Copyrights em Rodapé - Layout 2 (abre em uma nova aba) Configurações do bloco Copyrights na documentação

Footer About Grátis

Uma coluna “Sobre” no rodapé com logo, descrição e endereço opcional, usando a marcação .footer-logo.

Veja ao vivo: Footer About em Rodapé - Layout 2 (abre em uma nova aba) Configurações do bloco Footer About na documentação

Footer Contacts Grátis

Linhas de contato grandes com rótulo/valor, usando a marcação e os estilos de .footer-big-contacts.

Veja ao vivo: Footer Contacts em Rodapé - Layout 3 (abre em uma nova aba) Configurações do bloco Footer Contacts na documentação

Footer Instagram Grátis

Um widget de Instagram / fluxo de fotos para o rodapé: uma grade masonry de imagens com links opcionais, usando a marcação .masonry-thumbs.

Veja ao vivo: Footer Instagram em Rodapé - Layout 4 (abre em uma nova aba) Configurações do bloco Footer Instagram na documentação

Footer Widget Area Grátis

A raiz de uma linha de widgets de rodapé já montada: insira dentro dela os blocos Footer About, Widget Links, Footer Contacts, Subscribe ou Footer Instagram.

Veja ao vivo: Footer Widget Area em Rodapé - Layout 2 (abre em uma nova aba) Configurações do bloco Footer Widget Area na documentação

Grid Filter Incluído em qualquer plano

Barra de filtro por categoria (.grid-filter) que controla grades filtráveis do Isotope. Os itens podem vir de uma taxonomia ou de uma lista manual.

Veja ao vivo: Grid Filter em Estilos do filtro de portfólio (abre em uma nova aba) Configurações do bloco Grid Filter na documentação

Hero Grátis

Exibe o hero que cada página atribui no painel Hero, ou um hero à sua escolha. Crie heroes em Canvas → Heroes.

Veja ao vivo: Hero em Seções (abre em uma nova aba) Configurações do bloco Hero na documentação

Image Element Grátis

Uma imagem simples, sem figura nem legenda ao redor, para logotipos e selos que ficam na linha ao lado de outros conteúdos.

Veja ao vivo: Image Element em Início (abre em uma nova aba) Configurações do bloco Image Element na documentação

Inline Contact Grátis

Uma sequência simples em linha de itens de contato com ícone e texto (e-mail, telefone, Skype etc.) separados por pontos médios: a linha de contato da barra #copyrights.

Veja ao vivo: Inline Contact em Contato (abre em uma nova aba) Configurações do bloco Inline Contact na documentação

Inline Text Grátis

Um trecho de texto que fica diretamente dentro do seu contêiner, sem parágrafo ou span próprio. Somente elementos inline finais.

Veja ao vivo: Inline Text em Full Width Layout (abre em uma nova aba) Configurações do bloco Inline Text na documentação

Line Break Grátis

Uma quebra de linha simples usada como espaçamento. Adicione classes responsivas no painel Avançado para quebrar a linha só em alguns tamanhos de tela.

Veja ao vivo: Line Break em Hover Parallax (abre em uma nova aba) Configurações do bloco Line Break na documentação

Título da página Grátis

Exibe a faixa de título que cada página mostra abaixo do cabeçalho, conforme definido no painel Título da página de cada página e em Opções do tema. A própria faixa é a parte de modelo Título da página.

Veja ao vivo: Título da página em Layout de título da página alinhado à esquerda (abre em uma nova aba) Configurações do bloco Título da página na documentação

Quantity Input Grátis

Um seletor .quantity: um campo numérico ladeado por botões de menos e mais. Estático e independente do produto, combine com um botão para criar uma linha de “Adicionar ao carrinho”.

Veja ao vivo: Quantity Input em Quantidade no carrinho (abre em uma nova aba) Configurações do bloco Quantity Input na documentação

Row Grátis

Uma linha de grade. Coloque blocos Canvas Column dentro para organizar o conteúdo em uma grade responsiva.

Veja ao vivo: Row em Colunas e grades (abre em uma nova aba) Configurações do bloco Row na documentação

Page Slider Grátis

Exibe o slider que cada página atribui no seu painel Slider, ou um slider que você escolher. Slides, efeitos e altura são configurados no próprio slider.

Veja ao vivo: Page Slider em Canvas Slider (abre em uma nova aba) Configurações do bloco Page Slider na documentação

Widget Links Grátis

Uma coluna de lista de links de rodapé que usa a marcação e o estilo do .widget_links.

Veja ao vivo: Widget Links em Widgets (abre em uma nova aba) Configurações do bloco Widget Links na documentação

Wrapper Grátis

Um elemento HTML simples que carrega apenas as classes que você define e contém outros blocos. Use quando um design exigir um elemento de agrupamento exato, sem classes extras do editor.

Veja ao vivo: Wrapper em Seções (abre em uma nova aba) Configurações do bloco Wrapper na documentação

Programa da conferência Incluído em qualquer plano

Agenda de sessões com abas por dia, ou uma fileira de cards de próximos eventos, montada a partir dos registros de eventos.

Veja ao vivo: Programa da conferência em Canvas Development Conference (abre em uma nova aba) Configurações do bloco Programa da conferência na documentação

Event Archive Grid Incluído em qualquer plano

Grade de eventos para a consulta principal (arquivo + categoria). Usa o parcial event-entry-grid + paginação compartilhada.

Veja ao vivo: Event Archive Grid em Eventos (abre em uma nova aba) Configurações do bloco Event Archive Grid na documentação

Event Categories Incluído em qualquer plano

Exibe as categorias atribuídas ao evento atual. Oferece suporte aos estilos texto, badge e pílula. Só é renderizado no tipo de post canvas_event.

Configurações do bloco Event Categories na documentação

Event Content Incluído em qualquer plano

Exibe todo o conteúdo do evento atual pelo filtro the_content. Só é exibido no tipo de post canvas_event.

Veja ao vivo: Event Content em Event Single (abre em uma nova aba) Configurações do bloco Event Content na documentação

Event Date Incluído em qualquer plano

Exibe as datas de início e de término do evento, com horário e ícone de calendário opcionais. Só é exibido no tipo de post canvas_event.

Configurações do bloco Event Date na documentação

Event Excerpt Incluído em qualquer plano

Exibe um trecho resumido do evento atual.

Configurações do bloco Event Excerpt na documentação

Event Image Incluído em qualquer plano

Exibe a imagem em destaque do evento atual. Só é exibido no tipo de post canvas_event.

Veja ao vivo: Event Image em Event Single (abre em uma nova aba) Configurações do bloco Event Image na documentação

Event Location Incluído em qualquer plano

Exibe o nome e o endereço do local do evento, com um link opcional para o Google Maps e um ícone de localização. Só é exibido no tipo de post canvas_event.

Configurações do bloco Event Location na documentação

Event Meta Incluído em qualquer plano

Exibe os metadados do evento: data, local, organizador e preço. Cada campo pode ser ativado ou desativado de forma independente. Só é exibido no tipo de post canvas_event.

Veja ao vivo: Event Meta em Evento individual | Duas barras laterais (abre em uma nova aba) Configurações do bloco Event Meta na documentação

Event Navigation Incluído em qualquer plano

Exibe os links de navegação de eventos anterior e seguinte, com rótulos configuráveis e miniaturas opcionais. Só é exibido no tipo de post canvas_event.

Veja ao vivo: Event Navigation em Evento individual | Duas barras laterais (abre em uma nova aba) Configurações do bloco Event Navigation na documentação

Event Organizer Incluído em qualquer plano

Exibe o organizador do evento com um link opcional para o site do organizador e um ícone de pessoa. Só é renderizado no tipo de post canvas_event.

Configurações do bloco Event Organizer na documentação

Event Posts Incluído em qualquer plano

Consulta e exibe posts canvas_event em uma grade responsiva de cards. Permite filtrar por eventos futuros, passados ou todos. Pode ser inserido em qualquer página.

Veja ao vivo: Event Posts em Lista de eventos (abre em uma nova aba) Configurações do bloco Event Posts na documentação

Event Price Incluído em qualquer plano

Exibe o preço do evento ou um rótulo configurável de preço gratuito quando nenhum preço está definido. Oferece suporte aos estilos de texto e de badge. Só é renderizado no tipo de post canvas_event.

Configurações do bloco Event Price na documentação

Related Events Incluído em qualquer plano

Exibe uma grade de eventos relacionados com base em categorias compartilhadas. Só é exibido no tipo de post canvas_event.

Veja ao vivo: Related Events em Spring Music Fest (abre em uma nova aba) Configurações do bloco Related Events na documentação

Event Title Incluído em qualquer plano

Exibe o título do evento atual dentro de uma tag de título configurável, com um link de permalink opcional. Só é renderizado no tipo de post canvas_event.

Configurações do bloco Event Title na documentação

Events Calendar Incluído em qualquer plano

Um calendário mensal dos seus eventos, com controles para anterior, próximo e hoje. Cada dia tem links para os eventos que acontecem nele.

Veja ao vivo: Events Calendar em Events Calendar (abre em uma nova aba) Configurações do bloco Events Calendar na documentação

Portfolio Archive Grid Incluído em qualquer plano

Grade de portfólio para a consulta principal (arquivo + categoria). Usa o partial portfolio-entry-grid e a grade de sobreposição #portfolio.

Veja ao vivo: Portfolio Archive Grid em Portfólio (abre em uma nova aba) Configurações do bloco Portfolio Archive Grid na documentação

Portfolio Categories Incluído em qualquer plano

Exibe as categorias de taxonomia atribuídas ao projeto de portfólio atual. Use dentro dos modelos de portfólio individual.

Veja ao vivo: Portfolio Categories em Meridian Brand Identity (abre em uma nova aba) Configurações do bloco Portfolio Categories na documentação

Portfolio Content Incluído em qualquer plano

Exibe todo o conteúdo do projeto de portfólio atual. Use dentro dos modelos de portfólio individuais.

Veja ao vivo: Portfolio Content em Open Imagination (abre em uma nova aba) Configurações do bloco Portfolio Content na documentação

Portfolio Image Incluído em qualquer plano

Exibe a área de mídia do projeto de portfólio atual: imagem em destaque, slider de galeria, vídeo do projeto ou grade de miniaturas. Use dentro dos modelos de portfólio individual.

Veja ao vivo: Portfolio Image em Open Imagination (abre em uma nova aba) Configurações do bloco Portfolio Image na documentação

Portfolio Meta Incluído em qualquer plano

Exibe os detalhes do projeto de portfólio: cliente, data, habilidades e URL. Use dentro de modelos de portfólio individual.

Veja ao vivo: Portfolio Meta em Open Imagination (abre em uma nova aba) Configurações do bloco Portfolio Meta na documentação

Portfolio Navigation Incluído em qualquer plano

Exibe os links de navegação para o projeto anterior e o próximo do portfólio. Use dentro de modelos de portfólio individual.

Veja ao vivo: Portfolio Navigation em Open Imagination (abre em uma nova aba) Configurações do bloco Portfolio Navigation na documentação

Portfolio Related Incluído em qualquer plano

Exibe projetos de portfólio relacionados com base em categorias compartilhadas. Use dentro dos modelos individuais de portfólio.

Veja ao vivo: Portfolio Related em Open Imagination (abre em uma nova aba) Configurações do bloco Portfolio Related na documentação

Portfolio Title Incluído em qualquer plano

Exibe o título do projeto de portfólio atual. Use dentro dos modelos individuais de portfólio.

Veja ao vivo: Portfolio Title em Meridian Brand Identity (abre em uma nova aba) Configurações do bloco Portfolio Title na documentação

Form Incluído em qualquer plano

Um formulário funcional. Insira dentro dele os blocos Form Field e Form Submit: os envios são validados, salvos e enviados por e-mail.

Veja ao vivo: Form em Estilos de formulários (abre em uma nova aba) Configurações do bloco Form na documentação

Form Embed Incluído em qualquer plano

Incorpore um formulário do Canvas em qualquer lugar do site selecionando o ID do formulário.

Veja ao vivo: Form Embed em Índice da loja (abre em uma nova aba) Configurações do bloco Form Embed na documentação

Form Field Incluído em qualquer plano

Um único campo de entrada de formulário. Use dentro de um Canvas Form para coletar as informações enviadas pelo usuário.

Veja ao vivo: Form Field em Elementos de formulário (abre em uma nova aba) Configurações do bloco Form Field na documentação

Form Submit Button Incluído em qualquer plano

O botão de envio de um formulário do Canvas. Aceita variações de estilo, tamanho, modo de largura total e um ícone.

Veja ao vivo: Form Submit Button em Estilos de formulários (abre em uma nova aba) Configurações do bloco Form Submit Button na documentação

Quick Contact Incluído em qualquer plano

Um widget compacto de formulário de contato “Quick Quotation” (nome / e-mail / mensagem), estilizado com o CSS de formulário do Canvas.

Veja ao vivo: Quick Contact em Widgets (abre em uma nova aba) Configurações do bloco Quick Contact na documentação