|
|
| 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">{{{texto|Visitar site}}}</span>] | #default = [[{{{pagina}}}|<span class="btn btn-primary">{{{texto|Ir para o verbete}}}</span>]]}}</includeonly><noinclude> |
| | | == Uso == |
| == Como usar == | |
| <pre> | | <pre> |
| {{Botao | | {{Botao |
| | 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 ===
| | ==Template Data== |
| <pre>
| |
| {{Botao
| |
| | tipo = externo
| |
| | link = https://exemplo.com
| |
| | texto = Visitar site
| |
| }}
| |
| </pre>
| |
| | |
| ==Template data== | |
| <templatedata> | | <templatedata> |
| { | | { |
| "description": "Botão com para links internos (padrão) ou externos.", | | "description": "Botão para links internos (wiki) ou externos com estilo Bootstrap.", |
| "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.", |
| "type": "string", | | "type": "string", |
| "required": true, | | "default": "interno", |
| | "suggestedvalues": ["interno", "externo"] |
| | }, |
| | "pagina": { |
| | "label": "Página interna", |
| | "description": "Nome da página da wiki (somente para links internos).", |
| | "type": "wiki-page-name", |
| "example": "Página de Exemplo" | | "example": "Página de Exemplo" |
| | }, |
| | "url": { |
| | "label": "URL externa", |
| | "description": "Link externo completo (https://...).", |
| | "type": "url", |
| | "example": "https://exemplo.com" |
| }, | | }, |
| "texto": { | | "texto": { |
| Linha 34: |
Linha 38: |
| "description": "Texto exibido no botão.", | | "description": "Texto exibido no botão.", |
| "type": "string", | | "type": "string", |
| "default": "Ir para o verbete", | | "default": "Ler" |
| "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 44: |
| } | | } |
| </templatedata> | | </templatedata> |
|
| |
|
| |
| === 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> |
