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

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

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

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?

Processing your request, Please wait....
Tags: , , , , , , ,

Quem escreveu?

Gravatar

Rodrigo P. Ghedin. 23 anos, paranaense, blogger, MVP Microsoft, acadêmico de Sistemas de Informação, leitor voraz, cinéfilo padawan e peladeiro de PES. Windows-user desde 1996. Powered by "PC frank" e Dell Vostro 1000, ambos rodando Windows 7 Ultimate.
Posts deste autor — Mande um e-mail

  • Rodrigo,

    Finalmente achei um ícone do Twitter bonito. Está no endereço http://www.ivanbogar.com

    Abraço,

    Isaac Ribeiro
  • Bruno
    Rodrigo,

    O painel fixo "últimas do Fórum" não ficará mais como fixa no site? Era bem legal ; )

    Abraço.
  • Marcos
    Muito legal, bastante "Apple", bem clean -- só faltou os ícones lá em cima se expandirem, como no dock -- heheheh...Brincadeira, apena alfinetadinha...Sério, ficou legal. Muito bacana mesmo.
  • Márcio Gomes
    Ghedin, porque os caracteres do meu nome estão saindo de forma estranha?
  • Márcio Gomes
    Excelente layout Ghedin, princiaplmente o rodapé que está de arrepiar. Esse passarinho do twitter no cabeçalho tá muito engraçado. O bicho é retardado? xD [2]
  • Muito bom :D
    PS. Esse passarinho do twitter no cabeçalho tá muito engraçado. O bicho é retardado? xD
  • Ficou do caramba. Acho que foi uns dos melhores temas que o WinAjuda já teve.

    Parabéns Ghedin.
  • Victor Moreno
    Parabéns Ghedin! O visual ficou excelente! Está 10!
  • Parabéns pelo novo tema Ghedin, está show de bola!
  • Rodrigo Lopes Paitach
    Queria ressaltar antes que acompanho o WinAjuda desde o início e queria parabenizar o Rodrigo por tudo. Meus parabéns.

    Só gastaria de fazer alguns comentários a respeito do layout:

    1º Queria ressaltar que não gostei na página inicial quando você coloca o Rato em cima de um link de notícia ele sublinha o link! Não sei se esta assim faz tempo e eu não notei mas não gostei pois "carrega o visual", fica tudo muito laranja;

    2º O que aconteceu com a fonte do site? Parece que está embaçada, desfocada ou será o Navegador Google Chrome (2.0.174.0)?! Digo isso porque todos os outros sites parecem estão normais.

    No mais é isso. Abraço xará.
  • Rodrigo Lopes Paitach
    Pensando um pouco a respeito do meu comentário e do posto acredito que seja o fato da fonte ter sido aumentada em 1 pixel.

    Abraços.
  • Anderson
    Aeeew, Ghedin, quero te parabenizar por esse novo layout do WinAjuda. Na minha PARTICULAR opinião, ficou muito bonito mesmo, nota 1000!!! Gostei bastante.

    E mesmo com essa parte de fundo branco, que em alguns casos deixa a vista cansada, ficou algo bem harmonioso com o azul em degradê e tudo mais. Enfim, excelente mesmo. Parabéns!
  • Fala Rodrigo, acho que você sofre da mesma doença que eu sofro a Síndrome da troca de layout :) hehehe. O que aconteceu com o WP-Framework desistiu ? Tá muito legal a customização do Codename H, mas para não passar batido vou dar uma sugestão: tenta adaptar o estilo dos comentários do layout antigo para esse, principalmente a imagem de fundo dos Gravatares, que era bem legal aquela que imitava o Live Messenger. No mais só torço para o seu crescimento. Parabéns!
  • Raul S.
    Ghedin ficou muito bom, mas aqueles menus de Fórum, Acompanhe poderia descer alguns pixels tá muito grudado com a parte de cima. :D
  • Diogo
    Nossa, lindo!
  • Pedro
    Rodrigo, ficou muito bom o novo layout, parabéns.


    Só ficou meio estranho quando tem várias respostas sucessivas (a última fica com o tamanho horizontal muito pequeno).
  • Khp
    Parabéns Ghedin, ficou muito bom.
  • Fausto
    Olha, eu não achei muito legal. Está básico demais, esse fundo branco chega a cansar os olhos! :-)

    Eu preferia aquele layout com contornos escuros, apesar de ser meio pesado pra carregar. Pelo menos destoava do conteúdo principal.
  • Rogério Garcia
    Olha Ghedin, ficou legal, mas...

    Achei a página inicial meio desorganizada, tudo muito "coladinho".
    Mesmo assim, tá de parabéns :D.
  • Como resolver o problema do ícone do Twitter, bem criticado por nós - usuários??
    Rodrigão,
    Vá na página àbaixo, escolhe 4 ou 5 imagens e coloca no fórum para o coração do WinAjuda decidir... quem, quem????
    Os usuários....
    hahahahahaha, avalie a idéia aí
    http://www.iconspedia.com/search/twitter/
  • Porque vc não coloca o banner embaixo do topo? Assim, o banner fica dentro do layout e não fora...
  • 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!
  • Acho que vai ficar bonito do jeito que o Carlos tá falando hein...
  • 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....
  • 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.
  • Vai pesar fácil tua página Ghedin
  • Philemon
    Mais uma troca de roupas do Winajuda... ficou bonito!
    É verdade. Os comentários estão indo para a direita, diz Ulisses...
  • Ulisses Raisson
    Corrige aí, "que vão pendendo para a direita quando respondido.
  • 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!
  • 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!
  • 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...
  • 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!
  • 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!
  • 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.
  • 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.
  • 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!
  • Raptor
    A barra de busca semi-transparente ficou muito ruim. Deixa ela branca, fica bem mais bonito. ;)
  • 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.
  • Gostei do novo visual mas cade o Wincast agora ? :(
  • Gostei pra caramba do Layout, confesso que não vi muita diferença, mas é bonito =)
  • 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!
  • Ah... e os destaques no menu ficaram bem melhores do que no topo. Gostei, parabéns.
  • 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.
  • Ebaaaaaaaaaaaaaa! Agora os arquivos funcionam! :mrgreen:
  • 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!
  • Estou usando ele faz uns dias no meu blog também. Mas falta tempo pra editar. =D
  • Fernando
    Ficou muito legal (2)

    Poderia haver opção para deixar o fundo cinza ou preto
  • 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.
  • 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!
  • 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!
  • 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.
  • 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!
  • 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!
  • Jairon
  • 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!
  • Bruno
    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 ;)
  • 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!
  • Bruno
    Mas que beleza! Agora ficou perfeito. Tá ótimo Rodrigo. A mudança é relevante, mesmo!

    Grande abraço!
  • 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!
  • 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.
  • 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!
blog comments powered by Disqus
WinAjuda © 2002-2010
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