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 na mídia

SUS: Exame da rede pública evita desenvolvimento de câncer de colo do útero – Olhar Digital

17 de abril de 2024 - SBP na mídia
SBP na mídia

Presidente da SBP fala sobre teste que aprimora diagnóstico para câncer de pulmão – Rádio CBN – Vale do Itajaí

17 de abril de 2024 - SBP na mídia
SBP na mídia

Entrevista com Felipe Da Almeida Costa, patologista do Hospital A.C.Camargo Cancer Center – Rádio Capital

17 de abril de 2024 - SBP na mídia
SBP News

Conheça os ganhadores das Bolsas Médico Residente para o 34º Congresso Brasileiro de Patologia (SBP News: 17/04/2024)

16 de abril de 2024 - SBP News
Ver todas as matérias
Voltar ao topo