Feed RSS.
Feed RSS		 Posts por e-mail.
Newsletter		 @WinAjuda at Twitter.
Twitter		 Página no Facebook.
Facebook

[Atualizado] (Mais um) novo layout: agora vai?

19/04/2009, às 21:50 — Por Rodrigo P. Ghedin — Em: Bastidores Comente!

Atualização 1 (20/4, às 08h35min): Algumas mudanças realizadas no layout desde seu lançamento, ontem à noite:

  • Tamanho da fonte aumentado em 1 pixel (obrigado, Bruno!);
  • O cabeçalho, que estava quebrando nos Internet Explorer 7 e 8, foi corrigido (obrigado, Lucas Carvalho!);
  • Página de erros (404) também corrigida, incluída pesquisa nativa do blog, ao invés da do Google;
  • Ícone do Twitter, no topo, substituído (está feio ainda, mas menos ruim que o anterior) (obrigado, Jandeilson!);
  • Cores dos links do rodapé padronizadas.

Por enquanto é só :-) .

Ontem manifestei, no Twitter, minha insatisfação com o (agora) antigo layout do WinAjuda. Paralelamente a esse "magoei!" público, encontrei um tema que trazia um visual parecido com o antigo, mas muito mais fácil de personalizar e simples que o WP-Framework, que usava antes. Então, perdi passei parte do domingo personalizando o Codename H, e... pronto, WinAjuda de cara nova!

Este tema, que agora embeleza o WinAjuda, foi criado pelos chineses do LiveSino, o braço oriental do conhecido LiveSide, blog especializado em Windows Live. Eles gentilmente disponibilizaram o trabalho na Internet, gratuitamente, ajudando donos de sites sobre Windows preguiçosos a conseguirem uma identidade visual de forma fácil e rápida. O tema é muito bem construído, e cheio de recursos interessantes.

Aproveitei o ensejo para dar uma limpada nos plugins (descubram quais ;-) ) e rever alguns pontos críticos do blog. O WinAjuda, infelizmente, não é a única atividade que desempenho, e dentre estudos, outros blogs e lazer (porque ninguém é de ferro), algumas coisas pesam. O concurso de deskmods, por exemplo. Ainda estou pensando o que fazer com ele - e, por isso, peço um pouquinho mais de paciência aos deskmodders leitores do blog. Em breve tudo se ajeitará, prometo!

No novo tema, poucas mudanças. Vale destacar:

  • Mudança dos destaques do topo para a barra lateral, e apenas na capa do blog;
  • Aumento do número de manchetes por página, de 12 para 20;
  • Nas demais páginas, como posts e arquivos, ao invés dos destaques aparecem os últimos posts publicados;
  • Inclusão de um box com os últimos comentários, na barra lateral;
  • Ainda na barra lateral, inclusão da nuvem de tags;
  • Sistema de comentários com pequenos tweaks, como nova estrutura visual, e AJAX (yeah!).

Existem alguns problemas a serem sanados. Já estou ciente de que algumas coisas, como páginas de autores e arquivos, não estão funcionando. Isso provavelmente é algum problema com os servidores do iG, e já entrei em contato com eles a fim de sanarmos essa falha. Dois recursos muito apreciados nos posts, os posts relacionados e posts publicados no mesmo dia em anos anteriores, voltarão em breve; estou estudando a melhor maneira de encaixá-los no novo tema. Outra coisa que merece atenção é o complemento de informações circunstanciais, como categorias e tags, de posts antigos. Esse trabalho é chato e cansativo, afinal, são quase dois mil posts no blog, mas aos poucos ele está sendo feito, e um dia vai (tem que) acabar.

De resto, é o bom e velho WinAjuda que vocês conhecem. Se encontrarem algum erro, me avise. Sugestões e críticas também são bem-vindos, tanto via formulário de contato, quanto e-mails (aí embaixo).

Espero que tenham gostado da mudança, e até a próxima!

PS: devido a esse pequeno imprevisto, o resumo da semana ficou para amanhã (segunda-feira, 20/4), ok?

Tags: , , , , , , ,

Quem escreveu?

Gravatar

Rodrigo P. Ghedin. Paranaense, 22 anos, bacharel em Direito e aficionado por informática. Windows-user desde 1996. Powered by "PC frank" (7 Ultimate) e Dell Vostro 1000 (XP Home).
Posts deste autor — Mande um e-mail

Twitter Facebook Delicious FriendFeed Windows Live Imprimir / PDF
  • Joao
    Excelente layout. Bonito demaaaais :]
  • Eu ainda prefiro o InetnseDebate #prontofalei
  • MalarKeY
    O Problema do IntenseDebate é que quando tem MUITOS comentários (Igual aquela vez do Lançamento do Windows 7 Beta) Os comentários do nada começaram a sumir aqui no Winajuda. Sem contar que o Intense debate deixava muito lento WinAjuda para abrir.
  • Não deixa lento nada e os servidores já estão começando a normalizar. Atualizações do plugin também estão sendo liberadas.
  • MalarKeY
    Cara, não quero ser chato, mas fiquei curioso: Vc trabalha para o Intense Debate?
  • o
    mas as vezes você é sem perceber
  • Guilherme
    Muito bonito!
    Achei mais "organizado" que o antigo layout :)

    Parabéns!
  • Nome
    + 1. O logo ficou pacato, poderia ser bem mais trabalhado. O degrade azul claro tá esquisito pois se quebra na parte de baixo, ta ai é só deixar mais bonito o logo no mais ficou mais claro e limpo a leitura.
  • Sem puxação se saco dessa vez, está estranho e amador... Você pode fazer melhor cara!
  • Oi Lucas,

    Hm, se você apontar o que exatamente está ruim, fica mais fácil corrigir :-) .

    Aguardo um novo comentário, dessa vez mais específico.

    []'s!
  • O título, está estranho, está metade branco e metade Windows Live , eu acho que é erro. Mas o restante tá legal ;D
  • Está usando IE 8? Realmente, havia um pequeno bug no cabeçalho, que acabei de corrigir. Verifica de novo, e me diz se agora está ok. E se não for nada disso que eu falei, tente explicar com mais detalhes (uma screenshot viria a calhar).

    []'s!
  • Cara, que coisa bizarra :-P . Notei que são as coisas do iG (barra e superbanner) que não estão aparecendo, e por isso o layout está quebrando aí. Está usando algum bloqueador de anúncios?

    []'s!
  • Isso aí é devido ao AdBlock. Acontecendo a mesma coisa aqui. Mas quando abro no Interlixo Explorer, aparece normal. Para MEU gosto, o layout é feio, parecendo coisa desses templates do Template Monster.
  • Bem, não corrigiu, mas desabilitei o Adblock Plus, e tá normal agora ;D
  • Aqui o WinAjuda estava normal e agora encrencou o cabeçalho...

    http://img27.imageshack.us/img27/681/winajudaer...
  • Ontem à noite estava mexendo no cabeçalho nos IEs 7 e 8. Você deve ter acessado o site naquele exato momento. Acabei de testar em ambas as versões, e está tudo ok - confirme se aí está também, fazendo um favor.

    []'s!
  • Obrigado pelo rápido feedback, moçada :-) .

    Acabei de descobrir mais um bug: a página de erro (404) está deformada. O tema traz uma personalizada muito legal, mas está quebrando o cabeçalho. Amanhã eu arrumo.

    A propósito, me ajudem aí: os arquivos estão funcionando com vocês? Acabei de testar, e para minha surpresa eles estão ok! Poderiam verificar aí, please?

    []'s!
  • Joao
    Aqui tá tudo ok, menos a página 404.
  • Nossa, arrasou com o novo tema! Agora temos Web Slices nos comentários do WinAjuda! Curti demais!
  • Haha, pois é! Chique ou não? Ainda tem mais "surpresas" do tipo, mas essas, só amanhã ;-) .

    []'s!
  • Raptor
    A transição de background ficou muito brusca naquela região onde está o logo do site. O layout anterior era melhor nesse ponto.
  • Brunooo
    Rodrigo, eu imagino que ajustar um tema ao site dê um trabalho enorme, por isso agradeço o empenho em privilegiar os leitores do WinAjuda com um design leve e agradável. Eu sou um frequentador diário do WinAjuda, e tinha gostado muito da última mudança. Nesta de hoje, gostei muito da organização do destaques e também da inserção do últimos comentários - ficou ótimo - bem como a nuvem de tags.
    Para mim, os arquivos funcionaram sem problema. Ainda não percebi nenhum bug.
    No entanto, o que não me agradou foi o tamanho da fonte. Pelo menos pra mim a leitura torna-se um tanto cansativa, já que o fundo do tema é bem claro. Claro que o Firefox permite o zoom, mas sabe como é, há pessoas que não sabem da existência dessas funções e desistem!

    Bom, por enquanto acho que era isso. As mudanças ficaram ótimas!

    Abraço

    ps: só pra constar, não vou deixa de visitar por causa do tamanho da fonte ;)
  • Oi Bruno,

    Também tinha reparado no tamanho da fonte - está pequeno, mesmo. Tentarei aumentá-la. Meu único receio é de que esse ato deixe o visual feio, sabe? É uma (pequena) possibilidade, que espero não aconteça.

    []'s!
  • Opa, fiz a mudança. Ficou melhor, mais legível, e não afetou o visual como um todo (meu receio). Obrigado pelo toque!

    []'s!
  • Brunooo
    Mas que beleza! Agora ficou perfeito. Tá ótimo Rodrigo. A mudança é relevante, mesmo!

    Grande abraço!
  • Jandeilson S. Barbosa
    Agora você pegou pesado Rodrigo! O Layout está 10! Bonito e inteligente, só não gosto das publicidades lá no topo/e aquele *.png do Twitter, que se reparar com atenção acaba destruindo o charme dos outros *.pngs.

    []'s!
  • Aquele ícone do Twitter foi o "menos feio" que consegui achar :-( ... Se tiver/conhecer alguma sugestão melhor, por favor, passa o link - seria muito útil.

    []'s!
  • Jandeilson S. Barbosa
    Não sei se isso depende de gosto pessoal, ou algo parecido. Porém, recomendo o Free Twitter Bird Icon Set, criado pela ProductiveDreams.

    Link: http://www.productivedreams.com/free-twitter-bi...

    *uma pergunta: esse ícone do twitter é criado pela Deziner Folio, né?

    []'s!
  • Meio desengonçados esses pássaros, não? :-D . Encontrei este set aqui, acho que vai ficar legal. Quando o VPN do iG deixar (está super instável), eu faço a mudança.

    []'s!
  • Jandeilson S. Barbosa
    Achei ele bem bonito! Mais realmente é muito fora do padrão, antes de começar a procurar eu tinha um ícone perfeito em mente, mais não lembrei o nome do autor.

    O que está agora é bonito sim! Achei um outro bem bacana, e bonito, só que, acho que não da pra utilizar como ícone *.png.

    Link: http://iconfactory.com/software/twitterrific

    []'s!
  • Jairon
  • Ficou muito legal. Agora umas coisinhas:
    Você podia preencher o espaço em branco acima da "Wave" em azul, porquê branco e azul ficou meio sem continuidade, não ficou legal.
    Outra coisa que poderia ser melhorada é a forma dos destaques. Acho que um slideshow ia ficar mais legal.

    Abraços!
  • E os problemas com o charset ;D
  • Esse problema só aparece após o envio do comentário. Quando você recarrega a página, as entidades HTML aparecem corretamente ;-) .

    []'s!
  • Eu concordo com o Matheus, o branco acima da "wave" não ficou bom, e eu acho isso desde o outro tema. Coloca em um tom de azul, como o Hotmail fazia antes da mudança de posição do anúncio. Fora isso o tema está muito bom.
  • Sem querer, este é o mesmo tema que coloquei em meu blog sexta-feira......
    Ele é realmente muito bonito (e leve), além de que a personalização é muito fácil.
    O pessoal do LiveSino realmente fez um ótimo trabalho!!!
  • Eu não lembro onde vi, mas realmente tem uma pá de blogs usando o Codename H.

    O grande lance são os diferenciais de cada um, ou seja, as personalizações no tema. A base, como você mesmo disse, é excelente, e permite modificações/alterações bem interessantes. Note, aqui no WinAjuda, por exemplo, o trabalho com a dupla destaques e últimos posts; dependendo de qual local você está dentro do site, o início da barra lateral muda ;-) .

    []'s!
  • Por um olhar preliminar, para mim está bem melhor do que quando você estava usando o WP-Framework Rodrigão.
    Abraços cara.
  • Só uma ressalva que só agora percebi.
    Os ícones lá de cima poderiam mudar, e a sidebar tá meio embolada.
    Comentário construtivo.
    Vlw pessoal.
  • Fernando
    Ficou muito legal (2)

    Poderia haver opção para deixar o fundo cinza ou preto
  • Estou usando ele faz uns dias no meu blog também. Mas falta tempo pra editar. =D
  • Rodrigo,

    Na página 404, está escrito "Outros 'lugates' que podem ser úteis: * Ghedin @ Twitter * Fórum WinAjuda" e o link pro fórum está "http://http//www.winajuda.com/forum/".

    Parabéns pelo trabalho.

    Um abraço,

    Isaac Ribeiro
  • Obrigado pelo toque, Isaac. A página de erro está super errada. Vou mexer nela agora pela manhã.

    []'s!
  • Ebaaaaaaaaaaaaaa! Agora os arquivos funcionam! :mrgreen:
  • Nicolas
    O tema ficou legal, apesar de que eu gostava mais do antigo. Passava um ar de leveza que esse não passa (até passa, mas o outro era mais). Sem contar que o adblock faz o topo ficar quebrado e feio.
  • Ah... e os destaques no menu ficaram bem melhores do que no topo. Gostei, parabéns.
  • elder
    Boa noite Rodrigo,

    Venho acompanhando seus excelentes artigos através do Google Reader e destoa um pouco esta grande preocupação com visual. Visual com certeza é muito importante mas nestes últimos tempos você já monitorou quantos textos relacionados a tal assunto foram publicados? Tudo bem, sou meio suspeito pra falar pois adoro me preocupar mais com a parte técnica da "coisa". Mas acho que tambem mereço ser ouvido não é mesmo?

    Um grande abraço
  • Oi Elder,

    Concordo contigo no que diz respeito a conteúdo ser mais importante do que visual, mas esse último não pode ser deixado de lado. A quantidade de leitores que acompanha o site via RSS é bem pequena se comparada com a de leitores que visitam o site todos os dias. Além disso, mesmo os leitores de RSS precisam vir aqui comentar - como você fez, por exemplo. Enfim, conteúdo manda, mas um visual ajuda bastante.

    Essa sucessão de mudanças visuais aqui deu-se por eu não ter encontrado, até agora, um meio termo entre leveza, beleza e usabilidade. Acho que encontrei com esse tema, e se essa sensação confirmar-se, aí pode ficar tranquilo, pois levará tempo até mudar novamente. Lembra do ColdBlue? Aquele tema ficou por aqui durante mais de um ano, e só mudei porque ele não dava suporte aos recursos mais recentes do WordPress, como threaded comments.

    []'s!
  • Gostei pra caramba do Layout, confesso que não vi muita diferença, mas é bonito =)
  • Gostei do novo visual mas cade o Wincast agora ? :(
  • Renan
    Dessa vez está perfeito!
    Se mexer, estraga.

    A página inicial ficou mais organizada, e as informações, como data e comentários ficaram mais fáceis de visualizar. Parabéns pela preocupação com o layout do site, Ghedin.
  • Raptor
    A barra de busca semi-transparente ficou muito ruim. Deixa ela branca, fica bem mais bonito. ;)
  • Guilherme Navarro
    ainda prefiro uma cor escura, cores claros doem meus olhos, e a cor escura economiza energia!
  • A maioria prefere fundo claro - eu incluído. E há muitas controvérsias sobre esse papo de que sites escuros economizam energia. Dê uma lida neste post do The Wall Street Journal.

    []'s!
  • Está muito bom, agora faltam os artigos diários, como no campo minado... E o INTENSE DEBATE GOD DAMMIT! :P
  • Olha, João, depois que o IntenseDebate ocultou mais de 400 comentários de um post, pelo menos aqui no WinAjuda ele não volta. Não enquanto a Automattic não der mais atenção a ele, traduzi-lo, e integrá-lo com eficiência ao WordPress.

    []'s!
  • Eu vi o artigo sobre isso, e tenho estado a ver o Intense Debate que agora oferece uma melhor integração. Devias ver isso. Se não puseres não faz :D WinAjuda é WinAjuda!

    Também estou à espera da tradução.
  • maicon
    Ficou muito bom mesmo ghedin, eu frequento o fórum faz um bom tempo, só que hoje não pude deixar de comentar, ficou excelente e leve, a página 404 me fez rir um pouco, bom continue assim, fazendo o nosso fórum (grátis, leve, intuitivo e cheio de matérias interessante).

    Abraço e continue assim.
  • Todos os erros relatados até o momento foram corrigidos. Listão deles no início do post, na atualização.

    Obrigado pelo ótimo feedback, e continuem notificando, caso encontrem mais erros e/ou problemas.

    []'s!
  • Gostei da cara do Comentários. Veio com o template ou é algum plugin?

    []'s

    Marcelo
  • Mais ou menos, haha! Funciona assim: o tema, por padrão, não tem suporte a threaded comments. Mas, na página do tema, os desenvolvedores citam e recomendam um plugin, o WP Thread Comment. Fiz testes antes de implementá-lo aqui, e ele é compatível com o sistema nativo do WordPress, o que significa que, mesmo se eu desativá-lo, as respostas continuarão nos locais corretos.

    Instalado o plugin, só precisei arrumar o CSS das respostas. Deu um pouco de trabalho, mas no final ficou bom. Nem parece que tem um plugin por baixo.

    []'s!
  • Hugo
    Muito bom Ghedin, gostei bastante desse novo layout. Achei ele mais limpo e agradável.
  • Hugo
    Ghedin, já encontrei um problema. Olha como ficou a palavra agradavel... Se eu acentuar ela muda a palavra.

    Agradavel != Agradável
  • É um "problema" do sistema em AJAX. Mas basta recarregar a página, e os caracteres ficam normais ;-) .

    []'s!
  • Percebi isso também, mas quando recarreguei a página voltou ao normal, rssrss. Eu ia comentar isso ontem mas até deixei para lá acando que fosse só uma vez.
    Valeuuuuu...
  • Sem dúvida dá 10 a 0 no layout antigo. Só não entendi a brusca mudança de branco pra azul no início da página :S
  • Eu tentei colocar o azul no topo, atrás do banner, mas ficou muito feio. Tentei outras coisas, como jogar o banner para depois do logo e menus, mas no fim das contas, a solução adotada desde o layout anterior, a que está em uso atualmente, mostrou-se ser a menos ruim...

    []'s!
  • Ulisses Raisson
    O visual ficou muito bom! Parabéns!

    Só achei um pouco estranho a parte dos comentários, que vai pendendo para a direita quando respondido. Em relação aos Bugs, aqui tá redondinho, rodando rápido e sem nenhum erro.

    Abraços! ;)
  • Os comentários ficam assim para que possamos saber quem respondeu quem :-) . Se ficassem todos no mesmo nível, não daria para identificar o que é comentário original, e o que é resposta.

    []'s!
  • Ulisses Raisson
    Corrige aí, "que vão pendendo para a direita quando respondido.
  • Philemon
    Mais uma troca de roupas do Winajuda... ficou bonito!
    É verdade. Os comentários estão indo para a direita, diz Ulisses...
  • Layout tah bonito como sempre! Porém, ainda acho que vc deveria exibir os posts completos na home invés de apenas "resumos". Fica mais com kra de blog....
  • Vai pesar fácil tua página Ghedin
  • Já tentei isso uma vez. Choveu comentários de leitores reclamando. Durou duas horas esse esquema de posts completos na capa :-D .

    []'s!
  • É, parece que os leitores do Ghedin não gostam deste esquema, rs.
    Mas se você optasse nele, bastaria usar tag "more" do wordpress para deixar os posts mais curtos...

    Enfim, vai do gosto do freguês.
  • Porque vc não coloca o banner embaixo do topo? Assim, o banner fica dentro do layout e não fora...
  • Acho que vai ficar bonito do jeito que o Carlos tá falando hein...
  • Porque embaixo a relevância dele é muito menor, né? :-P . Eu sei que é feio, mas não tenho saída, é preciso mostrar a propaganda, formato 728x90, no topo da página. Se pudesse, tiraria, mas não dá. Nem adianta me pedir para mexer no anúncio, porque realmente não dá...

    []'s!
blog comments powered by Disqus
Windows 7 RC deve sair no dia 5 de maio
Concurso cultural na Microsoft (Office 2007)
WinAjuda © 2002-2009
Codename H Rev.74
Sitemap . Política de Privacidade . Termos de uso
Ícones por famfamfam Comentários por DISQUS Powered by WordPress Hospedado por (mt) Media Temple
site statistics