Temos o objetivo de sempre fazer com que o WordPress rode usando as configurações mais comuns de servidor. Queremos que o usuário tenha mais flexibilidade na hora de escolher um servidor de hospedagem para seu precioso conteúdo. Por causa dessa estratégia, o WordPress funciona praticamente em qualquer local. No entanto, plataformas de hospedagem mudam com o tempo e, ocasionalmente, precisamos reavaliar alguns dos requisitos para rodar o WordPress. Agora é um desses momentos. Você provavemente já adivinhou tudo devido ao título – estamos finalmente prontos para anunciar o fim do suporte a PHP 4 e MySQL 4.

O WordPress está seguindo os passos dos gerenciadores de conteúdo Drupal e Joomla, que já anunciaram que seus próximos lançamentos irão exigir as novas versões de PHP e MySQL. A última versão do WordPress a rodar em PHP 4 e MySQL 4 será a 3.1, que já está disponível para download. A versão 3.2 irá exigir, no mínimo, o uso de PHP 5.2 e MySQL 5.0.15 na primeira metade de 2011.

As estatísticas estão favor da mudança – menos de 11% das instalações de WordPress rodam em PHP 4, enquanto menos de 6% rodam com MySQL 4. Acredita-se que mais e mais servidores irão realizar upgrades em seus sistemas a fim de oferecer um ambiente propício às novas versões de WordPress.

Para saber quais versões seu servidor está rodando, instale o plugin Health Check. Por enquanto ele apenas indica quais versões de PHP e MySQL estão instaladas no seu servidor, mas em breve irá prover várias outras informações úteis sobre a sua instalação.

Homepage do Coffee Break

Blog do Coffee Break

Características

• Scroller (rolador) de páginas em destaque, que podem ser configuradas pelo painel de controle;
• Área de mini-destaques na homepage para apresentar aos visitantes uma lista de serviços ou vantagens da sua empresa ou produto;
• 7 opções de widgets para customização da barra lateral;
• 17 esquemas de cores disponíveis.

Para ver o Coffee Break em uso, visite os sites Vibrant Orange e Wondrasek.

Homepage do Optimize

Blog do Optimize

Características

Área de destaque: homepage personalizada para expor seu trabalho ou produtos, com uma área opcional de sub-destaques para fornecer mais informações.

Layout flexível: é possível alinhar as imagens da área de destaque à direita, ou à esquerda.

Homepage personalizada: layout customizado com opções de área de twitter, mini-destaques, box de informação ou citações, e opção de inserir o conteúdo de uma página antes ou depois da área de mini-destaques.

Lightbox integrado: efeitos de jQuery e Pretty Photo integrados ao tema.

Página de portfólio: página opcional para seção de portfólio, para exibir seu trabalho ou produtos com zoom.

Widgets personalizados: dispositivos para uso na barra lateral ou rodapé, como busca, anúncios e galeria de fotos do Flickr.

Estilos variados: são 22 esquemas de cores dentre os quais escolher e também existe opção de definir uma cor sólida específica para fundo e links.

Para uma demonstração de uso, visite os sites LogoDesignMonster e Four C Graphic and Printing.

Homepage do Inspire

Blog do Inspire

Características

Área de destaques: um espaço para você personalizar com os principais destaques da empresa e expor seu trabalho com estilo.

Homepage personalizada: no layout da homepage é possível inserir o conteúdo de uma página antes ou depois da área de mini-destaques.

Modelo de página para portfólio: seção opcional para expor seu trabalho ou produtos com efeito especial de zoom.

Widgets personalizados: dispositivos especiais para usar na barra lateral ou rodapé, como galeria de fotos do Flickr, anúncios, busca, notícias, tabs, depoimentos, blog, informação sobre o autor e twitter.

Estilos variados: são 10 imagens de fundo dentre as quais escolher, além das opções de configurar uma cor sólida específica, enviar sua própria imagem de fundo, e escolher cor para os links do site. Inclui fonte especial, a Droid, através da tecnologia Google Font replacement.

Este website, Sementeria, usa o tema Inspire. Para ver outra demonstração ao vivo, visite o site do Inspire.

Homepage do OverEasy

Blog do OverEasy

A página principal é perfeita para realizar vendas de serviços ou produtos, enquanto as páginas internas e do blog foram feitas especialmente para publicar informações importantes de forma eficiente e promover credibilidade e compromisso através do blog.

Características

• Área de destaques com scroller (rolador), fácil de usar, para promover as informações mais importantes do seu negócio;
• Blog da empresa separado da homepage, mas é possível publicar lista de notícias na homepage nas áreas de widgets;
• Modelos de páginas diferentes, 7 áreas para widgets e 5 widgets personalizados;
• Este tema vem com 10 esquemas de cores diferentes.

Para ver o tema em uso, confira os sites Martha Rangel e Buzios Residence.

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.