Um post de bastidores para quem está no desafio de Criar um site. Nesta semana lancei o novo Mude.nu desenvolvendo, pela primeira vez, um tema do zero para o Buddypress.

Para quem não conhece, o Buddypress é um plugin que transforma uma instalação comum do gerenciador de blogs WordPress em uma rede social.

Temas do Buddypress sempre foram bastante complicados, cheio de bugs e dificuldades adicionais para estilização. Ou pelo menos eram.

Desde a versão 1.7 em 2013, o Buddypress promete funcionar bem em qualquer tema. Quando soube dessa novidade, decidi desenvolver pela primeira vez um tema para o plugin. Era a chance de abandonar um tema pago e fazer algo 100% adequado às necessidades do site.

Só que teria que ser de forma acelerada.

Não trabalho mais com desenvolvimento web desde 2011. Além disso, por conta de trabalho e estudo, só teria umas poucas horas por dia para me dedicar ao desenvolvimento. Para piorar, não tenho mais a paciência de outrora para ficar pesquisando e caçando bugs.

Eis, então, os pontos de que me vali para desenvolver o novo tema de forma acelerada:

  • Utilizar o Underscores: Underscores é um tema criador de temas para WordPress. Na verdade, o que ele faz é gerar todos os arquivos necessários para um tema de WordPress, porém somente com o mínimo essencial de código. Nenhuma estilização é feita.
  • Utilizar um framework: um framework de CSS traz vários itens pré-definidos, sobretudo para títulos, parágrafos, colunas etc. Considerei usar o famoso Bootstrap, mas acabei optando pelo Gumby Framework.
  • Ir direto ao código: em vez de abrir o Photoshop, fazer uma imagem do novo layout e depois transformar essa imagem em código, decidi ir direto para esta última etapa. Como a ideia era fazer um tema minimalista, isso foi possível. Para um visual mais rebuscado, ficaria complicado.
  • Utilizar bibliotecas prontas de JavaScript: se queria fazer um menu para a versão responsiva, buscava um script pronto como o Sidr. Se precisava de um gráfico, usava o Easy Pie Chart. E assim não tive que escrever nada de JavaScript.
  • Uso intenso do Firebug: pensei em usar o Emmet LiveStyle para ir vendo em tempo real o resultado dos códigos, mas não tive paciência para fazer a instalação. Acabei me valendo do bom e velho Firebug para debugar tudo o que aparecia, página por página.

Com tudo isso, cada hora de trabalho era um avanço tremendo. O problema é que eu trabalhava um pouco no tema, depois passava semanas sem tocar nele, depois voltava. Até que li um post que me incentivou a tirar logo a versão antiga do ar.

Por fim, adiantou bastante colocar no ar a nova versão assim que houvesse algo minimamente aceitável. Não esperei ficar perfeito, ainda tenho 26 tickets de problemas abertos e sempre vai aparecendo uma coisa ou outra.

Colabore

Se você é desenvolvedor e quiser colaborar com Mude.nu, eis algumas pedras que ficaram pelo caminho e que ainda estão sem resolução:

  1. O JavaScript Sidr não funciona bem no iPhone. Ao abrir o menu da esquerda, o site é redimensionado.
  2. Preciso fazer o Buddypress parar de chamar no wp_head os scripts widget-members.min.js e widget-groups.min.js
  3. O plugin BP Group Reviews precisa parar de chamar o script group-reviews.js
  4. O Jquery está sendo chamado duas vezes, preciso deixar apenas o do WordPress
  5. O Internet Explorer não abre a página de erro 404
  6. É preciso colocar um script de tooltip para os titles, principalmente para o slideshow da home que aparece quando o visitante não está conectado
  7. Juntar e passar o Minify nos arquivos .css e .js de forma que funcione no Safari
  8. Na home de quem está conectado, o loop deve chamar apenas os desafios daquele usuário
  9. Fazer um CSS Sprite para unificar as imagens de background
  10. Definir expire-headers para imagens, Javascript, CSS, etc.
  11. Comprimir componentes com GZip
  12. Passar alguns scripts para o final da página
  13. Criar um subdomínio configurado sem cookies para deixar lá as imagens e arquivos similares

E, como sempre, se você topar com algum erro no site, avise-nos pelo formulário de Contato.

Receba as atualizações

Publicado por Walmar Andrade

Criador do Mude.nu, Walmar Andrade é bacharel em Comunicação Social, com extensão em jornalismo on-line (UFPE), MBA em Planejamento, Gestão e Marketing Digital (FECAP-SP) e Master en Comunicación Empresarial (INSA-Barcelona). Escreve sobre comunicação e marketing digital no blog Fator W.

    Deixe uma resposta

    O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *