O tipo de conteúdo Acordeão permite que os usuários adicionem acordeões acessíveis a seus sites. O acordeão é totalmente responsivo e funciona muito bem em telas menores, bem como em desktops.
Neste tutorial, você aprenderá:
- Quando usar o tipo de conteúdo Acordeão
- Como criar um conteúdo de acordeão
1º Etapa:
O assunto é bagas. Neste tutorial, vamos criar o acordeão mencionado no exemplo acima com quatro tipos de frutas silvestres.
2º Etapa:
Selecione a opção Novo conteúdo e escolha Acordeão na lista de tipos de conteúdo:
3º Etapa:
O editor de acordeão deve aparecer agora e tem a seguinte aparência:
4º Etapa:
Digite o seguinte texto no campo Título: Tipos de frutas vermelhas
5º Etapa:
Aqui, adicionaremos os painéis em que consiste o acordeão . Vamos adicionar quatro painéis.
Cerejas
Cranberries
Amoras e
Bagas de açaí
Painel 1:
O primeiro painel é adicionado por padrão. Consiste em um título e um texto. Preencha:
Título : Cerejas
Texto : Como fruta crua, as cerejas doces fornecem pouco conteúdo de nutrientes por porção de 100 g. A fibra dietética e a vitamina C estão presentes no conteúdo mais significativo, enquanto outras vitaminas e minerais dietéticos fornecem, cada uma, menos de 10% do valor diário por porção, respectivamente. Fonte: Wikipedia
Adicione um novo painel usando o botão “Adicionar painel”. Preencha os próximos três painéis com o seguinte:
Painel 2:
Título : Cerejas
Texto : Cranberries crus têm níveis moderados de vitamina C, fibra dietética e o mineral dietético essencial, manganês, bem como outros micronutrientes essenciais em pequenas quantidades. Fonte: Wikipedia
Painel 3:
Título : Amoras
- Texto : Amoras-pretas cultivadas nos Estados Unidos são notáveis por seu conteúdo significativo de fibra dietética, vitamina C e vitamina K. Fonte: Wikipedia
Painel 4:
Título : Bagas de açaí
Texto : Uma preparação em pó de polpa e casca de açaí liofilizada continha 533,9 calorias, 52,2 g de carboidratos, 8,1 g de proteína e 32,5 g de gordura total. A porção de carboidratos continha 44,2 g de fibra alimentar e baixo valor de açúcar. Fonte: Wikipedia
6º Etapa:
Salve o nó / artigo para ver seu acordeão concluído.
Agora você deve ter um resultado semelhante ao exemplo no topo desta página.
Sinta-se à vontade para deixar comentários ou sugestões sobre como melhorar este tutorial.
Por último salve e publique a atividade no botão de “Criar”, localizado na parte superior a direita da página. Assim, você irá ver sua atividade interativa finalizada.
Agora você deve ter o mesmo resultado do exemplo referido no topo da página.
