Dicionário de Favelas Marielle Franco

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

← Edição anterior
VisualWikitexto
Sem resumo de edição
Sem resumo de edição
 
(12 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 site}}}</span>] | #default = [[{{{link}}}|<span class="btn btn-primary">{{{texto|Ir para o verbete}}}</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>


=== Link externo ===
==Exemplo==
{{Botão
| tipo = interno
| pagina = Rocinha
| texto = Ir para o verbete
}}
 
<pre>
{{Botão
| tipo = interno
| pagina = Rocinha
| texto = Ir para o verbete
}}
</pre>
 
 
{{Botão
| tipo = externo
| pagina = Fiocruz
| url = https://fiocruz.br
| texto = Visitar site
}}
 
<pre>
<pre>
{{Botao
{{Botão
  | tipo = externo
  | tipo = externo
  | link = https://exemplo.com
  | pagina = Fiocruz
| url = https://fiocruz.br
  | texto = Visitar site
  | texto = Visitar site
}}
}}
</pre>
</pre>


==Template data==
==Template Data==
<templatedata>
<templatedata>
{
{
"description": "Botão com para links internos (padrão) ou externos.",
"description": "Botão para links internos (Wikifavelas) ou externos (URLs).",
"params": {
"params": {
"link": {
"tipo": {
"label": "Destino do link",
"label": "Tipo de link",
"description": "Página interna (ex: Nome da página da Wikifavelas) ou URL completa de sites externos (https://...).",
"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",
"required": true,
"default": "interno",
"example": "Página de Exemplo"
"suggestedvalues": ["interno", "externo"]
},
"pagina": {
"label": "Página interna",
"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": "wiki-page-name",
"example": "Rocinha"
},
"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 no botão.",
"description": "Utilize esse campo se desejar mudar o texto a ser exibido no botão.",
"type": "string",
"type": "string",
"default": "Ir para o verbete",
"default": "Ir para o verbete"
"example": "Ir para o verbete"
},
"tipo": {
"label": "Tipo de link",
"description": "Use 'externo' para links fora da Wikifavelas. Se vazio, será considerado link interno.",
"type": "string",
"default": "interno",
"suggestedvalues": ["interno", "externo"],
"example": "externo"
}
}
},
},
Linha 49: Linha 76:
}
}
</templatedata>
</templatedata>
fim
<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>
Disponível em “https://homologacao2.wikifavelas.com.br/index.php/Predefinição:Botão”