FANDOM


A Wikia está fazendo mudanças graduais ao layout de artigo em 2015, e as informações serão adicionadas a esta página de ajuda. Essa página inclui descrições das mudanças. Ela também documenta possíveis problemas, causas e soluções propostas.

Se você se deparar com um problema que ainda não está nessa página, por favor, nos avise via Especial:Contact e nós faremos o melhor para que isso seja consertado o mais rápido possível.

Pontos de parada e tipografia (Abril/Maio 2015)

É o primeiro estágio nas mudanças de layout, Wikia está adicionando pontos de parada para o layout receptivo da Wikia, e apresentando algumas atualizações a tipografia.

Pontos de parada ajudam os layouts da página a se tornarem mais previsíveis, ao ajustar o layout a algumas larguras específicas, baseado no tamanho da tela do usuário. A tipografia muda com o aumento da fonte e a altura da linha acontecem no maior ponto de parada, o que nós chamamos de Área de trabalho GG, atualmente definida como displays mais largos do que 1575px. Outros pontos de parada permanecerão com o tamanho padrão de fonte e linha de altura.

As mudanças em tipografia só se aplicam a cabeçalhos, corpo do texto e citações básicas. Entretanto, algumas predefinições podem sofrer mudanças no texto se elas não tiverem a classe certa, e dessa maneira, podem aparecer com erros.

É possível prever as mudanças tipográficas antes do lançamento global dessa atualização, basta adicionar ?oasisbreakpoints=1&oasistypography=1 depois do URL de uma página específica. Por exemplo: http://gameofthrones.wikia.com/wiki/Tywin_Lannister?oasisbreakpoints=1&oasistypography=1

Por favor, note que para que as mudanças tenham efeito, você precisa ver a página em uma tela mais larga, com pelo menos 1575px de largura. Esta é a única maneira de ver o ponto de parada na Área de trabalho GG.

A maioria dos problemas que você verá poderão ser resolvidos dando a classe certa às predefinições ou ajustando o CSS do seu site. Esta lista ainda está em andamento e o Staff da Wikia tentará resolver todos os problemas.

Tabela de mudanças

Typography-table

Notas:

  • As mudanças tipográficas só ocorrerão no ponto de parada Área de trabalho GG, em telas que tem mais de 1575px de largura.
  • As mudanças tipográficas só se aplicam a cabeçalhos, corpo do texto, e citações básicas
  • Citações são definidas como elementos com a tag "blockquote".
  • Mudanças tipográficas não serão aplicadas a elementos com a classe class ="infobox" dentro de uma predefinição. Se a classe não estiver incluída na predefinição da infobox, o estilo de texto será aplicado ao conteúdo dentro da infobox. As nossas melhores práticas recomendam sempre ter essa classe dentro das suas predefinições de infobox.

Como consertar predefinições

Com os novos pontos de paradas e tipografia, todos os elementos dentro seletor da classe de nível mais alto, o elemento que contém o WikiaArticle (div com classe="WikiaArticle", seletor de CSS: ".WikiaArticle"), herdará as fontes e alturas de linhas que nós programarmos. Nossas mudanças não substituirão os estilos dos elementos (como tabelas) que estão escritos na nossa base de códigos ou dentro do css do site. Se você configurar estilos com elementos adicionais (ex: .WikiaArticle .Navbox), que terá prioridade sobre os nossos estilos padrões que estamos configurando.

Se você quiser um elemento com estilo diferente do padrão, simplesmente adicione classes adicionais a sua stylesheet. Em termos técnicos, isso significa que todos os elementos que estão personalizados com um seletor diferente de .WikiaArticle (como por exemplo .WikiaArticle table, .WikiaArticle .navbox) que não será afetada pelas nossas mudanças.

Para referência, esse é o código que nós criamos:

.WikiaArticle {
    font-size: x; 
    line-height: y;

   .infobox {
       font-size: <old value>;
       line-height: <old value>;
}


FAQ

Perguntas frequentes serão respondidas aqui.