Warning: include_once(/home3/xamativo/public_html/wp-content/plugins/hummingbird-performance/core/class-abstract-module.php): failed to open stream: No such file or directory in /home3/xamativo/public_html/wp-content/advanced-cache.php on line 24

Warning: include_once(): Failed opening '/home3/xamativo/public_html/wp-content/plugins/hummingbird-performance/core/class-abstract-module.php' for inclusion (include_path='.:/opt/alt/php73/usr/share/pear') in /home3/xamativo/public_html/wp-content/advanced-cache.php on line 24

Warning: include_once(/home3/xamativo/public_html/wp-content/plugins/hummingbird-performance/core/modules/class-module-page-cache.php): failed to open stream: No such file or directory in /home3/xamativo/public_html/wp-content/advanced-cache.php on line 25

Warning: include_once(): Failed opening '/home3/xamativo/public_html/wp-content/plugins/hummingbird-performance/core/modules/class-module-page-cache.php' for inclusion (include_path='.:/opt/alt/php73/usr/share/pear') in /home3/xamativo/public_html/wp-content/advanced-cache.php on line 25
Criar abas dobráveis no Wordpress | Xamativo Hospedagem e Criação de Sites
[mailpoetsignup mailpoetsignup-861 mailpoet_list_1 default:on "Quero Receber"]

Criar Abas Dobráveis (Espande e Recolhe)

Cursos: Criar Site com WordPress

20 - Criar Abas Dobráveis (Espande e Recolhe)

As guias dobráveis, também chamadas de acordeon, são um recurso para deixar seu site mais organizado e dinâmico. Elas expandem ou encolhem cada vez que o internauta clica nelas. Vejamos como criá-las:

 

 

– Clique no ícone + dentro da linha ou coluna onde deseja inserir as abas dobráveis

– Clique no elemento “Acordeão”

– Clique no botão “Editar Acordeão” na barrinha azul para editar as configurações gerais e estilos das abas

– Defina o estilo, forma, cor, espaçamento e outras configurações de estilo das abas.

– Clique no botão “Editar Seção” para inserir o conteúdo nas abas.

– Digite o título da aba

– Clique no icone + para inserir o conteúdo da aba (bloco de texto, imagem, entre outros)

– Clique na aba “Seção 2” e repita os procedimentos acima inserindo um título e atribuindo um conteúdo.

– Para ir adicionando mais abas clique em “Add Sections” e repta os procedimentos atribuindo conteudo e titulo.

– E por fim clique em “Atualizar” para salvar as alterações na página.

acordeon
Compartilhe esse post com seus amigos: