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

Câncer de próstata na velhice: Como fica o tratamento? – UOL

25 de novembro de 2022 - SBP na mídia
Arquivos Virtuais

Novembro Azul – rádio CBN Vale do Itajaí

17 de novembro de 2022 - Arquivos Virtuais
Notícias

Processo seletivo para Especialização em Patológica Oncológica do Hospital Sírio-Libanês (SP)

17 de novembro de 2022 - Notícias
SBP na mídia

Novembro Azul – TV Mar Canal 525, Maceió (AL), Programa Bem Assim

16 de novembro de 2022 - SBP na mídia
Ver todas as matérias
Voltar ao topo