O novo tema do blog

Há quase um ano, criei e publiquei o agora antigo tema deste blog. Aquele foi, na minha limitada visão, um ótimo trabalho; em termos de design, fora o melhor layout que já fizera até então. Me esmerei muito, chegando ao ponto de comentar o CSS. Acrescentei plugins, implementei recursos, enfim, fiz o serviço completo. Mas o tempo passa, o tempo voa, e lá se vão dez meses desde então. Durante o período, fiz outros layouts, os quais alguns julgo serem melhores que aquele, aperfeiçoei minhas técnicas, melhorei como designer (não que eu seja grande coisa, mas…). Nada mais natural, então, do que reinterpretar o tema do meu blog.

Layout fora… (mini).A idéia inicial era lançá-lo somente no aniversário de dois anos, em maio. Mas mesmo estando tão distante de tal data, há alguns meses, empolgado com a descoberta dos layouts fluídos, me meti a criar um do tipo. Mais que isso, naquele malfadado protótipo, procurei deixar a página extremamente leve. Tanto o era, que apenas uma imagem, de menos de 1 KB, era usada, e ainda no CSS. Enfim, cliquem na imagem ao lado para ampliar, e vejam a desgraça.

Mostrei o esboço para a Heri, e ela foi taxativa: “está uma droga”. Vá lá, acho que não é de todo ruim (layout fluído é o máximo!), mas de fato, para este blog, estava longe do ideal. Depois deste banho de água fria, deixei a idéia meio de lado…

…Até o recomeço das aulas! Como todos que acompanham este espaço devem saber, passei por uma verdadeira via crucis no processo de mudança de Paranavaí para Maringá. Fiquei mais de um mês sem Internet, mas com o computador aqui. Nos momentos de folga, bem raros, aliás, o que me restava a fazer, no PC, era jogar, assistir Heroes e brincar de web design! E foi assim que este tema começou a ganhar forma.

Antes que alguém levante a mão, adianto: fui influenciado pelo tema atual do blog do Cris Dias. Mas quis fazer diferente… Mais interatividade, melhor organização, aparência mais suave, e tudo isso mantendo a identidade visual já consolidada do blog, fundada especialmente nas cores branca e azul clara, e nos ícones do pack Pastel. Mexendo quase todo dia um pouco, no Fireworks, fui dando forma ao layout, até chegar ao ponto exato, do jeito que eu concebera em minha mente alguns dias antes.

Daí para codificá-lo em XHTML/CSS, e depois, para a sopa de tags do WordPress, foi um pulo. Hoje, munido de coragem e falta do que fazer, coloquei no ar o novo tema, mesmo estando algumas áreas ainda pendentes (mais detalhes abaixo).

Detalhado o histórico do tema, passemos aos detalhes do mesmo, o que, cá entre nós, é a parte mais divertida deste texto chato. Comentarei o que fiz e deixei de fazer, o que mudei e o que deixei, gambiarras e afins. Vamos lá?

Começando do começo (!), queria deixar à vista informações que acredito sejam relevantes: quem sou eu, o que ando fazendo (porque egocentrismo pouco é bobagem!), e atalhos de navegação no blog. A melhor solução que encontrei, para um layout de uma coluna só, foi concentrar essas informações no topo, dividindo-as em três colunas. Tudo tranqüilo, exceto os menus drop’n down das categorias e arquivos. Precisei pesquisar muito para encontrar soluções. O das categorias consegui fazer funcionar graças ao plugin Zelig Dropdown Cats. Já o dos arquivos, fiz com recursos do próprio WordPress, graças a um tópico do fórum de suporte oficial (sorry, perdi o link). O Firefox encrespou com eles, mas isso eu corrijo depois.

Sombras nos títulos.Todos os títulos são duplos. Isso significa que, abaixo do principal, há uma espécie de sombra… Enfim, acho que deu pra perceber, não? Minha inspiração para criar isso veio do site Letras de músicas. Há séculos que havia visto o recurso implementado lá, mas só agora consegui fazer funcionar, além de encontrar uma oportunidade propícia para tal. Já percebi que as sombras meio que falham em todos os navegadores, exceto no Opera.

Continuando nas influências, o background fixo, que acompanha a barra de rolagem (só para quem usa 1024×768 ou maior), foi inspirado num efeito semelhante criado pelo meu xará, o Rodrigo Muniz, em seu blog. O dele fica no rodapé e está à frente do conteúdo. Ou seja, é bem mais bacanudo que o meu, mas a essência de ambos é a mesma. Particularmente, achei este ponto o mais legal deste tema. Para mim, este background fixo é aquele tipo de coisa que você olha, pensa, repensa, e conclui: “eu sou demais”. Não que eu seja demais, mas para os meus padrões de design, este trocinho é a coisa mais fenomenal do mundo.

Há alguns dias reativei minha conta no del.icio.us, e passei a usá-la com bastante regularidade. Tal qual o André “Marmota” fez em seu blog novo, acrescentei no final do meu também uma lista com as últimas entradas de lá. A propósito, se quiser assinar o feed da minha conta no del.icio.us, é só clicar aqui.

Ufa… Está acabando, prometo!

Aproveitei o ensejo para atualizar o WordPress, cuja versão que aqui estava instalada era pré-histórica (2.0.4). A atualização foi um sucesso, de modo que já está em funcionamento neste espaço a versão 2.1.2. Removi muitos plugins que não usava e/ou que julguei dispensáveis, e acrescentei outros, a saber:

De resto, muito POG, testes e retestes, modificações no projeto original, dor de cabeça, confusão… Mas no final, tudo certo. Digo, espero que dê tudo certo, pois como disse no começo do texto, há pontos pendentes. Preciso destacar melhor as orientações de onde o leitor está (arquivos, categorias e pesquisa), corrigir a bagunça que o box navegação está no Firefox, acrescentar o drop’n down dos blogs amigos, inserir as estatísticas do blog lá embaixo, no box Meta, e acho que é só.

Gostaria muito de receber um feedback deste novo tema. Mudei radicalmente o visual do blog, bem como a estrutura de visualização, logo, não sei como será a recepção por parte de vocês, leitores. Conto com a vossa sinceridade: elogiem se acharem que mereço, ou detonem meu tema, caso ele esteja realmente podre.

Obrigado!

[tags]WordPress, Tema, Theme, Plugin[/tags]

10 Respostas para “O novo tema do blog”


  • Ficou bem bacana! Meio grandão, né? :)

    O delicious funciona bem! Só tenho um probleminha com a codificação, que ainda não soube resolver. Mas um dia, quem sabe.

  • Uma coisa que sempre reparo nos blogs que visito é a data do post junto ao título e os comentários no final do post. Aqui foi tudo pra baixo ehehhe

    Prefiro a data lá no alto, mas colocando todas as info. juntas acho que ficou um visual “mais limpo”.

    questao de gostos ehhehehe mas no geral ficou muito bom, o topo do site como está é muito bacana.

    []s

  • impressão minha ou bugou alguma coisa e os comentários do outro post estão caindo tudo por aqui? heheh

    []s

  • Teste – testes2 – testando – testando comentários :P
    Author: Rodrigo P. Ghedin
    Comment:
    Acho que descobri o erro :)

    ehhehehehehhaisuehiuashei
    acho que sim :P

    Sem parecer chato, mas depois que terminar de consertar este aqui, cria coragem e termina o NossoTema do BlogAjuda :P

    abraços

  • Verdade, aquilo lá tá abandonado, hehe. :P

    Viu, mas o tema tá demais, muito 10! :)

  • Gostei mais desse tema, apesar do pequenito erro de português aqui do lado . Tá nota 10

  • Gostei do novo tema, mas ainda vou sentir saudades do antigo, afinal, ele era bem mais “confortável” de navegar, em relação ao seu tamanho.
    Mesmo assim, parabéns!

  • Sou um dos seus leitores ocultos, leio sempre e nunca comento. (exceção à parte). Gostei do novo visual, bem mais limpo!

  • Cara, com certeza melhorou a leitura, com esse tamanho só um cego não vai conseguir ver :)
    O logo está meio estranho, talvez como era antes, centralizado no meio e sem a barra azul, parecia melhor.
    O ponto alto desse novo tema é o del.icio.us.
    Já pensou em colocar umas fotos no flick?

    offtopic: Eu vi o esquenta com os muambeiros, parece que o seu CTR vai subir até as nuvens esses dias hahahaha.

  • Está excelente! (primeiro de abril!). Brincadeira :P

    Já havia visto o novo layout há um bom tempo, mas estou comentando somente agora, que vi um erro nas sombras dos títulos. :P Se o título for muito grande, como o post da traseira horrível do Palio, a sombra do título fica totalmente desalinhada, sem esquecer de traduzir as datas do topo (Sunday, 01 de April de 2007).

    De resto, está bom. :D

Deixe um Comentário