Ajuda:Tutorial/Tópicos avançados

Origem: Wikipédia, a enciclopédia livre.
 Introdução Criar conta Edição Formatação Ligações internas Referências Ligações externas Discussão A reter Domínios Projetos relacionados Tópicos avançados Regras simplificadas 

Quando todas as outras secções lhe parecerem dominadas, conheça o que existe mais, a saber, sobre a edição na Wikipédia.

Personalização de domínio

Ao visitar a Wikipédia, ou qualquer outro projeto Wikimedia, é possível que você enfrente problemas de interface, culminando em dificuldades na acessibilidade. Se, por exemplo, você é míope, e ainda não possui um óculos, é provável que torne-se repetitivo o ato de aplicar o zoom a páginas toda vez que nelas adentra. Por essa e outras razões de congruência pessoal, existem as páginas de domínio próprio [seu nome de usuário aqui]/common.[css ou js]. Com elas, você não precisará fazer a mesma coisa cansativa toda a hora; basta estar logado e editar o conteúdo. Aqui está um modelo raso, na linguagem CSS:

*{
font-family: "Tw Cen MT";
}
body {
font-size: 122%;
}
div {
color: #28231D;
background-color: #FFFAF0;
}
.extra div {
background-color: inherit;
}

Isso mudaria, ordenadamente, a fonte, o tamanho da fonte, a cor do texto, e, por fim, a cor do plano de fundo. Experimente!

Predefinições

As predefinições permitem reciclar pequenas partes de texto, ou caixas e tabelas, para serem usadas em vários artigos. Mais complexas, porém, são aquelas que aceitam parâmetros e se tornam, de certa forma, personalizáveis.

Tipos de predefinições

Existem muitíssimas predefinições possíveis, pelo que vamos tentar distingui-las um pouco, em função do papel que desempenham num artigo.

Predefinições de marcação

Estas predefinições devem servir apenas para marcar um artigo num determinado contexto. Por exemplo, a predefinição de artigo em tradução é um exemplo. Outro exemplo seria a Predefinição:Semcat, para marcar artigos cujo editor inicial não conseguiu apurar uma categoria viável.

Predefinições de navegação

Por vezes é possível agrupar um conjunto de artigos dado o contexto em que se inserem. Por exemplo, as várias páginas deste tutorial, separadas, mantêm algo em comum: pertencem ao tutorial. Para facilitar a navegação, foi criada a Predefinição:Wikipedia/Tutorial que pode ver no topo destas páginas. Assim, esta caixa de navegação ir-se-á visualizar em cada artigo, bastando, para isso, escrever no início do artigo:
{{Wikipedia/Tutorial}}

Caixas de informação

Considere o exemplo da Batalha de Aljubarrota. Como pode observar, os dados mais relevantes estão resumidos na caixa à direita, no início do artigo. Se pegar noutra batalha qualquer, da Categoria:Batalhas — por exemplo, o Ataque a Pearl Harbor —, verá que, provavelmente, este também terá uma caixa idêntica.

Outro exemplo são as caixas de resumo dos Jogos Olímpicos, ou de campeonatos de futebol.

Criar predefinições

Para criar uma predefinição deverá iniciar uma página começando o título por "Predefinição:". A edição deverá decorrer naturalmente, como aprendeu até aqui. Por exemplo, se quiser uma predefinição para incluir todos os presidentes de Moçambique, uma hipótese para o nome da predefinição de nome "Presidentes de Moçambique" seria:

Predefinição:Presidentes de Moçambique

Tabelas

Ver artigo principal: Ajuda:Guia de edição/Tabelas

Uma tabela é construída linha por linha, coluna por coluna, ou seja, define-se, para cada linha, as suas colunas (células). Assim,

  • Para iniciar uma tabela,
    {|
  • Para definir uma legenda para a tabela e explicar o seu uso (opcional)
    |+
  • Para iniciar uma linha,
    |-
  • Cada célula de dados começa com
    |
  • Cada célula de cabeçalho inicia-se com
    !
  • Para concluir a tabela,
    |}

Por fim, é possível formatar cada uma das linhas ou células individualmente. Os parâmetros são adicionados imediatamente a seguir às marcações de abertura de linha, coluna, legenda ou tabela: a sintaxe é a mesma dos atributos existentes em HTML, mas isto foge do objetivo deste guia. Porém, como referência, aqui fica:

  • Para a tabela:
    {| class="wikitable"
  • Para uma linha da tabela
    |+ style="text-align: right;"
  • Para uma das células de dados:
    | style="text-align: center;" | texto

Exemplo simples

A seguir é apresentada uma tabela pequena (fictícia) em que são utilizados alguns dos elementos citados anteriormente.

Código

{| class="wikitable" style="width: 50%;"
|+ Tabela 1 - Exemplo
|-
|
! Coluna 1
! Coluna 2
|-
! Linha 1
| style="text-align: right;" | alinhado à direita
| 1,2
|-
! Linha 2
| style="text-align: center;" | centrado
| style="background: #FFFFE6;" | fundo amarelado
|}

Resultado

Tabela 1 - Exemplo
Coluna 1 Coluna 2
Linha 1 alinhado à direita 1,2
Linha 2 centrado fundo amarelado

Exemplo mais complexo

O próximo exemplo mostra algumas outras alterações possíveis em uma tabela. Copie-a para a página de testes, caso deseje fazer modificações.

Código

{| class="wikitable" style="width: 100%; text-align: center;"
|+ style="font-style: italic;"| Tabela 2 – Estatísticas de ...
|-
!  a !!  b !!  c !!  d !!  e
|-
|  1 ||  2 ||  3 ||  4 ||  5
|-
|  6 ||  7 ||  8 ||  9 || 10
|-
| 11 || 12 || 13 || 14 || 15
|}

Resultado

Tabela 2 – Estatísticas de ...
a b c d e
1 2 3 4 5
6 7 8 9 10
11 12 13 14 15

Explicação de cada linha de código:

  • Linha 1: início da tabela, juntamente com alguns atributos HTML:
    • A classe CSS "wikitable" especifica a maior parte dos estilos da tabela, como as bordas e cores utilizadas;
    • Por meio do atributo "style" foram especificados redefinidos alguns aspectos:
      • width: 100%: especifica a largura da tabela (100% da largura útil do artigo);
      • text-align: center: é o alinhamento horizontal da tabela;
  • Linha 2: legenda da tabela. Nesta há uma barra vertical que a separa da definição do estilo (texto itálico);
  • Linhas 3, 5, 7 e 9: indicam o início de uma nova linha. As células correspondentes são definidas na linha seguinte;
  • Linhas 4, 6, 8 e 10: contêm os dados das células das linhas correspondentes. A separação é feita por meio de exclamações duplas (!!), no caso de células de cabeçalho) e de barras verticais duplas (||), no caso de células de dados.
  • Linha 11: terminador da tabela.

Mais opções de classes (funções)

Código

Modo não wikitable:

{| class="mw-collapsible mw-collapsed"
|-
!  a !!  b !!  c !!  d !!  e
|-
|  1 ||  2 ||  3 ||  4 ||  5
|}

Modo wikitable:

{| class="wikitable sortable mw-collapsible mw-collapsed plainrowheaders"
|-
!  a !!  b !!  c !!  d !!  e
|-
|  1 ||  2 ||  3 ||  4 ||  5
|}

Resultado

Modo não wikitable:

a b c d e
1 2 3 4 5

Modo wikitable:

a b c d e
1 2 3 4 5

Onde:

  • sortable: classe CSS que atribui à tabela a função de ordenar a tabela de acordo com uma coluna.
  • mw-collapsible: classe que atribui à tabela a função de ocultar e exibir tabelas, que por padrão começa expandida podendo ser recolhível; para que ela inicie oculta por padrão ao carregar o artigo a classe mw-collapsible é usado em conjunto com a classe mw-collapsed.
  • plainrowheaders: classe que remove da tabela a renderização estética do cabeçalho; dependendo do navegador as células de cabeçalho normalmente são renderizadas de forma diferente das células normais, em um estilo usando fonte em negrito e centralizados. Se essa renderização estética não for desejada, a tabela pode ser estilizada com a classe plainrowheaders que alinha à esquerda os cabeçalhos de linha e remove o negrito.

Tabelas em HTML

Em alguns casos pode ser necessário criar uma tabela utilizando a linguagem de marcação HTML diretamente (geralmente ao lidar com predefinições complexas), o que exige certa familiaridade com essa linguagem ou com algum editor de HTML (de preferência um que não crie tabelas poluídas e cheias de estilização).

Se quiser, posteriormente, convertê-las para a sintaxe simplificada do MediaWiki, existem algumas ferramentas disponíveis para isso (como este conversor de HTML para wiki, por exemplo), bem como robôs a fazer a conversão, pelo que não é estritamente necessário (com efeito, uma parte da linguagem wiki usada pelo MediaWiki é similar ao HTML).

Redirecionar páginas

É frequente acontecer na Wikipédia que um determinado assunto possa ser referenciado de duas ou mais maneiras diferentes. É esse o caso quando existem sinónimos (ex: autocarro, ônibus e machimbombo), grafias diferentes para a mesma palavra (ex: ouro e oiro) ou quando certas organizações são tão conhecidas pelo seu nome por extenso como pelas suas iniciais (ex: Organização das Nações Unidas e ONU). Nestes casos, a política da Wikipédia determina que seja desenvolvido o conteúdo apenas para um dos títulos possíveis e que os demais sejam redirecionados a este. Para redirecionar um título para um artigo já existente:

  • Suponhamos que se decida colocar conteúdo em título e que outro título é um título alternativo para o conteúdo. Nesse caso, cria-se a página em outro título com o seguinte conteúdo:
#redirect [[título]]
  • Observação: o redirecionamento deve ser escrito exatamente assim: a palavra "redirect" e a ligação deverão estar separadas por um espaço e não por qualquer outro caracter (um erro comum é colocar lá dois pontos - está errado), e que entre o cardinal e o redirect não deve haver nenhum espaço.
  • Pressione o botão "Gravar página".
  • Em seguida, se o título do artigo que supostamente já existe estiver a vermelho, verifique se escreveu corretamente o título para o qual quer redirecionar a página.
  • Se estiver a azul, a partir de agora, quem procurar pelo título de artigo que acabou de criar, será conduzido ao artigo para o qual redirecionou a página.
  • Nota: Um erro comum é fazer-se um redirecionamento para outro redirecionamento (redirect duplo); neste caso, o redirecionamento não é feito para o artigo final, mas para o artigo intermediário. Este problema não é grave, pois existem robôs que, periodicamente, verificam esta situação e a corrigem automaticamente.

Conclusão

E pronto, terminamos este tutorial! Tenha as dicas rápidas como resumo e as regras simplificadas como sumário de todo o indispensável. Com o Guia de edição você pode se aprofundar. De toda forma, bom trabalho! E volte ao início do tutorial quando quiser!