Temas


27
mai 08

O Novo site da Ivete Sangalo… Em WordPress!

Foi lançado hoje o mais novo site da Ivete Sangalo: O Ivete Sangalo v2. Para orgulho de todos nós, o site está rodando, nada mais, nada menos, que na plataforma WordPress!

O site foi produzido pela web-agência SetWeb, com design do Lucas Hirata (designer da Globo.com), e com o HTML, CSS e, claro, codificação e integração em WordPress, feitos por mim.

Quando recebi o convite do pessoal da SetWeb para desenvolver o novo site dela em WordPress, achei o desafio excelente. Integrar diversas páginas, cada qual com a sua peculiaridade e visando uma boa experiência do usuário, só contribuiu ainda mais pela minha paixão pelo sistema. Agora, vi que a época que passei recluso junto aos monges esquizofrênicos do Tibet estudando a filosofia WordPressiana não foi a toa. :D

O novo site foi remodelado visando liderar as constantes procuras por vídeos, fotos e informações da Ivete em mecanismos de busca. Fala sério: para buscar por material da Ivete, pouquíssima gente iria ao site oficial, navegaria e localizaria conteúdo: recorreria diretamente ao oráculo! E o Google acaba não indexando conteúdo em flash ou imagens. Conteúdo estático, URL’s amigáveis e relevância fazem toda a diferença na hora de se destacar nas pesquisas. E qual plataforma oferece tudo isso de forma bastante fácil, tem suporte mundial e milhares de colaboradores, além de inúmeras possibilidades de personalização (fora a segurança e capacidade de customização)? Acertou quem disse WORDPRESS! :p

Ainda faltam algumas otimizações no site, de fato. Mas, para quem não sabe, hoje é aniversário de Ivete Sangalo, e o novo site é um presente para a nossa musa. E melhor de tudo é saber que eu também fui um dos que deram este presente a ela… :D

Em breve, farei um post contando um pouquinho do making-of do site dela. Vocês irão saber quais alternativas foram tomadas para as dificuldades iniciais que encontrei, e como resolvi o problema de integrar todo o sistema em uma única instalação do WordPress, para não confundir a equipe de atualização, e nem confundir ela também, afinal… Agora ela também é blogueira. ;)

Ah, outra excelente idéia (principalmente para nós, twitteiros): agora, vocês poderão acompanhar a Ivete Sangalo diretamente no Twitter!!! E não é ninguém que vai postar por ela não: é ela mesmo, em carne, osso, músculos e pernas (ah, as pernas… :D ). Acompanhe ela por aqui.

Para finalizar este pequeno grande post, gostaria de agradecer:

  • À equipe da Setweb, pelo convite e pelo desafio;
  • Ao Tiago Celestino, por ter me indicado para o desenvolvimento. Obrigado por ter se lembrado de mim, meu velho.
  • Ao Lucas Hirata, por ter botado pra lá no design (só podia ser baiano também, esse japa… :D )… Ah, e por ter sugerido que o site dela fosse em WordPress!
  • Ao Google, pela ajuda sem igual;
  • À Ivete Sangalo, por tudo que ela é, de fato;
  • A todos que fizeram esse projeto acontecer, direta ou indiretamente, seja sugerindo algo, seja entendendo o meu corre-corre estes dias;
  • A todos vocês, leitores, assinantes de feeds, paraquedistas e afins, que tiveram paciência de esperar tanto tempo pelo novo post. Estou perdoado agora? :D

Obrigado a todos por mais este desafio realizado. E que venham os próximos!


26
abr 08

Novo Arcanjo.org no ar!

Logo Arcanjo

Antes tarde do que nunca. :D

Há mais ou menos 1 mês, foi lançado o novo tema do Arcanjo.org, desenvolvido por mim, e com a logo do Celso Junior.

Para quem ainda não conhece, o Arcanjo.org é o blog do Rafael Almeida, ou Rafael Arcanjo (como é conhecido), um analista de sistemas que escreve sobre tecnologia, cultura digital, internet e muito mais.

O Rafael estava pretendendo lançar um novo design do seu blog há algum tempo, visto que a nova logomarca já estava desenvolvida. Daí, me ofereci para montar um tema à altura da nova logo: um tema que desse um destaque especial para a mesma, e oferecesse uma boa experiência para o usuário final, tanto na parte de navegabilidade quando na parte visual, com resolução padrão de 1024x768px.

Já no scratch do projeto, o Rafael ficou bastante empolgado. Quer dizer, eu também fiquei SUPER empolgado com o rumo que o projeto estava levando, tornando o design do tema um trabalho bem interessante para mim. Havia dado um “glow” (efeito de brilho) quando o mouse passava na logo, o que ficou show de bola no IE7 e no FireFox. Porém, nem tudo são flores… Como o efeito é obtido através de um PNG com canais alfa (transparentes), o IE6 ou anterior (IEca!) não suportava o efeito, colocando um fundo extremamente tosco na imagem.

Tentei resolver o problema colocando alguns scripts em Java, como este aqui. Porém, não havia jeito, visto que a logo é chamada como imagem de fundo de uma DIV, e não como imagem estática (o script não reconhece imagens embebidas em CSS). Até consegui um script que lia as imagens do CSS, mas aí gerava outro problema, visto que utilizei mais imagens em PNG no tema e elas acabam sendo prejudicadas pelo script.

Não encontrando solução, resolvi o problema de forma simples: criei uma condicional para chamar um CSS específico para IE6 ou anteriores, que contém uma imagem GIF (agora sim, o IE6 aceita esta transparência, mas o GIF não oferece o suporte do PNG para canais alfa). Mesmo assim, consegui gerar uma imagem aceitável para o IE6.

O restante foi relativamente fácil: apesar de ter levado algum tempo para finalizar, pois estava trabalhando bastante nestes dias e iniciei o tema do zero, foi só seguir um padrão, melhorando algumas coisas que achava necessário.

Quanto à parte da acessibilidade, só implementei as TABINDEX e as ACCESSKEYS, nada demais, mas que já é alguma coisa. Devo melhorar o formulário dos comentários com labels logo, mas isso não chega a ser uma prioridade. O mais importante é que o Arcanjo iniciou as suas atividades na HitechLive com um tema novo, marcando a nova casa.

Espero que todos gostem do novo tema, pois o Arcanjo adorou!

Ah, e muito em breve, voltarei com mais uma mega-novidade. Aguardem e confiem. ;)


29
out 07

A barra do TinyMCE do WordPress sumiu?

Após a atualização do WordPress para as suas versões mais novas (leia-se 2.3+), muita gente vem sofrendo alguns problemas ao escrever novos artigos e/ou páginas no editor de texto padrão do WordPress.

Isso acontece devido a um erro na compressão gzip do TinyMCE, ou seja, no editor utilizado pelo WordPress para tornar as coisas mais fáceis, no estilo WYSIWYG. Fica praticamente impossível escrever um novo post, simplesmente porque a barra do TinyMCE some de uma hora pra outra, ou às vezes nem aparece.

Felizmente, há uma solução bem fácil para este problema, e que envolve uma mudança em apenas 1 linha do tiny_mce_gzip.php.

Vamos ao tuto:

  • Com o cliente FTP de sua preferência, faça download do arquivo que se encontra na pasta /wp-includes/js/tinymce/ da sua instalação WordPress: o arquivo é o tiny_mce_gzip.php. Nota: você não precisa fazer isso caso tenha uma forma de editar o arquivo remotamente, sem a necessidade de download.
  • Com o arquivo aberto (no bloco de notas ou no seu editor preferencial), encontre a seguinte condicional (deve estar lá pela linha 87):

if ((in_array(‘gzip’, $encodings) || in_array(‘x-gzip’, $encodings) || isset($_SERVER['---------------'])) && function_exists(‘ob_gzhandler’) && !ini_get(‘zlib.output_compression’) && ini_get(‘output_handler’) != ‘ob_gzhandler’) {
$enc = in_array(‘x-gzip’, $encodings) ? “x-gzip” : “gzip”;
$supportsGzip = true;

Tudo (ou melhor, quase nada) que você tem a fazer é mudar de true para false na parte destacada, fazer upload e sobrescrever o arquivo.

O código ficará assim:

if ((in_array(‘gzip’, $encodings) || in_array(‘x-gzip’, $encodings) || isset($_SERVER['---------------'])) && function_exists(‘ob_gzhandler’) && !ini_get(‘zlib.output_compression’) && ini_get(‘output_handler’) != ‘ob_gzhandler’) {
$enc = in_array(‘x-gzip’, $encodings) ? “x-gzip” : “gzip”;
$supportsGzip = false;

Pronto. Só isso.  Não é Oi, mas é simples assim. :)

Em tempo: ao pessoal que acessa sempre o Pimenta via feeds ou diretamente, fiquem atentos, pois esta semana será especialmente para tratar de dicas para o Ubuntu, com foco na sua versão mais nova, a “Gutsy Gibbon” 7.10. Se você utiliza o sitema, fique ligado! Se não… Eu tenho certeza quase que absoluta que você vai ficar deslumbrado com o mesmo, e vai começar a olhar o teu Windows de cara feia.

Aguardem e confiem. ;)


3
out 07

Download do Tema Red Pepper para WordPress

Algumas pessoas têm me sugerido, via MSN ou Gtalk, que eu distribua uma cópia do tema utilizado aqui no Pimenta com Dendê em regime Open-Source, porque gostaram do mesmo, ou simplesmente porque gostariam de algo mais “inusitado” para o blog.

Pois então, senhoras e senhores: Não sou Deus, mas escutei suas preces. :D

Estou disponibilizando, gratuitamente, de graça e sem custo algum o tema Red Pepper versão 1.0 para que você possa baixá-lo, e utilizar em seu blog, livremente, modificando-o de acordo às suas necessidades (desde que, por gentileza, mantenha os créditos no rodapé).

O tema está otimizado para SEO, mas entendam que eu não sou nenhum Bruno Alves: eu apliquei o pouquinho que sei e do que vem dando algum resultado para mim. As tags do título estão todas em H1, dando destaque para os mesmos e facilitando a relevância dos bots de busca.

Além do mais, o tema está totalmente validado em XHTML e CSS, o que aumenta as chances de que o seu blog/site seja visualizado corretamente, tanto pelos navegadores (o tema foi testado no Opera, Firefox e Internet Explorer), quanto pelos motores de busca. Lembrando também que o código CSS e XHTML podem não estar “enxutos”, portanto, sinta-se à vontade para otimizá-lo, se for preciso.

E o melhor: Prontíssimo para o WordPress 2.3 +, com suporte aos Widgets nas duas barras laterais e com o sistema de tags ativo.

Faça bom proveito do tema, que está sendo distribuído sob a licença Creative Commons Noncommercial Share Alike, ou seja: você pode modificar o tema e criar outros derivados, desde que mantenha os créditos para o autor original no rodapé; você não está permitido a usar o tema para fins comerciais, ou seja, alterar o tema e comercializá-lo; mas pode utilizá-lo sem problema algum em sites de comércio eletrônico, ou para veicular quaisquer tipos de publicidade no mesmo.

Ele está sendo disponibilizado totalmente de graça para você; mas, se você se sentir satisfeito com o tema e quiser doar qualquer quantia para mim (a partir de R$ 100,00… Brincadeira! :) ), use o botão abaixo para isto. Tenha certeza que você vai me incentivar, e muito. Só reiterando: qualquer quantia mesmo! Até R$ 1,00 será bem vindo. De grão em grão… :D


Lembrando que, se alguém tiver qualquer tipo de dúvida, sugestão, etc, pode entrar em contato comigo.

Use e abuse do tema – mas com moderação! ;)

[download#1#image]