Mude totalmente o visual do seu blog adicionando barras horizontais criativas e quase que esclusivas. São trabalhos de 384 diferentes designers, confira:

O seu blog já está totalmente funcional? Seu layout está agradando? Seu conteúdo de qualidade está lhe trazendo mais e mais visitas a cada dia? Talvez seja hora de voltar à mesa de projetos e focar em pequenos detalhes.

As barras horizontais (tags HR) já foram muito utilizadas e hoje em dia quase não são mais vistas. Na verdade, elas deram lugar a novos conceitos de layout, tableless e uma séria de coisas que deu uma cara nova aos sites web a fora.

O fato é que os amigos do Smashing Magazine fizeram um interessante movimento em prol dos separadores horizontais, convocando designers do mundo inteiro a comprar a briga e trazer de volta o interesse no uso deste artifício.

O resultado, não poderia ser diferente, 1290 imagens foram criadas por 384 talentosos designers e estão a sua disposição, a distância de um clique! Veja alguns exemplos:

Isto é só uma amostra, imagine o que lhe espera neste pacotão de separadores horizontais? Baixe agora!

[Download] [25MB]

Um grande abraço e até mais!

Adicione thumbnails de imagens em seus posts utilizando os Custom Fields do WordPress, é fácil e o resultado é fantástico.

Os Custom Fields fazem parte da lista dos grandes diferenciais que o WordPress tem a frente dos outros CMS’s disponíveis no mercado, é usando eles que vários themes fazem coisas fantásticas no layout ou na navegabilidade e começar a usá-los em seu próprio blog só depende de você.

Adicionar thumbnails (ou preview) das imagens dos seus posts na página principal ou de pesquisa do seu blog é algo realmente muito útil, pois além de dar ao usuário um resumo mais rico daquele artigo, torna a experiência visual do seu visitante muito mais agradável.

Para adicionar esta funcionalidade ao seu template, siga os passos:

Adicionar Thumbnail a seus Posts

1 – Para isto funcionar, você precisa ter acesso suficiente para fazer upload de imagens ao seu blog, confirme isto com o seu hosting. Após confirmado, envie o thumbnail para alguma pasta dentro do seu hosting, ex: /imagens/.

2 – Inicie a criação de um novo post e desça até o final da página até chegar na opção Custom Fields (ou Campos Personalizados). Clique na seta para expandir esta opção.

3 – No campo key, digite: image_thumb e no campo value, digite o caminho (url) para a imagem que você enviou ao seu hosting no passo 1. Exemplo: http://www.seublog.com.br/imagens/post.gif

4 – Crie o post normalmente, adicione o título, o conteúdo em sí, marque a categoria e nunca esqueça das tags.

5 – Abra o index.php do seu theme, ele estará na pasta /wp-content/themes/seutheme. Procure pela linha:

1. <?php the_content(‘Read the rest of this entry &raquo;’); ?>
   

6 – Adicione a linha a seguir acima (antes) da linha encontrada no passo 5.

1. <a href=“<?php the_permalink() ?>” title=“<?php the_title(); ?>”>
2. <img src=“<?php $values = get_post_custom_values(“image_thumb“); echo $values[0]; ?>” alt=“<?php the_title(); ?>” />
3. </a>

E pronto! O resultado será algo parecido com:

Thumbnails no WordPress

Viu como é fácil?

Conte-nos seu resultado! Um grande abraço e até a próxima!