Predefinição:Botão: mudanças entre as edições
Sem resumo de edição |
Sem resumo de edição |
||
| 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> | |||
== Uso == | |||
<pre> | |||
{{Botao | |||
| link = destino | |||
| texto = texto do botão | |||
}} | |||
</pre> | |||
=== Externo === | |||
<pre> | |||
{{Botao | |||
| tipo = externo | |||
| link = https://exemplo.com | |||
| texto = Visitar site | |||
}} | |||
</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 | |||
<pre> | |||
{{Botao | |||
| tipo = interno ou externo | |||
| link = destino | |||
| texto = texto do botão | |||
}} | |||
</pre> | |||
<templatedata> | |||
{ | |||
"description": "Cria um botão estilizado usando Bootstrap (Chameleon) para links internos ou externos.", | |||
"params": { | |||
"tipo": { | |||
"label": "Tipo de link", | |||
"description": "Define se o link é interno (padrão) ou externo.", | |||
"type": "string", | |||
"default": "interno", | |||
"suggestedvalues": ["interno", "externo"], | |||
"example": "interno" | |||
}, | |||
"link": { | |||
"label": "Destino do link", | |||
"description": "Página interna (sem colchetes) ou URL completa (https://...).", | |||
"type": "string", | |||
"required": true, | |||
"example": "Página de Exemplo" | |||
}, | |||
"texto": { | |||
"label": "Texto do botão", | |||
"description": "Texto exibido dentro do botão.", | |||
"type": "string", | |||
"default": "Ler", | |||
"example": "Clique aqui" | |||
} | |||
}, | |||
"format": "block" | |||
} | |||
</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>]] | [[{{{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 == | == Como Usar == | ||
| Linha 38: | Linha 133: | ||
<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>[[{{{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> | </pre> | ||
__NOTOC__ | __NOTOC__ | ||
</noinclude> | </noinclude> | ||
Edição das 11h41min de 21 de abril de 2026
Uso
{{Botao
| link = destino
| texto = texto do botão
}}
Externo
{{Botao
| tipo = externo
| link = https://exemplo.com
| texto = Visitar site
}}
Botão com estilo Bootstrap (Chameleon) para links internos (padrão) ou externos.
| Parâmetro | Descrição | Tipo | Estado | |
|---|---|---|---|---|
| Destino do link | link | Página interna (ex: Nome da página) ou URL completa (https://...).
| String | obrigatório |
| Texto do botão | texto | Texto exibido no botão.
| String | opcional |
| Tipo de link | tipo | Use 'externo' para links fora da wiki. Se vazio, será interno.
| String | opcional |
fim
{{Botao
| tipo = interno ou externo
| link = destino
| texto = texto do botão
}}
Cria um botão estilizado usando Bootstrap (Chameleon) para links internos ou externos.
| Parâmetro | Descrição | Tipo | Estado | |
|---|---|---|---|---|
| Tipo de link | tipo | Define se o link é interno (padrão) ou externo.
| String | opcional |
| Destino do link | link | Página interna (sem colchetes) ou URL completa (https://...).
| String | obrigatório |
| Texto do botão | texto | Texto exibido dentro do botão.
| String | opcional |
[[{{{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>]]
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.
Texto do botão red Texto do botão green Texto do botão white Texto do botão blue
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:
{{Botão
|link=Dicionário de Favelas Marielle Franco
|color=red
|name=Página Inicial
}}
Resultado: Ler
Código
[[{{{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>]]
