Chamando todos os administradores!
Um atributo conhecido das antigas comunidades da Gamepedia, mas uma novidade para as comunidades do Fandom, estamos animados em compartilhar que agora todos os admins terão a habilidade de customizar o CSS Móvel em suas wikis através do MediaWiki:FandomMobile.css, uma continuação de nossos esforços de melhorias móveis que começaram com o lançamento do Tema Móvel em 2022. Você agora tem a opção para customizar ainda mais, incluindo coisas como as predefinições, tabelas, páginas principais e outras funcionalidades como árvores genealógicas para assegurar que tais funcionalidades funcionem bem na rede móvel e melhorem a experiência geral do leitor. Por favor observe que esse recurso está acessível apenas para os admins, então se você não for (ainda) um administrador, por favor fique ligado para atualizações para a melhora de sua experiência de edição em um futuro próximo.
CSS Móvel[]
Baseado no feedback da comunidade, a falta do tema móvel era uma dor de cabeça para os usuários nos últimos dois anos. Pesquisas de usuário mais amplas confirmaram que isso estava no topo da lista de desejos dos usuários. Ano passado, nós fomos capazes de entregar os Temas Móveis para a comunidade, dando aos admins a habilidade de aplicar o tema do desktop de suas wikis a skin móvel pelo Designer de Temas, mas nós sabíamos que os admins queriam esse passo a mais para melhorar o conteúdo de suas wikis. O CSS Móvel foi um passo natural nessa direção e também completa formalmente os atributos apresentados no roteiro do criador na Community Connect 2022.
Enquanto antigas comunidades da Gamepedia já tinham um CSS Móvel que podia ser editado por suas Pessoas de Contato, nós queríamos assegurar de que tudo estaria em ordem para um lançamento no Fandom desse recurso. Para isso, várias comunidades de todos os verticais e idiomas nos ajudaram a testar o css móvel, nos permitindo resolver alguns últimos problemas, assim como assegurar de que não haja problemas de performance e SEO. Os testes provaram ser um grande sucesso com os admins de wiki mostrando soluções criativas e exemplos de uso que superaram nossas expectativas.
O ponto de entrada para o CSS customizado no Painel de Administração atualmente aponta apenas para uma página de customização do desktop. Estamos cientes que isso ignora a opção móvel e vamos consertá-lo nas próximas semanas!
Política de Customização[]
Nos aconselhamos os admins a olharem a Política de Customização para saberem o que pode ser editado usando o CSS Móvel. Por favor observe que a política é de cumprimento obrigatório, e a equipe ou Pessoas de Contato irão recomendar mudanças se algo for contra essas recomendações. Você será autorizado a alterar a página principal móvel com o css contanto que o local dos anúncios não seja escondido.
Designer de Temas. O Designer de Temas deve preferencialmente ser o ponto de partida para cada design, pois os eventos podem ser vistos imediatamente no desktop e móvel, com o código customizado sendo um add-on para fazer pequenas mudanças adicionais aqui e ali.
Considere as necessidades do desktop X móvel. A edição de CSS está disponível em ambos desktop e móvel (enquanto a edição de JS está disponível apenas no desktop). No entanto, só porque algo funciona nos seus arquivos CSS desktop não significa que irá funcionar na skin móvel ou que o mesmo é permitido! (veja abaixo) Se você ainda não adicionou CSS móvel ao seu wiki, pedimos que comece completamente do zero com seus arquivos CSS móveis, em vez de copiar os arquivos do desktop - copie e cole apenas o que você precisa, um pouco de cada vez.
Considere a performance. Também é importante considerar que arquivos CSS e JS ocupam um tempo computacional e de renderização, especialmente se você estiver carregando uma imagem. Velocidades baixas podem...contribuir para o consumo dos dados dos usuários móveis.
Espaço do Conteúdo do Artigo. Na skin móvel, a área de conteúdo é comprimida devido ao tamanho de tela limitado - você só pode modificar o texto escrito e gerado pelo usuário e as imagens que fazem parte do artigo. As veiculações nativas no conteúdo, como os módulos de recomendação de conteúdo, devem ser respeitadas como elementos básicos da interface (consulte a seção anterior).
Fundo e Tema. Na rede móvel, você pode ajustar o alinhamento da imagem de fundo, mas você não pode sobrescrever ou modificar o tema além das opções que estão disponíveis no Designer de Temas.
Exemplos[]
Você verá alguns exemplos das atualizações na comunidade de Genshin Impact feitas para a sua wiki. Nós esperamos que esses exemplos os inspirem a customizar mais a sua wiki. Lembre-se, você não precisa fazer mudanças drásticas, mas esses exemplos servem para mostrar como mudanças pequenas podem ter um grande impacto.
Fundo da Infobox um pouco mais escuro[]
Tabs no topo das páginas de personagens jogáveis[]
Estilizando o texto dos "botões"[]
Página Principal Padrão para Dispositivos Móveis X Página Principal para Desktop[]
Compartilhe as Suas Opiniões[]
Agradecemos às comunidades que nos ajudaram com os testes iniciais para garantir que o CSS móvel personalizado não afete negativamente o tempo de carregamento da página ou as classificações do Google! Agradecemos imensamente a sua ajuda e não poderíamos ter feito isso sem a sua valiosa contribuição. Lembre-se de compartilhar os seus comentários com nossas Pessoas de Contato, entre em contato com a equipe de suporte ao cliente e entre em contato conosco no Discord neste canal dedicado a edição do CSS Móvel.
Quer saber mais sobre o que estamos trabalhando para os editores e administradores? Junte-se em nossa livestream do Community Connect 2023 em 24 e 25 de Abril, das 9 da manhã as 5 da tarde (horário da costa leste americana) em ambos os dias!
Sou um grande fã de My Little Pony, Sailor Moon e Genshin Impact.
Então clique aqui para seguir este blog
Você quer acesso em tempo real com seus colegas editores e membros da equipe?
Junte-se ao nosso Servidor Oficial do Discord para usuários registrados!