Bloco de sanfona

As sanfonas exibem seções de conteúdo, cada uma com um cabeçalho clicável que expande ou recolhe o conteúdo dentro dele. Neste guia, você aprenderá a adicionar, personalizar e usar o bloco de sanfona em seu site do WordPress.com.

Use sanfonas para organizar informações, reduzir o comprimento da página e permitir que os visitantes se concentrem no conteúdo que mais importa para eles. Elas são boas para organizar o conteúdo pelo qual os visitantes podem querer navegar seletivamente. Veja algumas maneiras populares de usá-las:

• Termos e políticas: apresente informações legais ou de política sem sobrecarregar os visitantes.
• Perguntas frequentes: agrupe perguntas frequentes com respostas expansíveis.
• Detalhes do produto: exiba especificações, guias de dimensionamento ou informações de envio em seções que podem ser recolhidas.
• Instruções detalhadas: divida tutoriais ou guias em etapas fáceis de entender.
• Agendamentos de eventos: organize programações ou itinerários por horário ou sessão.
• Biografia da equipe: apresente brevemente cada membro com detalhes expansíveis.

Siga estas etapas para adicionar o bloco de sanfona a uma página ou post:

1. Acesse o painel do seu site.
2. Navegue até Páginas ou Posts e clique na página/post a que deseja adicionar a sanfona.
3. Clique no ícone de inserção de bloco (+).
4. Pesquise o bloco de sanfona e clique nele para adicioná-lo ao post ou à página:

Você encontra instruções detalhadas sobre como adicionar blocos neste link.

Ao adicionar o bloco de sanfona pela primeira vez ao seu post ou página, você terá as seguintes seções:

• Item da sanfona: cada seção que pode ser recolhida, contendo um título e um painel.
  • Cabeçalho da sanfona: o título clicável que expande ou recolhe o conteúdo.
  • Painel da sanfona: o conteúdo revelado quando o cabeçalho é clicado.

Para concluir sua sanfona:

1. Adicione o texto do título que você quer visível o tempo todo.
2. Clique dentro da área do painel da sanfona ou use a visualização em lista para selecioná-la.
3. Clique no ícone de inserção (+) para adicionar blocos na área do painel da sanfona. Você pode adicionar qualquer tipo de conteúdo, incluindo texto, imagens, vídeos e outros blocos.

O bloco de sanfona inclui configurações que controlam como ele se comporta. Para acessá-las, selecione o bloco de sanfona principal usando a visualização em lista e abra as configurações do bloco na barra lateral direita.

Quando a opção Os blocos internos usam a largura do conteúdo é ativada, os blocos dentro do bloco de sanfona seguem estas configurações de largura:

• Conteúdo: a largura da área de conteúdo para blocos não definidos como largura ampla ou total.
• Amplo: a largura do conteúdo dos blocos definida como largura ampla.

Quando ativado, abrir um item de sanfona fecha automaticamente todos os outros itens abertos. Isso mantém seu conteúdo organizado e garante que os visitantes se concentrem em uma seção de cada vez.

Você pode ativar ou desativar o ícone de expandir/recolher (geralmente um “+” ou seta), que aparece ao lado de cada cabeçalho de sanfona. Desative esta opção para obter uma aparência mais organizada e minimalista.

Escolha se o ícone será exibido do lado esquerdo ou direito do cabeçalho da sanfona.

Você pode definir itens específicos para serem expandidos quando a página carregar. Para fazer isso, siga estas etapas:

1. Use a visualização em lista para selecionar o bloco de item de sanfona que você deseja abrir por padrão.
2. Na barra lateral de configurações do bloco, ative a opção Aberto por padrão.

Na barra lateral de configurações do bloco, clique no ícone Estilos para acessar as configurações de design do bloco. O ícone Estilos tem a forma de um círculo com a metade preenchida:

Entre as opções disponíveis, estão:

• Cores: defina as cores de fundo e texto dos cabeçalhos e painéis.
• Imagem de fundo: adiciona uma imagem de fundo ao bloco de sanfona principal geral.
• Tipografia: ajuste o tamanho e estilo da fonte do texto.
• Dimensões: controle o preenchimento e as margens ao redor dos itens de sanfona.
• Borda e sombra: adicione um efeito de borda e sombra.