Marcações / Shortcodes e exemplos

Marcações / Shortcodes e exemplos

Categoria: Publicado por: admsbp Publicado em: 08/06/2021

Código

Explicação: Coloca o logo dentro da estrutura HTML correta para funcionar corretamente, deve ser usado para adicionar logos na listagem do rodapé. OBS: Trocar “URL_AQUI” pela url de acesso referente ao logo para adicionar o link ao mesmo.

Resultado


Código

Explicação: Coloca o logo dentro da estrutura HTML correta para funcionar corretamente, deve ser usado para adicionar logos na listagem abaixo do banner institucional. OBS: Trocar “URL_AQUI” pela url de acesso referente ao logo para adicionar o link ao mesmo.

Resultado


Código

Explicação: Coloca o destaque dentro da estrutura HTML correta para funcionar corretamente, deve ser usado para adicionar novos itens em destaque na área de destaques da home. OBS: Trocar “URL_AQUI” pela url de acesso referente ao destaque para adicionar o link ao mesmo.

Resultado

Destaques

Manual de Padronização de Laudos Histopatológicos 2019


Código

Explicação: Serve para separar o conteúdo em duas colunas.  OBS: Cada sequência do shortcode “col2” deve ser usado sempre dentro do shortcode “linha”, exatamente como no exemplo acima, caso contrário não será exibido corretamente.

Resultado

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius at velit sit amet finibus. Etiam a lectus condimentum, sollicitudin risus vitae, pellentesque tortor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius at velit sit amet finibus. Etiam a lectus condimentum, sollicitudin risus vitae, pellentesque tortor.


Código

Explicação: Serve para separar o conteúdo em 3 colunas.  OBS: Cada sequência do shortcode “col3” deve ser usado sempre dentro do shortcode “linha”, exatamente como no exemplo acima, caso contrário não será exibido corretamente.

Resultado

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius at velit sit amet finibus. Etiam a lectus condimentum, sollicitudin risus vitae, pellentesque tortor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius at velit sit amet finibus. Etiam a lectus condimentum, sollicitudin risus vitae, pellentesque tortor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius at velit sit amet finibus. Etiam a lectus condimentum, sollicitudin risus vitae, pellentesque tortor.


Código

Explicação: Serve para separar o conteúdo em 4 colunas.  OBS: Cada sequência do shortcode “col4” deve ser usado sempre dentro do shortcode “linha”, exatamente como no exemplo acima, caso contrário não será exibido corretamente.

Resultado

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius at velit sit amet finibus. Etiam a lectus condimentum, sollicitudin risus vitae, pellentesque tortor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius at velit sit amet finibus. Etiam a lectus condimentum, sollicitudin risus vitae, pellentesque tortor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius at velit sit amet finibus. Etiam a lectus condimentum, sollicitudin risus vitae, pellentesque tortor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius at velit sit amet finibus. Etiam a lectus condimentum, sollicitudin risus vitae, pellentesque tortor.


Código

Explicação: Adiciona o conteúdo dentro da estrutura HTML de “acordeon”, deixando o conteúdo oculto até que o usuário clique para expandir o restante.

ATENÇÂO

Esse shortcode recebe 3 parâmetros para funcionar corretamente, veja abaixo:

  1. n=”x”: Parâmetro referente ao número do item, não podem existir dois itens com o mesmo numero. OBS: Em casos que terão apenas 1 item “n” deve ser igual a “-1″, ou seja, (n=”-1″). Em casos que tiverem mais que um item “n” deve começar com “1” para o primeiro item, ou seja, (n=”1″) e ir aumentando +1 para cada item (n=”2″, n=”3″…) e deve ser igual a “0” para o último item, ou seja, (n=”0″), já que o parâmetro “0(zero)” serve para fechar a listagem;
  2. titulo=”texto”: Parâmetro referente ao título do item, esse é o texto que ficará visível no item inicialmente;
  3. id=”IDENTIFICADOR”: Deve ser usado apenas quando for criar duas listagens diferentes, todos os itens de cada listagem devem receber o mesmo identificador.

Resultado

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius at velit sit amet finibus. Etiam a lectus condimentum, sollicitudin risus vitae, pellentesque tortor. Nulla in blandit quam. Nulla porta porttitor purus vitae ornare. Suspendisse semper at magna eu tempor. Quisque sed luctus nunc. Quisque ut varius erat. Sed eget malesuada mauris, a pellentesque orci. Pellentesque dictum mattis faucibus. Curabitur tellus ex, mollis vel magna sed, finibus iaculis mi.


Código

Explicação: Adiciona o conteúdo dentro da estrutura HTML de “acordeon”, deixando o conteúdo oculto até que o usuário clique para expandir o restante.

Resultado

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius at velit sit amet finibus. Etiam a lectus condimentum, sollicitudin risus vitae, pellentesque tortor. Nulla in blandit quam. Nulla porta porttitor purus vitae ornare. Suspendisse semper at magna eu tempor. Quisque sed luctus nunc. Quisque ut varius erat. Sed eget malesuada mauris, a pellentesque orci. Pellentesque dictum mattis faucibus. Curabitur tellus ex, mollis vel magna sed, finibus iaculis mi.

Compartilhe FACEBOOK WHATSAPP EMAIL

Veja também

SBP News

SBP e AMB abrem inscrições para obtenção do Título de Especialista – 06/12/2023

5 de dezembro de 2023 - SBP News
SBP News

Prazo para envio das respostas da 1ª edição do PPCQ vai até esta quinta-feira – 06/12/2023

5 de dezembro de 2023 - SBP News
SBP News

Projeto Guidelines traz aula sobre pele no SBP Online do dia 12 de dezembro – 06/12/2023

5 de dezembro de 2023 - SBP News
SBP News

Curso da SBP expõe importância da proteção de dados na rotina do patologista – 06/12/2023

5 de dezembro de 2023 - SBP News
Ver todas as matérias
Voltar ao topo