Predefinição:Botão: mudanças entre as edições

Sem resumo de edição
Sem resumo de edição
 
(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>

Edição atual tal como às 17h04min de 21 de abril de 2026

Uso

{{Botão
 | tipo = interno ou externo
 | pagina = nome da página (link interno)
 | url = link externo completo
 | texto = texto do botão
}}

Exemplo

Ir para o verbete

{{Botão
 | tipo = interno
 | pagina = Rocinha
 | texto = Ir para o verbete
}}


Visitar site

{{Botão
 | tipo = externo
 | pagina = Fiocruz
 | url = https://fiocruz.br
 | texto = Visitar site
}}

Template Data

Botão para links internos (Wikifavelas) ou externos (URLs).

Parâmetros da predefinição[Editar dados da predefinição]

Esta predefinição prefere a formatação em blocos de parâmetros.

ParâmetroDescriçãoTipoEstado
Tipo de linktipo

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

Valores sugeridos
interno externo
Padrão
interno
Stringopcional
Página internapagina

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.

Exemplo
Rocinha
Nome da páginaopcional
URL externaurl

Informe o link externo completo, incluindo o https://.

Exemplo
https://fiocruz.br
URLopcional
Texto do botãotexto

Utilize esse campo se desejar mudar o texto a ser exibido no botão.

Padrão
Ir para o verbete
Stringopcional


Cookies nos ajudam a entregar nossos serviços. Ao usar nossos serviços, você concorda com o uso de cookies.