Redimensionamento das miniaturas sem gambiarras

Que o WordPress é um sistema muito flexível todos nós já sabemos, mas flexibilidade não é sinônimo de gambiarra, e é isso que temos que fazer quando temos um site com miniaturas de vários tamanhos e então ficamos reféns daquele famoso arquivo que redimensiona todas as imagens automaticamente. Com o truque abaixo não precisamos fazer mais isso, quando queremos puxar a miniatura basta informar o tamanho predefinido.

1º Passo

O WP tem uma função chamada add_image_size que serve para redimensionar a imagem automaticamente quando for feito o upload dela. Ela tem dois modos de corte da imagem.

No arquivo functions.php você deve adicionar essa linha.

add_image_size( "miniatura-post", 300, 150, true );

Explicando

“miniatura-post” é o nome que você ira usar para chamar esse tamanho.

300 e 150 correspondem a largura e altura da imagem de saída.

true serve para dizer se a imagem é para ficar nas dimensões exatas (true) ou proporcional (false).

Observação: Caso você coloque em false a imagem nem sempre sairá no tamanho desejado e sim proporcional ao seu tamanho original, a vantagem desse modo é que a imagem não sofre cortes.

2º Passo

No local onde você quer que a imagem apareça basta adicionar esse código, lembrando que deve ser adiciona dentro do loop do WP.

<?php the_post_thumbnail("miniatura-post") ?>

“miniatura-post” é o nome definido no arquivo functions.php.

Observação: Esse recurso só funciona em imagens que forem adicionadas após você adicionar esse código, para as imagens antigas funcionarem existe o plugin Regenerate Thumbnails que recorta todas as imagens no novo tamanho especificado, mas eu percebi uma desvantagem nele. Caso você troque de tema regularmente e precise refazer várias vezas as miniaturas ele não apaga as antigas, somente acrescenta os novos tamanhos no diretório.

Valeu pessoal até a próxima!

Screencast #4 – Conheça as novidades do WordPress 2.9

Lançado este final de semana, o WordPress 2.9 veio (como sempre) com novidades muito interessantes. Para conhecê-las um pouco melhor eu gravei dois screencast que vocês poderão assistir logo abaixo. Se quiser conhecer TODAS as novidades visite a págin do Codex 2.9.

As principais novidades mostradas neste screencast foram:

  • Editor de imagens;
  • Recurso que facilita a inserção de vídeos;
  • Lixeira para posts e páginas;
  • Possibilidade de atualizar vários plugins com um só clique;
  • Nova tag para inserir thumbnails.

Crie um Portfolio usando o WordPress

Uma das muitas possibilidades do WordPress é sua utilização como portfolio, principalmente para designers e fotógrafos. Para isso existem diversos temas gratuitos cujo foco principal é a exibição de imagens. Vamos conhecer alguns deles:

Tema Fotofolio | Demo | Download
Fotofolio

Tema Gallery | Demo | Download
tema-portfolio-gallery

Tema Irresistible | Demo | Download
tema-portfolio-irresistible

Tema Linquist | Demo | Download
tema-portfolio-linquist

Tema Monotone | Demo | Download
tema-portfolio-monotone

Tema Sharpfolio | Demo | Download
tema-portfolio-sharpfoliodemo

Tema Viewport | Demo | Download
tema-portfolio-viewport

Tema WPESP | Demo | Download
tema-portfolio-WPESP

Mas como alguns de vocês devem saber, nem tudo são flores e em geral estes tipos de temas são mais complicados para configurar, exigindo configuração de campos personalizados etc e tal. Acompanhando o fórum percebo que muitos novatos tem dificuldade em configurar este tipo de tema. Por isso pensei em escolher um dos temas acima (a princípio seria o Gallery) e criar um passo-a-passo junto com este post. Mas enquanto pesquisava e escrevia tive a idéia de vocês escolherem o tema com o qual deveria criar o tutorial. Sendo assim votem na enquete abaixo no tema de sua preferência e o mais votado terá sua instalação/configuração detalhada minuciosamente na próxima semana, ok?

Qual tema deverá ser o escolhido para elaboração do tutorial?

  • Gallery (35%, 36 Votes)
  • WPESP (30%, 31 Votes)
  • Fotofolio (9%, 9 Votes)
  • Irresistible (8%, 8 Votes)
  • Viewport (8%, 8 Votes)
  • Monotone (1%, 1 Votes)
  • Sharpfolio (1%, 1 Votes)
  • Linquist (8%, 0 Votes)

Total Voters: 104

Loading ... Loading ...

Gerencie seus vídeos diretamente do WordPress

O plugin All in One Video Pack não é apenas mais uma ferramenta para inserir códigos de vídeos embeded nos posts, com ele é possível enviar seus vídeos (.avi, .wmv, .mov, entre outros) diretamente da administração do seu WordPress, convertê-los no formato flash automaticamente e inserí-los no seu post, tudo isso no momento em que você estiver escrevendo o post. Além disso, também é possível inserir áudios e imagens.

Outros recursos do plugin, possibilidade de importar vídeos da sua webcam, procurar vídeos no YouTube, permitir que seus leitores deixem recados de áudio, vídeo e/ou participem de vídeos colaborativos, widget para exibir thumbnails dos últimos vídeos, editar vídeos através de uma ferramenta online no site do desenvolvedor do plugin, Kaltura e muito mais.

Upload

Upload

Webcam

Webcam

YouTube

YouTube

Edição Online

Edição Online


Instalação

  1. Faça o download e em seguida o upload para a pasta de plugins do seu servidor;
  2. Ative o plugin e realize um rápido cadastro dentro da administração do seu próprio WordPress;
  3. No menu configuração, acesse o link All in One Video Pack e modifique as preferências do plugin de acordo com suas necessidades;
  4. Acesse a página para criar um novo post e clique no ícone do plugin (exibido abaixo) para começar a enviar seus vídeos, áudios e/ou imagens!

Adicionar Vídeos, Áudios e/ou Imagens

Adicionar Vídeos, Áudios e/ou Imagens


Plugin para exibir imagens no menu lateral

Plugin Blogwell

Plugin Blogwell

Até descobrir o Blogwell, a única forma de adicionar uma imagem no menu lateral era editando o arquivo sidebar.php do tema. Agora com este plugin/widget o procedimento ficou bem mais simples, não sendo mais necessário conhecimento de HTML, CSS e/ou PHP.

Além de uma interface bastante simples (veja imagem ao lado), o blogwell permite configurar vários parâmetros, como:

  • Título da imagem;
  • Dimensões em pixel ou porcentagem;
  • Alinhamento;
  • Link da imagem;
  • Opção de usar o No Follow;
  • Espaçamento entre as imagens, entre outros;

Como instalar e configurar um slideshow

Algum tempo atrás escrevi um post sobre dois plugin que adicionam slideshow no blog e surgiram, tanto nos comentários quanto no fórum, muitas dúvidas. Então resolvi escrever este post explicando passo-a-passo a instalação e configuração de um destes plugins, o Featured Content Gallery.

Na página do plugin já existe um mini-tutorial (em inglês) explicando como instalar e configurar, mas decidi que não iria simplesmente copiá-lo aqui traduzido, queria colocar a mão na massa para ter a certeza que funciona, avaliar a dificuldade e saber se vale a pena. Para isso adicionei-o na página de demo do tema Mutuca. Vamos ver como foi isso.

  1. Faça o download do plugin e descompacte-o no seu computador;
  2. Abra o arquivo jd.gallery.css e troque os valores de width e height nas linhas 3 e 4 respectivamente. Este valores definem o tamanho que o slideshow será exibido e conseqüentemente as dimensões das imagens;
  3. Envie o plugin para a pasta wp-content/plugins do seu blog e ative-o;
  4. Faça o upload das imagens com as dimensões escolhidas;
  5. Na administração, acesse o menu Settings/Featured Content Gallery e preencha todos os campos do formulário (título, URL da imagem, link e descrição);
  6. Por último é necessário editar o seu tema para inserir o código do plugin.

    No caso do Mutuca eu resolvi colocar o slideshow no index.php antes dos posts, ou seja, imediatamente antes do loop;

O procedimento foi bastante simples e rápido, pena que o plugin tenha algumas limitações. Por exemplo, só é possível adicionar 5 imagens, nem mais nem menos. Também seria mais interessante se o mesmo fosse integrado ao editor de posts.