Tutorial Shortcode Expand

O Shortcode Expand, permite a criação de listas com tópicos ou títulos e abaixo deles um conteúdo oculto que pode ser expandido ao clicar sobre o mesmo, revelando o texto oculto.

Um exemplo de uso, poderia ser uma lista de perguntas e respostas, onde as perguntas ficariam como os títulos da lista e as resposta como o texto oculto expansível. A imagem abaixo, mostra o exemplo de perguntas e respostas, que pode ser montada inclusive com a adição de imagens e formatação de texto junto ao texto oculto. Veja a sintaxe de uso do Shortcode Expand na seguinte imagem:

Exemplo de uso do Shortcode Expand

Exemplo de uso do Shortcode Expand

O parâmetro do Shortcode Expand, é o “title”, que é responsável pelo texto visível ou seja o título, no nosso exemplo seria a pergunta, e o conteúdo oculto, ficará entre os TAGS de inicio “[ expand … ]” e o de final “[ /expand ]” no Shortcode. Este conteúdo no exemplo, equivaleria as respostas das perguntas.

Usando este exemplo acima, o conteúdo da lista esperado ficará como este nas imagens abaixo:

Lista com shortcode expand e conteudo oculto

Lista com shortcode expand e conteúdo oculto

 

Lista com shortcode expand e o conteudo expandido após clicar sobre os títulos dos itens

Mesma lista com o conteúdo expandido após clicar sobre os títulos dos itens

Maiores explicações sobre o exemplo de uso deste Shortcode, poderá ser visto no video de capacitação em: Video Tutorial.