Descrição

Blocos de acordeão é um plugin simples que adiciona um bloco para adicionar menus suspensos de acordeão às suas páginas.

Os acordeões devem incorporar perfeitamente ao seu tema. No entanto, você pode querer adicionar estilos personalizados ao seu tema.

Recursos

Adiciona um bloco para adicionar acordeões ao seu site.
Suporta vários acordeões com configurações individuais para cada acordeão.
Totalmente responsivo.
Suporte para IDs de item e links diretos.
Suporta aninhamento de acordeões.
Acessível (para usuários que requerem controle de navegação por teclado com guias).

Recursos opcionais

Abra acordeões individuais por padrão.
Desativar fechamento automático de acordeões.
Manualmente feche os acordeões clicando no título novamente.
Role a página até o título quando for clicado para abrir (incluindo configurar uma posição de deslocamento de rolagem).
Defina a tag de título HTML para o elemento de título (h1–h6, botão).
Defina os padrões a serem aplicados a todos os novos acordeões ou redefina um acordeão específico para os padrões.
Oferece suporte à adição de estilos de bloco personalizados usando wp.blocks.registerBlockStyle.

Saída

O plugin gerará o seguinte HTML (simplificado para este exemplo):

<div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0">
    <h2 id="at-76840" class="c-accordion__title js-accordion-controller" tabindex="0" role="button" aria-controls="ac-76840" aria-expanded="false">
        Title with H2 tag
    </h2>
    <div id="ac-76840" class="c-accordion__content" style="display:none" aria-hidden="true">
        <p>Content</p>
    </div>
</div>

CSS personalizado

Você pode usar as seguintes classes CSS para personalizar a aparência do acordeão.

.c-accordion__item {} /* The accordion item container */
.c-accordion__item.is-open {} /* is-open is added to open accordion items */
.c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */
.c-accordion__title {} /* An accordion item title */
.c-accordion__title--button {} /* An accordion item title that is using a `<button>` tag */
.c-accordion__title:hover {} /* To modify the style when hovering over an accordion item title */
.c-accordion__title:focus {} /* To modify the style when an accordion item title currently has broswer focus */
.c-accordion__content {} /* An accordion item content container */

Capturas de tela

Barra lateral de configurações do bloco de acordeão
Bloco de acordeão no editor

Blocos

Este plugin disponibiliza 1 bloco.

Accordion Item

Instalação

Envie a pasta ‘accordion-blocks’ para o diretório ‘/wp-content/plugins/’.
Ative o plugin através do menu Plugins no WordPress.
Adicione os acordeões ao seu conteúdo.

Perguntas frequentes

Posso alterar as configurações de todos os meus acordeões existentes para o padrão?

Não. Não é possível alterar as configurações de todos seus acordeões (na mesma página ou em várias) para o padrão.

Embora eu gostaria de oferecer esse recurso, com base em minha pesquisa, ela exigiria uma quantidade significativa de tempo de desenvolvimento que não posso dedicar a um plugin gratuito. Se você é um desenvolvedor e tem interesse em ajudar a implementar um recurso como esse, entre em contato.

Por que o arquivo JavaScript não está carregando em meu site?

Isso provavelmente é causado por um tema mal codificado. Este plugin faz uso da função wp_footer() para carregar o arquivo JavaScript e sua dependência (jQuery). Verifique o seu tema para garantir que a função wp_footer() está sendo chamada logo antes da tag de fechamento </body> no arquivo footer.php do seu tema.

Problemas/Sugestões

Para relatórios de erros ou solicitações de recursos ou se você gostaria de contribuir com o plugin, você pode verificar tudo em Github.

Avaliações

jasonbongreen 31 março, 2024

I used this block with some custom CSS styling to create a responsive frequently asked questions area of a site.

Sofi-Soao 3 novembro, 2022

Nice block editor integration, super easy to use. I like the opportunity to pick different headline types for each accordeon block what helps doing SEO.

tompich 22 outubro, 2022

Does the job quite well. Simple and straight forward. However, it would be nice to smooth the movement (there’s some kind of small jump at the end of the opening and the beginning of the closing)

brs_paul 12 outubro, 2022

Great plugin, but it often won’t work in Chrome or Edge, and often randomly will work. a bit glitchy! We have the LiteSpeed Cache Plugin and is probably an issue with the combine CCS or JS.

Jaakko Pöntinen 8 fevereiro, 2022

This should be WP Core. Lightweight, works, rocks. Thank you.

astwert 31 janeiro, 2022

Fantastic lightweight. I’m very grateful for this important block. Thank you so much!

Leia todas as 35 avaliações

Colaboradores e desenvolvedores

“Blocos de acordeão” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin.

philbuchanan

Blocos de acordeão” foi traduzido para 4 localidades. Agradecemos aos tradutores por suas contribuições.

Traduzir “Blocos de acordeão” para seu idioma.

Interessado no desenvolvimento?

Navegue pelo código, consulte o repositório SVN ou assine o registro de desenvolvimento por RSS.

Registro de alterações

1.5.0

Plugin now requires WordPress 5.9.
Use useInnerBlocksProps and useInnerBlocksProps.save() for inner blocks handling.

1.4.1

Fixed: Fixed UUID not generating properly in widget editor.

1.4.0

New: Use block API v2 with useBlockProps.
Fixed: Registering block with block.json file.
Fixed: Use BlockControls group setting for title tag toolbar.
Fixed: Replaced deprecated registerStore with register.
Fixed: Reference to which script contains translations is now correct.

1.3.5

Fixed: An issue where the global loading of scripts and styles checkbox was checked when the setting was actually off.

1.3.4

Fixed: Made turning off global loading of scripts and styles an explicit setting. You can turn off this off in Settings > Accordion Blocks.

1.3.3

Fixed: Rolled back deprecated registerStore with register change since it only applies to WordPress 5.7+.

1.3.2

New: Visual indicator of bottom of block when the block is selected.
New: Only load plugin assets when the page contains an accordion block.
Fixed: Replaced deprecated registerStore with register.

1.3.1

Added support for WordPress 5.7.
New method for generating uuids that should be more reliable.

1.3.0

Novo: Adicionado H5 e H6 como opções para a tag do título.
New: Only users with the role of Editor or Administrator can set new default settings. All users can restore settings to defaults. This lays the groundwork for the ability to make this user definable in a settings page which may come in a future release.
Fixed: New accordions added by Authors wouldn’t function properly.

1.2.2

Corrigido: IDs únicos não estavam sendo ajustados para novos acordeões em sites que ainda não tinham opções padrões armazenadas no banco de dados.

1.2.1

Corrigido erro PHP que escapou.

1.2.0

Added support for WordPress 5.6, including fixing jQuery Migrate issues.
Adicionado suporte para agrupamento de acordeões
Adicionado suporte para aninhamento de acordeões.
Removido API de configurações de acordeão para obter e configurar padrões em favor de usar useEntityProp.

1.1.6

Correção: Utilize conteúdo de amostra (em vez de conteúdo real) para pré-visualizar estilos de blocos personalizados no editor.
Correção: Versão obrigatória aumentada para WordPres 5.4.

1.1.5

Corrigido: Resolvido o problema com o aviso do PHP por não definir permission_callback na API REST.

1.1.4

Adicionado: Suporte para WordPress 5.5
Corrigido: estilos no-js agora são específicos para o bloco de acordeão

1.1.3

Corrigido: Ao digitar backspace no título de um botão, o acordeão inteiro era excluído em vez de retroceder um caractere

1.1.2

Corrigido: Títulos de acordeão suportam novamente os formatos negrito e itálico
Corrigido: Tradução deve ser possível agora através do site de tradução do WordPress

1.1.1

Corrigido: Um problema onde, em alguns sites, o conteúdo do acordeão não era aberto com animação suave, em vez disso aparecia instantaneamente após um pequeno atraso
Corrigido: Acordeões duplicados agora têm IDs exclusivos que devem resolver o problema onde clicar no título duplicado abre o bloco original

1.1.0

Novo: Uma opção para definir as configurações padrão de acordeão que serão aplicadas a todos os novos acordeões criados. Os acordeões individuais podem ser redefinidos para quaisquer que sejam as configurações padrão.
Corrigido: Acordeões não funcionam se exibindo o conteúdo de vários posts em uma página. Infelizmente, essa correção só se aplicará a acordeões recém-criados. Acordeões antigos precisarão ser substituídos para funcionar corretamente.
Corrigido: Usuários sem a permissão unfiltered_html (ou seja, usuários com a função de autor ou inferior) receberiam um erro de “conteúdo inválido” ao visualizar um acordeão adicionado por um usuário com a permissão unfiltered_html (e vice-versa).

1.0.6

Corrigido erro de digitação nas configurações do plugin

1.0.5

Adicionadas versões minificadas dos arquivos JS e CSS

1.0.4

Plugin tornado traduzível
Limpeza do código

1.0.3

Adicionada a capacidade de converter um parágrafo ou título em um acordeão.

1.0.2

Adicionada a capacidade do bloco no editor de aceitar classes css personalizadas (permite o cadastro personalizado de estilos de bloco)
Correção de acessibilidade: Removido aria-hidden=false dos acordeões fechados.

1.0.1

Leiame atualizado.

1.0.0

Plugin totalmente novo para suportar o novo editor de blocos do WordPress.