Atendendo a pedidos, eis o novo Fator W Versão Madeira
Publicado em 9.03.2008 na categoria Design, Internet
Está no ar a sexta versão do layout do Fator W. Exatamente um ano após o último redesign, decidi fazer um novo tema do zero para corrigir alguns pontos e melhorar outros do blog.
No último ano, com a abertura da Wenetus, passei a conhecer o Wordpress muito melhor do que conhecia anteriormente. E alguns detalhes da versão anterior do Fator W do ponto de vista de melhorias de sistema estavam me incomodando.
Sendo assim, meus principais objetivos com essa mudança são:
- Dar ao blog um ar um pouco mais descontraído, menos sisudo
- Corrigir e melhorar os códigos PHP do tema
- Uniformizar os estilos de listas, blockquotes e outras tags do HTML
Não posso deixar de citar aqui o uso do set de ícone Web Applications e o Dapino PSD Starters Ressource Kit.
Melhorias notáveis
- Alteração do posicionamento dos anúncios
- Um ponto que muita gente reclamava era o posicionamento dos anúncios entre os títulos e post. Troquei para ficar entre os posts, mesmo sabendo que isso vai acarretar uma queda acentuada nos rendimentos vindos dos links patrocinados do UOL.
- Suporte a folhas de estilos alternativas
- Dessa vez tive bastante cuidado nas folhas de estilo de impressão, para dispositivos móveis e para ledores de tela. A folha de impressão procurei caprichar, inclusive com uma funcionalidade de imprimir os links por extenso, para quem imprimir um artigo não perder nada.
- Organização do Portfolio, Contos e Resenhas
- No tema anterior, esses três itens eram páginas que eu atualizava periodicamente. Agora os transformei em categorias que são.
Comentando os pedidos
Antes de concluir esse tema, pedi sugestões dos leitores. Muitos falaram dos anúncios e isso já foi resolvido. Vamos agora a outros comentários. O Felipe Almeida, por exemplo, falou:
Acho que como o Formagio falou, os posts estão fugindo do seu objetivo inicial e passando a focar em desenvolvimento pessoal.
Eu já havia explicado isso, mas vou repetir. O Fator W passou a ser um blog mais voltado para produtividade pessoal. Eu continuo escrevendo sobre desenvolvimento web, só que agora no Blog da Wenetus. Concordo, no entanto, que preciso dar mais atenção lá.
O FabioZC fez uma análise bem extensa com as opiniões dele. Entre elas, uma me chamou a atenção:
Rating e Trackback do post: Em minha opinião, está localizado de maneira que você não interpreta automaticamente que faz referencia ao post.
Eu já havia pensado sobre isso. O botão do Rec6 e o plugin de rating estavam deixando o blog muito lento. Eu tirei o Rec6 e o rating para ver se a quantidade de votos cai ou não no Rec6 e se o blog fica mais rápido.
Outras mudanças
- Funcionalidade de enviar por e-mail
- Link para imprimir direto na interface
- Mudança da resolução mínima para 1024×768 pixels (apenas 10% dos meus visitantes estavam usando 800×600 pixels)
Comentários sem recarregar a página, com AjaxEstava pesando e dando erro. Retirei.- Separação entre comentários e trackbacks
- Uso das tags
- Criação de página para agregar a Série Meu Último Freela
- Criação de página informando Como utilizar o conteúdo
- Reorganização das categorias
- Organização das páginas de Arquivo e Mapa do site
- Navegação para o post anterior e próximo post
- Instalação do WP-Cache
- Atualização para o Wordpress 2.3.3
Próximos passos
Um item que ainda quero acrescentar é a possibilidade de salvar o post como PDF. Também gostaria que os posts relacionados fossem exibidos no feed, mas ainda não consegui fazer funcionar. Procurei alguns plugins e serviços para ambos os casos, mas não achei nenhum muito bom e acabei deixando para depois.
Outro próximo ponto a ser analisado é verificar a velocidade. Embora o código esteja mais enxuto, esse tema tem mais imagens e preciso ver como vai se comportar o tempo de resposta para carregar a página. Espero que o WP-Cache ajude nesse sentido.
Uma coisa que percebo é que o script do boo-box deixa o carregamento um pouco mais lento. O Marco precisa ver isso.
E agora, é claro, preciso ouvir a opinião de vocês. Se encontrarem bugs, também por favor é só colocar nos comentários (de preferência dizendo qual navegador e versão está usando).
Ficou excelente. Parabéns pelo trabalho.
Grande Walmar.
Acabo de ver as mudanças… vou navegar e curtir o novo layout. Mas já adianto que o fato de não ter encontrado as propagandas antes do texto já me deixou contente.
Abs e parabéns adiantados.
Parabéns Walmar, show de bola. Adorei o ‘change-log’. Muito bom.
Não vi propaganda dentro dos posts, normal ? não vai ter ?
E seria legal quando você passar o mouse lá nas imagens da direita, de portifolio e resenhas, ele mostrar alguma indicação, tipo os links/imagens (sobre…).
Ficou muito legal, parabéns! Gostei particularmente da página “ARQUIVO”, organiza bem melhor os artigos.
Bem, senti falta da lista de categorias, ou mesmo de ‘tags’, tão em voga ultimamente. E nem oito, nem oitenta: a propaganda poderia aparecer no artigo aberto.
PS.: Por coincidência, descobri hoje esse ótimo tema pro wordpress (nada a ver com o seu, é só por curiosidade):
Woodpress theme for Wordpress
Ficou ótimo o redesign… meu parabéns!
mostra muito do seu grande talento!
Simplesmente muito massa!
Simplicidade e Requinte!
Em 2006 (http://blog.cristianoweb.net/?p=11) eu já admirava o seu trabalho, que alia conhecimento técnico ao bom gosto! Só que dessa vez Walmar você acertou em cheio nessa versão! Destaco alguns pontos a seguir:
* O ícones são de grande qualidade e dão o tal “ar menos sisudo” que comentou, sem deixar de demostrar seriedade na proposta de trabalho.
* Arquivos é o tipo de página que costumo usar muito e sem dúvida nessa versão houve uma grande melhora em relação a anterior.
* A explicação dos tipos de endereços feeds é bem didática e clara.
* Outro ponto de muito bom gosto com um toque de sacação foi a área destinada aos anúncios (UOL) pagos. Bem alocados, como se fosse um “ticket” de folha picotada. Muito legal mesmo!
* Sem falar nas resenhas, artigos e todo conteúdo que lhe dão margem e know-how para oferecer a área de anúncios no seu blog. Está mais do que certo! Os números são impressionantes, não é à toa que uso o seu blog para argumentar com clientes e “chefes emprestados” quando quer oconvencer de alguma teimosia típica de projetos web” Rsrs!!
Mais uma vez parabéns pelo trabalho! E sucesso na Wenetus! Abraços! ;-)
Walmar, seguinte… sabe o que falta???? A sombrinha embaixo do ícone do feed!!!!!
Hahaha.. está excelente este novo visual, o tom de madeira pro fundo deu uma qualidade enorme e deixou MUITO agradavel a leitura.
Parabéns!
Como não poderia de deixar alguma sugestão, lá vai:
Ícones no topo, abaixo do título:
Não é sempre que imprimimos ou indicamos à um amigo, mas quando desejamos fazer isso, existem 2 caminhos diferentes.
1o. Ao final de ler um post.
2o. Quando lemos um post e depois conversamos com alguém, dizemos: “Preciso te mostrar um artigo!”. Ai vc entra no blog novamente e tem que descer até o final do post, as vezes devido a quantidades de comentarios e **indiferenciação de cores** demoramos algum segundos a mais, causando a sensação no usuário de estar perdido e ter que localizar entre texto e comentários os 2 itens.
Neste segundo caso, se tivessemos links logo abaixo do Título do post, ficaria mais fácil a execução dos itens.
Vc pode ver como exemplo, o site do terra e do Uol. Qualquer noticia linkada na Home.
Apenas sugestão! =)
Obs: mas a história da sompra no ícone do feed, na direita, é verdade!!
Abraços
AH! Outra coisa, sem querer ser pentelho, mas já sendo.
Existe uma pequenissíma inclinação no logo, a parte da direita ta minimamente mais alta que a parte da esquerda. Tem uns 3 graus de inclinação no logo! depois só da uma conferida! ok?
Alguma coisa estava me deixando encucado quando olhava pro logo, ai reparei que era isto!
Abraços
Sensacional o novo layout. Gostei muito das “Resenhas” e “Portifólio” lá do lado direito. Só senti da listagem dos últimos posts.
Tá ótimo cara.
Achei que a organização ficou melhor ainda.
Unica sugestão de bater o olho, foi as tags que poderiam ficar entre o post e os comentários e não lá no fim da página.
Mas ficou show :)
Sobre o conteúdo, estou ciente que você ia centralizar lá na Wenetus, mas mesmo lá, alem de não ser mais tão frequente, eles ainda estão superficias, não estão um “MUF” dá vida, aonde você explicava com calam, detalhes, se aprofundava no assunto.
Mas confio no Walmar…rs
Grande abraço
Boo!
Obrigado por citar a boo-box no seu post!
Ficaremos atentos as suas observações!
Ficou muito bom Walmar, por sinal essa mudança deixou o site mais rápido.
Parabéns
Oi Walmar,
O que eu posso dizer sobre o novo Fator W?
Fantástico! Parabéns pela nova versão!
Abraços.
boo!
Walmar, nós acabamos de fazer uma migração de servidor pra que o script seja carregado mais rapidamente. Se ainda assim estiver notando diferenças drásticas no tempo de carga das páginas com e sem boo-box, favor me avisar que vamos verificar o que mais podemos fazer pra resolver o problema.
from Brazil, Marco Gomes
CTO of the boo-box team
http://boo-box.com
Gostei da mudança, afinal toda mudança é bem vinda.
Não ter aquela quantidade de anúncios entre o título e o post já foi uma grande melhoria.
Também percebi que a boo-box estava deixando a página mais lenta para carregar, mas como o Marco falou que está resolvendo, tudo bem.
A nova tipografia utilizada no blog mostra um layout mais solto e mais preocupado com o seu visual. Acho que deve repensar sobre o posicionamento das tags.
Parabéns ficou excelente, gostei muito da área direita do site.
Já sou leitor do blog, e assinante do feed a algum tempo, mesmo sendo assinando o Feed gosto de entrar nos blogs que assino, justamente para ver o efeito geral além do texto puro.
Gostei das alterações de layout e principalmente da escolha das cores.
Quanto aos posts relacionados utilizei o WP 2.3 Related Posts, e funcionou muito bem, não tive dificuldades, acredito ser uma boa alternativa, dê uma olhada.
A idéia da madeira foi muito bem aplicada, Walmar. É algo simples mas pouco usado aqui no Brasil. Eu só não gostei foi da cor da madeira. Achei ela muito clara. Talvez seja meu mal gosto, sei lá. Ficou super bom, tão bom quanto estava antes. Mas quem sabe você não põe um switcher para diferentes tipos de madeira.
Na na na, hahaha já é pedir demais. Mas tá ótimo Walmar, eu acho que nem precisava ser mudado, mas já que foi, está super agradável também.
Abraço e mais sucesso!
Gostei no novo layout! :)
E encontrei um pequeno bug no alert do “enviar por e-mail”, dá uma olhada lá!
Abs
Parabéns pelo novo layout, ficou realmente muito agradável aos olhos. Acompanho o FatorW há algum tempo e confesso que achava o visual um tanto cansativo, essa nova versão caiu muito bem =]
Wow, sem dúvidas ficou excelente!
Parabéns Walmar.
Cara, parabens! Ficou muito melhor. E sem os anuncios chatos…valeu mesmo :)
Ficou fera demais, Walmar.
Ficou muito bom. Eu assino os feeds mas prefiro ler os seus textos visitando a página, que agora está ainda mais bonita.
Go Ahead!
Muito bom Walmar, a experiência só não poderia ter sido melhor pois quando utilizo TAB para navegar entre os elementos do formulário de comentários, o navegador insiste em me jogar para caixa de busca (nada que um tabindex não dê conta).
No mais,
Estou repensando se continuo lendo os posts através dos feeds (e dispensar essa bela paisagem)….
Muito bom, mesmo! Só um toque: aumente o line-height dos parágrafos dos comentários. Deixe-o igual o dos parágrafos dos posts. Ficará bem melhor.
[]’s!