Descobrindo a largura ideal da imagem

A primeira etapa é descobrir a largura de imagem mais apropriada para o seu tema. Para isso existem duas opções:

1) Se você possui conhecimentos de html, pode usar um plugin de Firefox chamado FireBug para analisar o CSS do site e descobrir a largura da sua área de conteúdo. Lembre-se de considerar os pixels reservados para margens e bordas das imagens, além do padding em torno do conteúdo.

ou

2) Quem não entende muito de código, pode acessar o blog, fazer um print screen da tela, e colar no Photoshop. Com a ferramenta de seleção, marque a largura da sua área de conteúdo e consulte o total de pixels que irá aparecer na janela Info. Procure pela medida da letra W (width) ou L (largura).

Se as medidas do seu Photoshop não estiverem configuradas para pixels, certifique-se de trocá-las, indo em Editar > Preferências > Unidades e Réguas. Para trabalhar com web, as medidas em Unidades > Réguas devem ser sempre pixels. Nada de usar cm ou inches, pois estas são medidas para artes em papel, não para monitores.

Por último, se você estiver meio perdido com as sugestões acima, publique um comentário no fim deste post com a url do seu website e terei o maior prazer em ajudar.

Configurando o sistema de cores da imagem

A segunda etapa é verificar se sua imagem está no padrão de cor RGB, que é o indicado para imagens que serão visualizadas em telas de computadores. O padrão CMYK é para artes a serem impressas, portanto, não o use para imagens que serão publicadas no seu blog.

Abra sua imagem no Photoshop e vá em Imagem > Modo, e selecione a opção RGB.

Alterando o tamanho da imagem

A terceira etapa é redimensionar a imagem para a largura da área de conteúdo do seu site. Existem duas formas de fazer isso:

1) Vá em Imagem > Tamanho da Imagem. Certifique-se de marcar a opção Manter Proporções para que as proporções da imagem não sejam alteradas. Digite a largura em pixels e clique OK.

ou

2) Selecione a ferramenta Crop (Cortar). Na barra de opções que aparecerá ao topo, e configure a largura com o número de pixels da largura da área de conteúdo do seu blog, e a resolução para 72 pixels/inch. Arraste a ferramenta por cima da sua imagem, escolhendo a área que deseja aproveitar. Por exemplo, você pode deixar de fora um pedaço da foto que não lhe agrada, e cortar apenas a parte principal da imagem. Após selecionar a área desejada, dê duplo clique e pronto. Sua imagem está cortada e agora possui a largura que você configurou na barra de opções.

Salvando a imagem

A quarta etapa é salvar a imagem para a web, ou seja, com o menor peso possível, de forma que não prejudique a sua qualidade.

Para isso, clique em Arquivo > Salvar para a web. Nas abas do topo, escolha a opção 2-up. A imagem da esquerda é sua imagem original, e a da direita é o resultado final após otimização. No canto direito da tela você pode ver as opções de otimização. Para fotos, o ideal é usar JPG, e escolher entre os níveis de qualidade. A opção High (Alta) geralmente resolve bem a maioria dos casos. Mas, se você quiser testar qualidades mais baixas, observe como o resultado final da imagem irá mudar na janela da direita. Vá alterando as qualidades até encontrar o menor tamanho de imagem com uma qualidade que não comprometa a visualização. Você pode ver os pesos da imagem com as diferentes qualidades logo abaixo da imagem.

Dúvidas ou sugestões? Deixe seu comentário.

O WordPress é conhecido como uma excelente plataforma para blogs, fornecendo a seus usuários as ferramentas necessárias para que eles publiquem artigos e interajam com leitores de forma eficiente. No entanto, o sistema vem evoluindo rapidamente, e a cada versão são lançados novos recursos com o intuito de transformá-lo também em um completo CMS (gerenciador de conteúdo). A versão oficial 3.0 do WP é exemplo disso.

Aqui está um resumo das mais importantes funcionalidades incorporadas à versão 3.0.

Tipos de Post Customizáveis

Como padrão, o WordPress permite a publicação de dois tipos de conteúdo: posts e páginas. Na versão 3.0, é possível definir tipos adicionais de conteúdo, contendo seus próprios atributos. Por exemplo, para uma agência de design, é possível configurar um tipo de post para itens do portfólio, e outro para depoimentos de clientes. A partir daí, basta customizar o tema para exibir a informação da melhor forma para cada tipo de post. A área de portfólio pode exibir uma imagem grande de cada trabalho realizado, contendo zoom ao clique, e a área de depoimentos pode exibir uma pequena imagem do cliente alinhada à esquerda com um parágrafo de texto em itálico, entre aspas. Tudo isso estaria pré-configurado no tema e o usuário, ao invés de criar um Post normal para um item de portfólio, criaria diretamente um Item de Portfólio, acessível através do painel de controle do WP.

Esse recurso permite configurar facilmente temas que funcionariam como o Tumblr, o mais famoso sistema de microblogging do mercado. Bastaria criar tipos de post diferentes para Texto, Foto, Citação, Link, Chat, Áudio e Vídeo.

Graças a essa nova funcionalidade, existem agora novas formas de usar o WP para publicar qualquer tipo de conteúdo.

Gerenciamento de Menus

Quem nunca desejou poder criar um menu de site completamente personalizado, escolhendo um a um os itens a serem exibidos, misturando páginas e categorias de posts, além de urls externas? Pois seus sonhos se tornam realidade com a versão 3.0 do WP.

Através de uma interface drag n’ drop (arrastar e largar), é possível criar e organizar quantos menus desejar. Isso vale tanto para o menu principal do site quanto para menus secundários, que podem ser exibidos no site como widgets onde o tema permitir.

Vamos supor que você possua um site institucional da sua empresa, mas deseja também divulgar um blog com informações sobre o setor em que atua, além de firmar sua presença no Facebook e publicar vídeos. Seu menu principal poderia ficar assim:

• Home
• Empresa (link para página que fala sobre a empresa)
  • História (link para a subpágina História)
  • Equipe (link para a subpágina Equipe)
  • Blog (link para a página principal do Blog)
  • Vídeos (link para a categoria Vídeos)
  • Facebook (link externo para a sua página no Facebook)

Mudar a ordem, títulos e destinos desses links é muito fácil com o novo gerenciador de menus do WP3.

Taxonomia Customizável

Esta funcionalidade pode parecer um pouco complexa para quem não é programador, mas certamente faz com que o WordPress esteja mais perto de se tornar um verdadeiro CMS. Através de taxonomias customizadas, é possível criar informações meta adicionais. Como padrão, existem Categorias e Tags para classificar um Post. Agora é possível criar outros tipos de classificação, e ainda com a opção de usar hierarquia.

Mas o que isso significa exatamente? Aqui estão alguns exemplos do que é possível fazer com as taxonomias customizadas:

Vamos supor que você tenha um blog sobre filmes, contendo críticas e notas de 1 a 10. Agora você já pode criar uma classificação adicional para Notas, e ainda adicionar classificação de censura para cada filme publicado, como Livre, 12 anos, 14 anos, e assim em diante.

Um outro exemplo seria para um site de corretor de imóveis. Além de fotos e descrições, também é possível usar classificações especiais como Preço, Num de Quartos etc.

Novo tema padrão: Twenty Ten

Twenty Ten é o novo tema que vem com o WP3. Em termos de design, é limpo e arrojado, e introduz funcionalidades especiais. Dois recursos embutidos no Twenty Ten são particularmente muito úteis para quem não possui conhecimento de código e deseja customizar o tema.

Cabeçalho Customizável

No novo tema, alterar o cabeçalho do seu site é muito fácil. O Twenty Ten já vem com oito fotos no formato de cabeçalho, mas você também pode enviar sua própria imagem. O tamanho da imagem do cabeçalho deve ser 940×198 pixels, ou você pode enviar uma imagem maior e cortá-la dentro do painel de controle. O melhor de tudo é poder configurar um cabeçalho diferente por Post, dando um clima exclusivo para cada matéria. Este recurso não está limitado ao Twenty Ten. Desenvolvedores podem embutir a solução em qualquer tema.

Fundo Customizável

Outro elegante recurso encontrado no novo tema é a possibilidade de ativar sua própria imagem de fundo, ou alterar a cor de fundo do site. Agora não é mais necessário ter conhecimentos de CSS para criar um clima personalizado. Da mesma forma que o Cabeçalho Customizável, o Fundo Customizável também pode ser embutido em qualquer tema.

Visite o site WP Dicas e confira uma ótima customização. Observe como a logomarca foi inserida na imagem do cabeçalho e o nome do blog continuou como texto no topo do site. A cor de fundo também foi alterada para combinar com a logomarca. Uma solução simples e de muito bom gosto.

Multi-site

Não dá pra falar do WP3 sem mencionar a opção de criar vários blogs através de uma única instalação. Isso significa que é possível criar diferentes websites, inclusive usando diferentes domínios ou subdomínios, sem a necessidade de instalar o WP várias vezes.

O que antes era conhecido como WordPress MU (múltiplos usuários), agora está embutido no núcleo do WP3. Esta funcionalidade não é para qualquer usuário de WordPress, já que requer algumas mudanças de código e configurações especiais no servidor. Quem realmente irá se beneficiar do recurso Multi-site são, por exemplo, grandes empresas de notícias com diferentes departamentos e também redes de blogs. As possibilidades são muitas.

Antes de inserir uma Página ao rolador, é necessário criá-la.

1. No menu Páginas, clique em Adicionar nova.
2. Digite título e preencha o campo de conteúdo.
3. Siga as instruções abaixo de como inserir uma imagem.
4. Publique a página.

Instruções para adicionar uma imagem:

1. Role para baixo a página de inserção de Páginas até encontrar a caixa VibrantCMS Custom Settings.
2. No campo Image, clique no botão Procurar/Browse e envie uma imagem de sua escolha.
3. Após a imagem ser enviada, clique no botão Save. A imagem será redimensionada para se encaixar no estilo do tema.

Agora é necessário encontrar o ID da Página e adicioná-lo ao rolador

No menu de Páginas, clique em Páginas. Passe o mouse em cima do título da página que você criou, e verá um endereço assim na barra de status (no rodapé do seu navegador): “http://domain.com/wp-admin/page.php?action=edit&post=10”. Neste caso, o ID da página é 10.

Observe a figura abaixo:

Agora vá no menu VibrantCMS>Theme Options>Front Page Layout e, no campo Featured Pages, digite o ID da Página criada. Para inserir mais de uma Página, use vírgulas.

Visite seu site para ver a nova Página aparecer no rolador, incluindo o texto e imagem adicionados. Quando você inserir mais de uma Página, poderá ver o scroller rolar.

Entre as novidades que merecem destaque estão o novo tema Twenty Ten e a facilidade (para desenvolvedores) na implementação de imagens de fundo, cabeçalhos, atalhos, menus, tipos de posts e taxonomias. O novo tema aproveita essas vantagens e serve como demonstração.

O novo WP já funciona como uma versão MU (múltiplos usuários – ou blogs), e basta realizar uma única instalação para poder abrir quantos blogs desejar, sem esforço extra.

Para o usuário final, também merecem destaque a nova interface (mais leve), ajuda contextual em cada tela, 1,217 consertos de bugs e melhoramentos, a possibilidade de atualizar vários plugins ao mesmo tempo com apenas um clique, e blah blah blah (conforme o próprio Matt escreveu) assista ao vídeo (em inglês) para mais informações.

Quando comecei a escrever este post, o WordPress 3.0 já havia sido baixado 122.527 vezes. Quando terminei, o número já estava em 125.952. Quer saber quantas vezes ele foi baixado até o momento? Visite o contador do WordPress 3.0.

A versão do WordPress 3.0 RC3 está disponível para download e testes. Os mais curiosos já podem instalar essa versão para ver como está o novo WordPress, mas a equipe não indica que ela seja usada em sites que estão no ar.

Agora é aguardar os desenvolvedores testarem seus plugins na nova verão e torcer pra dar tudo certo.

Em breve, teremos aí a versão final, oficial e estável do WordPress 3.0. :D

No dia 28 de maio, a equipe do WordPress lançou a versão WP 3.0 RC1 (release candidate), que é a etapa final antes do lançamento de uma versão estável oficial. De acordo com a nota de divulgação da RC1, a equipe parece estar pronta para lançar a versão final, pois removeram todos os problemas e bugs das versões beta2 e beta1 do WordPress 3.0, mas ainda aguardam que desenvolvedores de plugins realizem testes finais antes do lançamento oficial.

Recursos como Menu Personalizável e Multi-site, e mudanças na interface a fim de dar mais destaque ao conteúdo, foram alguns dos itens anunciados como finalizados.

• Clique em Theme Options no menu do seu tema.
• Em General Settings, procure por Date Format.
• Digite o formato desejado da data.
• Clique em Save All Changes.

Exemplos:

• j \d\e F \d\e Y = 10 de maio de 2010
  (é necessário colocar uma barra invertida antes das letras ‘d’ e ‘e’ para informar que elas não são parâmetros e devem ser escritas no meio da data)
• j/M/Y = 10/mai/2010
• j/m/y = 10/05/10

Opções disponíveis:

• d = dia do mês com 2 dígitos = 01 a 31
• j = dia do mês sem forçar 2 dígitos = 1 a 31
• D = dia da semana por extenso abreviado = Dom a Sáb
• l (‘L’ em letra minúscula) = dia da semana por extenso completo = Domingo a Sábado
• m = representação numérica do mês com 2 dígitos = 01 a 12
• n = representação numérica do mês sem forçar 2 dígitos = 1 a 12
• M = mês por extenso abreviado = Jan a Dez
• F = mês por extenso completo = Janeiro a Dezembro
• y = ano com 2 dígitos = 99 ou 03
• Y = ano com 4 dígitos = 1999 ou 2003

Veja a tabela completa de parâmetros da função date em php.

Com um visual corporativo, porém bem moderno, o Delegate possui as seguintes características:

• Uma área de destaques na homepage, para que você possa expor seus produtos ou serviços, com uma subárea para dar mais detalhes.
• Homepage customizável para que você possa dar ênfase às informações mais importantes, ou ainda transformá-la em um blog.
• Woo Widgets para uso na barra lateral e rodapé:
  • Busca;
  • Espaço para anúncios;
  • Exibição de fotos do Flickr.
  • 19 esquemas de cores.

• Mais informações e Demonstração

Como no tema Therapy e também no AntiSocial, a equipe trabalhou, no MyStream, o destaque para mídias sociais e lifestreaming, devido ao grande sucesso que esse tipo de recurso tem feito junto ao seu público.

O MyStream definitivamente não será o lançamento mais único da WooThemes este ano, mas julgando pelo ti-ti-ti que ele já gerou antes mesmo de ser lançado, a empresa garante que o tema irá agradar, e muito!

Veja alguns recursos embutidos:

• widgets para inserir perfis de Twitter, Facebook, Vimeo, Flickr, etc, na barra lateral;
• 7 widgets específicos para o tema, incluindo o novo widget do Tabber, que permite colocar as Tabs em qualquer local da barra lateral;
• layout flexível de 3 colunas, com variedade de diferentes zonas de widgets e layouts;
• 6 esquemas de cores;
• a nova WooFramework2, com opções de painel atualizadas.

• Mais informações e Demonstração

• Gerenciamento integrado de banners

• Barra lateral com widgets especiais:
  • Ads: exibe os anúncios (125 x 125 px) configurados na área de opções do tema
  • Twitter: exibe seus tweets
  • Flickr: exibe fotos da sua conta no flickr
  • Busca: exibe campo de busca com design integrado

• 5 esquemas de cores:
  • amarelo com vermelho
  • azul com laranja
  • marron claro com vermelho
  • violeta com vermelho
  • cinza

• As opções do tema permite:
  • fazer upload e inserção de logomarca
  • fazer upload e inserção de favicon
  • trocar o esquema de cores
  • inserir código do Google Analytics
  • trocar a navegação do topo e do rodapé, de categorias para páginas
  • remover categorias ou páginas do menu de navegação do topo ou rodapé
  • redimensionar imagens automaticamente
  • configurar a área AboutYou da homepage, com foto e texto
  • configurar a área AboutYou com ícones do seu Twitter e Facebook
  • confirgurar anúncios do topo da página e também da barra lateral

O Mainstream é gratuito e disponibilizado pela WooThemes.

• Demo
• Download