Como Instalar e Configurar o Plugin WP Super Cache

Os plugins de cache possuem a função de gerar páginas estáticas HTML a partir das páginas dinâmicas do site. Seu objetivo é diminuir drasticamente o tempo de carregamento da página, a sobrecarga do processador e reduzir a quantidade de acessos ao banco de dados. Existem vários plugins de cache para WordPress, porém o WP Super Cache é o mais recomendado e consequentemente mais utilizado, por esse motivo resolvi escolhê-lo para exemplificar este pequeno tutorial.

Antes de instalar o plugin é necessário verificar se o seu servidor Apache possui instalado os módulos mod mime e mod rewrite (entre em contato com o suporte da sua hospedagem caso você não saiba) e os permalinks configurados no modo personalizado (URL amigável). Despois destas verificações é hora de instalar o plugin, primeiro faça o download, descompacte-o e envie por FTP para a pasta wp-content/plugins do servidor. Em seguida acesse a página Plugins na administração do WordPress e ative o plugin. Agora clique no menu Configurações -> WP Super Cache, escolha a opção ON em WP Super Cache Status e por último clique no botão Update Status. Feito isso, verifique se foi criado o arquivo .htaccess na raiz do servidor com o seguinte conteúdo:

-----------------.htaccess-----------------
RewriteEngine On
RewriteBase /

RewriteCond %{REQUEST_METHOD} !=POST
RewriteCond %{QUERY_STRING} !.*=.*
RewriteCond %{HTTP_COOKIE} !^.*(comment_author_|wordpress|wp-postpass_).*$
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{DOCUMENT_ROOT}/wp-content/cache/supercache/%{HTTP_HOST}/$1/index.html.gz -f
RewriteRule ^(.*) /wp-content/cache/supercache/%{HTTP_HOST}/$1/index.html.gz [L]

RewriteCond %{REQUEST_METHOD} !=POST
RewriteCond %{QUERY_STRING} !.*=.*
RewriteCond %{QUERY_STRING} !.*attachment_id=.*
RewriteCond %{HTTP_COOKIE} !^.*(comment_author_|wordpress|wp-postpass_).*$
RewriteCond %{DOCUMENT_ROOT}/wp-content/cache/supercache/%{HTTP_HOST}/$1/index.html -f
RewriteRule ^(.*) /wp-content/cache/supercache/%{HTTP_HOST}/$1/index.html [L]

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
-----------------.htaccess-----------------

Verifique também se foi criado o arquivo wp-content/cache/.htaccess com o seguinte conteúdo (caso não tenha sido criado, faça-o manualmente):

# BEGIN supercache
<IfModule mod_mime.c>
  AddEncoding gzip .gz
  AddType text/html .gz
</IfModule>
<IfModule mod_deflate.c>
  SetEnvIfNoCase Request_URI \.gz$ no-gzip
</IfModule>
<IfModule mod_headers.c>
  Header set Cache-Control 'max-age=300, must-revalidate'
</IfModule>
<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType text/html A300
</IfModule>

# END supercache

Pronto, se não foi exibida nenhuma mensagem de erro, o plugin de cache já estará funcionando perfeitamente. De agora em diante sempre que um visitante acessar uma página pela primeira vez será gerado um arquivo HTML, para todos os demais visitantes que acessarem esta mesma página será exibida a versão HTML, porém existe algumas condições, o visitante:

  1. Não estava logado;
  2. Não escreveu um comentário;
  3. Ou não acessou uma página protegida por senha.

Pode parecer restritivo, mas 99% dos visitantes não faz nenhuma destas ações e é por isso que o plugin torna-se tão eficiente! :)

Caso tenha ocorrido algum erro durante a instalação do plugin recomendo você dar uma olhada na seção Troubleshooting na página do plugin e/ou utilizar nosso fórum.

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.

Instalei o WordPress, e agora?

Você já concluiu a instalação do WordPress e está pronto para começar a postar, porém é importante realizar algumas configurações antes de colocar a mão na massa. Jason Blanton do BloggingTips escreveu uma pequena lista de ações que devem ser feitas antes de começar a escrever, vejamos:

  1. Alterar a estrutura de permalinks – a configuração padrão do WordPress é http://www.seudominio.com/?p=13, o que não é muito interessante para os mecanismos de busca, ou seja, péssimo em termos de SEO. Para alterar essa configuração acesse o menu options>permalinks, escolha a opção custom e adicione o seguinte código /%category%/%postname%.
  2. Trocar o tema padrão – existem milhares de temas gratuitos espalhados pela internet, não há motivo para usar o tema default do WordPress. A instalação também é muito simples de fazer e com pequenas modificações o blog ficará do seu jeito.
  3. Adicione mais serviços de atualização – Quando você publica um post, o WordPress automaticamente notifica diversos sites, como o Technorati, Feedburner, Google Blogsearch, etc. desde que você adicione as URL’s destes sites na lista “Update Services”. Desta forma as pessoas saberão mais rapidamente sobre as atualizações do seu blog. Para isso entre na página http://codex.wordpress.org/Update_Services, copie a lista de servidores, acesse o menu options/writing e cole a lista no campo “Update Services”.
  4. Ative o plugin Akismet – Este plugin, que já vem com o WordPress, o ajudará a conter os spam’s. Para ativá-lo é preciso cadastrar-se no WordPress.com e obter uma API Key. Recomendo também a instalação do plugin Math comment spam protection.
  5. Utilize os serviços do FeedBurner – Através deste site é possível gerenciar melhor os feeds do seu blog, obtendo várias estatísticas sobre seus leitores de RSS. Utilize o plugin Feed Smith para ajudá-lo a configurar o WordPress.

Além destas ações também recomendo a utilização do plugin Google XML Sitemaps Generator para ajudar o Google, e outros mecanismos de busca, indexar melhor o seu novo blog!