Dois super temas gringos

Ola galera, hoje a dica para o nosso querido WordPress é de dois super temas que os gringos fizeram, o primeiro é para criação de portfolios e o segundo é um super tema estilo Magazine(portal), confiram.

SimpleFolio

Demonstração | Baixar (0.93 Mb)

Destaques

  • 2 colunas com largura fixa;
  • Pronto para widgets;
  • Multi-browser, testado no Firefox, Safari , IE7, IE8, Chrome;
  • Fácil instalação, possui tela de opções;

Screenshots

Home

Home

Portfolio

Portfolio

Página de opções

Página de opções

Sight


Demonstração | Baixar (0.2 Mb)

Destaques

  • Pronto para WP 3.0.1
  • Página de opções
  • Dois tipos de páginação, WP PageNavi ou com AJAX
  • Slideshow de destaques
  • Widgets
  • 2 menus personalizados
  • Menu menu Drop-down com jQuery
  • Duas formas de mostrar os posts, padrão ou em grade
  • Logo personalizado
  • Suporta Gravatars nos comentários
  • Optimizado para buscadores
  • Encurtamento de URLs automático
  • Isso ja basta, né?

Home

Home

Comentários

Comentários

Visão estilo grade

Visão estilo grade

Slideshow

Slideshow

Espero que vocês gostei desses otímos temas, até a próxima. Comentem…

Como configurar um tema estilo magazine

Depois de alguns pedidos resolvi escrever um pequeno tutorial explicando como configurar um tema estilo magazine. Para exemplificar usarei um tema recém lançado, o Revolution Two – Church. É claro que as configurações variam de tema para tema, mas este passo-a-passo ajudará a compreender como funciona a configuração.

O primeiro passo é fazer o download do tema, enviá-lo para a pasta themes do seu servidor e ativá-lo. Notem que junto com os arquivos do tema existe uma pasta chamada plugins, nela estão contidas os plugins Breadcrumb NavXT e Featured Content Gallery, envie-os para a pasta plugins do seu servidor e ative-os.

Agora se você visualizar a página inicial do blog verá que nenhum post é exibido, algo semelhante a imagem abaixo.

Tema Church desconfigurado

Tema Church desconfigurado

Para que tudo funcione como na página de demonstração do tema teremos que configurar muitas coisas. Podemos começar a configurando o SlideShow, para isto o plugin Featured Content Gallery já deve estar ativado. Acesse a página de configuração do plugin, através do menu Configurações na administração do seu WordPress, e preencha os campos da seguinte forma:

  • Gallery Width in Pixels: 590
  • Gallery Height in Pixels: 400
  • Text Overlay Height in Pixels: 100
  • Category Name: Destaques
  • Number of Items to Display: 3

Agora deveremos criar 3 posts na categoria Destaques (claro que você pode alterar a quantidade de posts e o nome da categoria) e em cada post terá um campo personalizado (custom field) cuja chave será articleimg e o valor será a URL da imagem de 590×400 pixels.

Upload da imagem

Copie a URL da imagem

Campo personalizado

Crie um campo personalizado

Adicione na categoria Destaques

Crie a categoria Destaques

Slideshow funcionando :)

Slideshow funcionando :)


Em seguida iremos configurar as três áreas localizadas logo abaixo do slideshow. Para isso devemos abrir o arquivo home.php do tema e alterar as linhas 28, 58 e 87. Nestas linhas procure pela tag WP_Query(“cat=10&showposts=3″), substitua o valor de cat pelo ID da categoria que será exibido e em showposts escolha o número de posts que serão exibidos desta categoria. Ao lado do conteúdo do post também é possível adicionar um thumbnail e sua configuração é semelhante a imagem do slideshow. Ao criar um post, faça o upload de uam imagem (70×70 pixels), crie um campo personalizado (custom field) cuja chave será thumbnail e o valor será a URL da imagem.

Como saber o ID da categoria

Como saber o ID da categoria

Copie a URL da imagem

Copie a URL do thumbnail

Crie um campo personalizado

Crie um campo personalizado

Thumbnail adicionado

Thumbnail adicionado


Note que se o post não possuir nenhum campo personalizado chamado thumbnail e este for exibido na página principal, no lugar do thumbnail será exibido uma imagem default (que você poderá trocar substituindo o arquivo thumbnail.png que existe dentro da pasta images do tema).

Por último iremos configurar as áreas pré-estabelecidas para publicidade do tema e como este possui uma página de opções, você verá que é bastante simples a inserção de banners. Na administração do blog, clique no menu Design e em seguida no submenu Revolution Church Options, nesta página insira os códigos da publicidade correspondentes às dimensões descritas ao lado de cada campo. Nesta mesma página ainda é possível informar o FeedBurner ID para que seus leitores possam se cadastrar e receber seus post por email (como acontece aqui no pBlog) e também adicionar um código de vídeo (embedded) para ser exibido na barra lateral.

Tema Church configurado!

Tema configurado!

Códigos dos banners

Códigos dos banners

Depois que terminei este tutorial foi que me dei conta da dificuldade que os usuários poucos experientes com WordPress sentem ao tentar configurar um tema estilo magazine e a frustração ao ver a demonstração do tema funcionando perfeitamente e não conseguir utilizá-lo no próprio blog. Por isso continuem mandando suas sugestões pelo formulário de contato e suas dúvidas para nosso fórum, pois através deles é que surgem posts como este.

Tema WP – Rebel Magazine

O tema Rebel Magazine, produzido por ChiQ Montes do blog WP Theme Designer, é uma excelente opção para quem está procurando um tema gratuito com um visual estilo magazine. Veja algumas de suas características:

  • 2/3 colunas com menu lateral na direita;
  • Código compatível com web standard;
  • Suporte a widgets;
  • Compatível com Firefox, IE7 e Opera;
  • Primeiro post diferenciado;
  • Espaço pré-definido para banners 125x125px;
  • Ícone RSS em destaque

Tema Rebel Magazine
Preview | Download

45 temas estilo magazine gratuitos!

A maioria dos temas gratuitos possuem um layout bem característico de blog, e afinal de contas a maioria dos usuários do WordPress o utilizam para esta função mesmo. Com o crescimento dos recursos do WordPress começaram a surgir layouts mais sofisticados porém em sua maioria pagos.

Por este motivo, Pavel Ciorici do blog WPZOOM, decidiu criar um coletânea de temas gratuitos com layout tipo magazine. Sua coletânea é bem extensa, são 45 temas no total, mas aviso de antemão que alguns deles não possuem um layout assim beeeem magazine, de qualquer forma vale a pena dar uma conferida.

Os temas que achei mais interessantes e que ainda não conhecia foram o Branford Magazine e o Arthemia

Tema ArthemiaTema Branford

Dica de meu amigo Diego.