Posts Tagged ‘ imagem

Plugin para exibir imagens no menu lateral 26 Setembro 2008 às 10:38 pm por Érico Oliveira

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 Por Érico Oliveira dia 12 de Agosto de 2008 às 9:05 am | Imprimir este post

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 ía 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.
    <?php include (ABSPATH . '/wp-content/plugins/content-gallery/gallery.php'); ?>
    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.

Adicione um slideshow em seu tema WordPress Por Érico Oliveira dia 29 de Junho de 2008 às 2:30 pm | Imprimir este post

Bastante comum em temas pagos, o slideshow é um recurso muito interessante visualmente e que agora está disponível gratuitamente através de dois plugins, Featured Category Slideshow e Featured Content Gallery.

Plugin Featured Category SlideshowPlugin Featured Content Gallery

Apesar de objetivos semelhantes estes plugins possuem visual e funcionamento bem diferentes. Enquanto o Featured Category Slideshow possui menu de navegação e suas imagens são exibidas através da inclusão de posts na categoria “FCS”, o plugin Featured Content Gallery possui um visual mais elegante e controle através de uma página na administração do WordPress.

A inserção dos plugins pode ser feita em qualquer tema e é possível mudar suas dimensões através da alteração do CSS de cada um, o que permite se adaptar perfeitamente em qualquer tema. Mais detalhes sobre a instalação pode ser encontrada na página dos plugins.

Tutorial sobre como converter um layout PSD em HTML Por Érico Oliveira dia 25 de Junho de 2008 às 11:23 am | Imprimir este post

O blog NetTuts escreveu um excelente tutorial explicando passo-a-passo como converter um layout criado no Photoshop em um site HMTL/CSS. Apesar de escrito em inglês, os leitores não terão muita dificuldade de compreensão em virtude da utilização de muitas imagens. O autor ainda disponibilizou para download todos os arquivos utilizados no tutorial.

Abaixo você pode ver o layout utilizado no tutorial.

Tutorial para converter PSD em HTML

Vale a pena salvar no Del.icio.us! :)

Problema para inserir imagens com o IE Por Érico Oliveira dia 15 de Abril de 2008 às 9:13 am | Imprimir este post

Depois do problema relatado pelo Rodrigo sobre erros para realizar uploads de imagens no WordPress 2.5, eis que surge mais um, desta vez apenas para usuários do IE. O problema é o seguinte, após o upload da imagem não é exibida as opções e nem o botão para inserir a mesma no post, como mostrada na imagem abaixo.

Problema para inserir imagens com o IE

Como utilizo o Firefox (e recomendo a todos fazer o mesmo) não tinha percebido o problema, só descobri depois de alguns relatos no Fórum do pBlog e após meu amigo e blogueiro, Ivan Moraes enviar-me um email relatando o problema que estava ocorrendo após a atualização para a versão 2.5.

Testei o WordPress 2.5 em meu computador com o IE e confirmei o problema, então parti em busca de uma resposta no Fórum do WordPress. Encontrei o artigo 2.5 Image/Media Uploader problems que descrevia exatamente o problema e segui o passo-a-passo para solucionar o problema. Para minha tristeza nenhum deles funcionou e tive utilizar o plugin No-Flash-Uploader para desabilitar flash do novíssimo Media Uploader do WordPress 2.5. Pelo menos agora é possível inserir a imagem no post! :P

A forma mais simples de adicionar fotos no blog Por Érico Oliveira dia 24 de Fevereiro de 2008 às 12:36 pm | Imprimir este post

Inserir fotos nos posts é algo que dá um certo trabalho. É necessário procurar uma foto, verificar a licença, fazer o download, depois o upload e por último inserir no post. Ufa! Realmente um trabalho cansativo.

Para simplificar todo esse trabalho você pode utilizar o plugin PhotoDropper, com ele é possível pesquisar imagens do Flickr, que possuem licença Creative Commons, e no momento em que estiver escrevendo seu post inserir a imagem.

Plugin PhotoDropper

Sua instalação é trivial, faça o download, envie para a pasta plugins e depois atíve-o. Quando for escrever um post você verá o campo “Photo Dropper Browse Photos” logo abaixo do campo “Tags“.

Logotipos do WordPress Por Érico Oliveira dia 22 de Novembro de 2007 às 4:01 pm | Imprimir este post

Logotipos do WordPressRecentemente o WordPress disponibilizou uma página no site oficial com diversas imagens de seu logotipo. O objetivo de disponibilizar este conteúdo é ajudar os desenvolvedores quando necessitarem utilizar o logo do WordPress.

Como vocês podem ver na imagem ao lado, há diversos tamanhos e cores, existe inclusive um versão vetorial para o Adobe Illustrator.