Category Archives: Tutorial

Tutorial para Baixar e Instalar o Plugin CommentLuv

Posted on by
17

O CommentLuv é um plugin, que promete trazer ao seu blog wordpress.org mais visitantes. Isto porque ele cria links logo abaixo dos comentários que mostram os últimos artigos do blog de quem deixa o comentário.

Esse recurso interessante faz com que a pessoa comente, com o objetivo de criar backlinks para o blog que administra.

Essa estratégia aumenta as visitas no blog dele. Com isso, todos os blogueiros envolvidos no sistema de comentários ganham. Pois o vaivém de pessoas clicando nos arquivos, além de gerar mais visitas, aumenta o PageRank dos blogs envolvidos.

Como Baixar o plugin CommentLuv

1. Entre no website CommentLuv e preencha as duas lacunas com seus dados verdadeiros.

2. Em Enter your first name, escreva seu primeiro nome. Por exemplo, Derval.

3. Em Enter your email address escreva o endereço do seu e-mail. Exemplo: seunome@gmail.com

4. Após esses dois últimos procedimentos surge a mensagem dizendo para você verificar seu e-mail e ativar o link que lhe enviaram lá. Demora cerca de três horas para a mensagem aparecer em sua conta.

5. Abra o e-mail e clique no link que lhe enviaram. Outra maneira a fazer é copiar o link e colar no seu navegador.

6. Clique na opção de Download. O arquivo é baixado compactado para uma pasta do seu computador.

Como instalar o plugin CommentLuv em seu blog ou site wordpress.org

1. Entre com seus dados de login e senha em sua conta wordpress;

2. Clique no link Plugins;

3. Na página de Plugins, clique em Adicionar Novo. Lembre-se de que não é necessário descompactar o arquivo. Pois se fizer isso, surgirá mensagem de erro.

4. Clique em Ativar.

Site commentLuv
http://www.commentluv.com/

Outra opção para baixar o plugin é no site da wordpress.org:
http://wordpress.org/extend/plugins/commentluv/

Tutorial escrito por José Guimarães
http://www.joseguimaraes.com/
http://www.aabaca.org/

Quer escrever um artigo, tutorial ou mesmo uma dica no pBlog? Clique aqui.

Redimensionamento das miniaturas sem gambiarras

Posted on by
16

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!

Como ativar a opção multisites do WordPress 3.0

Posted on by
19

A nova versão do WordPress deverá sair nos próximos dias e um dos recursos mais aguardados é a opção que permite gerenciar vários blogs dentro de uma mesma instalação. Com isso será possível ter vários sites em subdomínios (teste.pblog.com.br) ou utilizando a estrutura de diretórios (www.pblog.com.br/teste).

Como se trata de um recurso avançado, esta opção não virá ativada por default, para utilizá-la será preciso adicionar a seguinte linha de código no arquivo wp-config.php:

define (‘WP_ALLOW_MULTISITE’, true);

Feito isso uma nova opção será exibida no menu Tools chamada Network. Ao clicar nesta opção você será guiado através de um passo-a-passo para realizar a configuração de multisites. Quem já quiser testar este recurso poderá baixar a versão RC1 do WordPress 3.0.

Preciso dizer que esta é uma versão de testes e que não é recomendado utilizar nos sites em produção? Não né?

No vídeo abaixo é possível acompanhar um tutorial com todos as etapas da instalação e configuração deste recurso (em inglês).


Como ter um background diferente em cada categoria

Posted on by
27

Já recebi alguns emails e respondi alguns tópicos no fórum sobre como ter um background/banner/imagem diferente em cada categoria do WordPress. Como é algo simples e que pode ter muitas utilizadades resolvi fazer este rápido tutorial explicando o passo-a-passo. Para exemplificar utilizarei o tema Mystique, que além de ser muito bom possui um background que poderemos utilizar neste exemplo.

Antes de colocarmos a mão na massa vamos primeiro explicar a teoria. No WordPress existe um recurso chamado Condicional Tags que nos permite realizar uma tarefa apenas se atender uma condição. Por exemplo, exiba este menu apenas se a página for a inicial. Com o tempo é fácil perceber o poder que as condicionais possuem e a quantidade de coisas que se podem fazer com elas, principalmente em termos de personalização.

Então vamos cair em campo, no CSS do tema Mystique há uma id chamada page que define o background.

#page{background:transparent url(images/header.jpg) no-repeat center top;}

A idéa é criar uma id para cada categoria e claro, um background para cada uma também, para isso acrescentaríamos mais algumas linhas de código ao CSS.

#page{background:transparent url(images/header.jpg) no-repeat center top;}
#page1{background:transparent url(images/header1.jpg) no-repeat center top;}
#page2{background:transparent url(images/header2.jpg) no-repeat center top;}
#page3{background:transparent url(images/header3.jpg) no-repeat center top;}

Não esqueça de criar as novas imagens que serão usadas como background e fazer o upload, neste exemplo seriam as imagens header1.jpg, header2.jpg e header3.jpg. Feito isso é hora de usarmos as codicionais do WordPress e dar o pulo do gato. No arquivo header.php, exatamente na linha 30, existe o código:

<div id="page">

Empregando as codicionais nós iremos fazer com que o valor da id “mude” de acordo com a categoria que esteja sendo exibida.

<?php if (is_home()) { ?>
<div id="page">
<?php } else if (is_category('noticias')) { ?>
<div id="page1">
<?php } else if (is_category('novidades')) { ?>
<div id="page2">
<?php } else if (is_category('geral')) { ?>
<div id="page3">
<?php } ?>

Interpretando o código: Se a página for a home faça id=”page” e por consequência o background exibirá a imagem header.jpg, caso a página seja da categoria notícias faça id=”page1″ e a imagem do background exibirá a imagem header1.jpg e assim por diante.

Simples não? Se você der uma olhada na página do Codex referente as Condicional Tags verá que existe dezenas de opções. Você poderá utilizar para os mais diversos fins, por exemplo, exibir anúncios de DVD’s apenas na categoria filmes, ocultar o menu lateral das páginas e posts, etc.

Screencast #3 – Como utilizar qualquer fonte true type no WordPress

Posted on by
16

Neste screencast eu lhes mostrarei como é simples utilizar qualquer fonte true type no WordPress. Para isso utilizaremos o plugin Facelift Image Replacment (FLIR), que faz todo o trabalho “sujo”, deixando apenas algumas simples opções, como qual fonte utilizar e onde ela será utilizada! :)

Vejam como foi realmente fácil, em menos de 5 minutos tudo já estava funcionando. Você também pode ver o resultado final ao vivo e à cores no blog de testes do pBlog.

p.s. Descobri depois que para aumentar o tamanho da fonte também é necessário aumentar no CSS.

Screencast #2 – Como configurar um blog multilíngue

Posted on by
19

O título deste post também poderia ser “Saiba como é fácil configurar um blog em várias línguas com o plugin qTranslate“, mas achei que o título iria ficar muito extenso e resolvi simplificá-lo. De qualquer maneira, o fato é que utilizando o qTranslate você não terá nenhuma dor de cabeça para gerenciar duas ou mais línguas em um mesmo blog WordPress. É bom esclarecer também que não se trata daqueles plugins que fazem tradução automática (e terrível), como o Global Translator, no caso deste plugin é necessário escrever todo o conteúdo dos posts nas línguas selecionadas.

Para facilitar o entendimento da instalação, configuração e funcionamento do qTranslate eu gravei um screencast (dividido em duas partes) mostrando o passo-a-passo de todas as etapas no blog de teste do pBlog.

Parte I

Parte II