|
|
| (13 revisões intermediárias pela mesma usuária não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| <includeonly>{{#switch: {{{tipo|interno}}} | externo = [{{{link}}} <span class="btn btn-warning">{{{texto|Visitar}}}</span>] | #default = [[{{{link}}}|<span class="btn btn-primary">{{{texto|Ler}}}</span>]]}}</includeonly><noinclude> | | <includeonly>{{#switch: {{{tipo|interno}}} | externo = [{{{url}}} <span class="btn btn-warning mb-2">{{{texto|Visitar site}}}</span>] | #default = [[{{{pagina}}}|<span class="btn btn-primary mb-2">{{{texto|Ir para o verbete}}}</span>]]}}</includeonly><noinclude> |
| | |
| == Uso == | | == Uso == |
| <pre> | | <pre> |
| {{Botao | | {{Botão |
| | link = destino | | | tipo = interno ou externo |
| | | pagina = nome da página (link interno) |
| | | url = link externo completo |
| | texto = texto do botão | | | texto = texto do botão |
| }} | | }} |
| </pre> | | </pre> |
|
| |
|
| === Externo === | | ==Exemplo== |
| | {{Botão |
| | | tipo = interno |
| | | pagina = Rocinha |
| | | texto = Ir para o verbete |
| | }} |
| | |
| <pre> | | <pre> |
| {{Botao | | {{Botão |
| | tipo = externo | | | tipo = interno |
| | link = https://exemplo.com | | | pagina = Rocinha |
| | texto = Visitar site | | | texto = Ir para o verbete |
| }} | | }} |
| </pre> | | </pre> |
|
| |
|
| <templatedata>
| |
| {
| |
| "description": "Botão com estilo Bootstrap (Chameleon) para links internos (padrão) ou externos.",
| |
| "params": {
| |
| "link": {
| |
| "label": "Destino do link",
| |
| "description": "Página interna (ex: Nome da página) ou URL completa (https://...).",
| |
| "type": "string",
| |
| "required": true,
| |
| "example": "Página de Exemplo"
| |
| },
| |
| "texto": {
| |
| "label": "Texto do botão",
| |
| "description": "Texto exibido no botão.",
| |
| "type": "string",
| |
| "default": "Ler",
| |
| "example": "Abrir página"
| |
| },
| |
| "tipo": {
| |
| "label": "Tipo de link",
| |
| "description": "Use 'externo' para links fora da wiki. Se vazio, será interno.",
| |
| "type": "string",
| |
| "default": "interno",
| |
| "suggestedvalues": ["interno", "externo"],
| |
| "example": "externo"
| |
| }
| |
| },
| |
| "format": "block"
| |
| }
| |
| </templatedata>
| |
|
| |
| fim
| |
|
| |
|
| | {{Botão |
| | | tipo = externo |
| | | pagina = Fiocruz |
| | | url = https://fiocruz.br |
| | | texto = Visitar site |
| | }} |
|
| |
|
| <pre> | | <pre> |
| {{Botao | | {{Botão |
| | tipo = interno ou externo | | | tipo = externo |
| | link = destino | | | pagina = Fiocruz |
| | texto = texto do botão | | | url = https://fiocruz.br |
| | | texto = Visitar site |
| }} | | }} |
| </pre> | | </pre> |
|
| |
|
| | ==Template Data== |
| <templatedata> | | <templatedata> |
| { | | { |
| "description": "Cria um botão estilizado usando Bootstrap (Chameleon) para links internos ou externos.", | | "description": "Botão para links internos (Wikifavelas) ou externos (URLs).", |
| "params": { | | "params": { |
| "tipo": { | | "tipo": { |
| "label": "Tipo de link", | | "label": "Tipo de link", |
| "description": "Define se o link é interno (padrão) ou externo.", | | "description": "Define se o botão aponta para página interna ou URL externa. Escolha interno para uma página da Wikifavelas e externo para uma página de outro site", |
| "type": "string", | | "type": "string", |
| "default": "interno", | | "default": "interno", |
| "suggestedvalues": ["interno", "externo"], | | "suggestedvalues": ["interno", "externo"] |
| "example": "interno"
| |
| }, | | }, |
| "link": { | | "pagina": { |
| "label": "Destino do link", | | "label": "Página interna", |
| "description": "Página interna (sem colchetes) ou URL completa (https://...).", | | "description": "Nome do verbete ou página da Wikifavelas (use somente para links internos). Não deve incluir o endereço completo do tipo HTTP. O campo tem busca ativa nos verbetes existentes.", |
| "type": "string", | | "type": "wiki-page-name", |
| "required": true, | | "example": "Rocinha" |
| "example": "Página de Exemplo" | | }, |
| | "url": { |
| | "label": "URL externa", |
| | "description": "Informe o link externo completo, incluindo o https://.", |
| | "type": "url", |
| | "example": "https://fiocruz.br" |
| }, | | }, |
| "texto": { | | "texto": { |
| "label": "Texto do botão", | | "label": "Texto do botão", |
| "description": "Texto exibido dentro do botão.", | | "description": "Utilize esse campo se desejar mudar o texto a ser exibido no botão.", |
| "type": "string", | | "type": "string", |
| "default": "Ler", | | "default": "Ir para o verbete" |
| "example": "Clique aqui"
| |
| } | | } |
| }, | | }, |
| Linha 90: |
Linha 76: |
| } | | } |
| </templatedata> | | </templatedata> |
|
| |
|
| |
|
| |
| <pre>
| |
| [[{{{link}}}|<span class="btn {{#switch: {{{color|red}}} | red = btn-primary | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span>]]
| |
| </pre>
| |
| == Como Usar ==
| |
|
| |
| === Utilizando o Editor Visual ===
| |
| Selecione inserir Predefinição no Editor Visual e informe os parâmetros:
| |
|
| |
| color: define a cor do botão predefinida nos estilos. Escolha uma das seguintes opções: red, green, white, ou blue.
| |
|
| |
| <span class="btn {{#switch: {{{color|red}}} | red = btn-primary | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão red}}}</span>
| |
| <span class="btn {{#switch: {{{color|green}}} | red = btn-primary | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão green}}}</span>
| |
| <span class="btn {{#switch: {{{color|white}}} | red = btn-primary | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão white}}}</span>
| |
| <span class="btn {{#switch: {{{color|blue}}} | red = btn-primary | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão blue}}}</span>
| |
|
| |
| link: Informe o link da página cujo botão acionará.
| |
|
| |
| name: Informe o texto que aparecerá no botão.
| |
|
| |
| ===Utilizando o editor de código ===
| |
| Basta chamar a predefinição na página que deseja-se utilizar e inserir três parâmetros como no exemplo abaixo:
| |
|
| |
| <pre>
| |
| {{Botão
| |
| |link=Dicionário de Favelas Marielle Franco
| |
| |color=red
| |
| |name=Página Inicial
| |
| }}
| |
| </pre>
| |
|
| |
| Resultado:
| |
| {{Botão
| |
| |link=Dicionário de Favelas Marielle Franco
| |
| |color=red
| |
| |name=Página Inicial
| |
| }}
| |
|
| |
| == Código ==
| |
| <pre>[[{{{link}}}|<span class="btn {{#switch: {{{color|red}}} | red = btn-primary | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span>]]
| |
| </pre>
| |
|
| |
|
| __NOTOC__ | | __NOTOC__ |
|
| |
| </noinclude> | | </noinclude> |
