WordPress

Malware no blog WordPress

Ultimamente parece que virou moda, quase todo mundo está com problemas de malware no blog. Por que isso está acontecendo?
As variáveis são muitas. Pode ser um plugin, pode ser alguma linha de código no seu theme (ou algum outro theme que tenha na pasta de themes), pode ser falha de segurança do servidor, pode ser que sua senha é muito fácil de descobrir..

Como evitar malware no blog?

Não posso dizer que isso vai te ajudar 100% a nunca mais ter esse problema, mas aí estão algumas dicas:

  • Desativar no painel do WordPress todos os plugins que não estão sendo usados
  • Deletar do FTP todos os plugins que não estão sendo usados
  • Deletar do FTP todos os themes que não estão sendo usados
  • Alterar a senha do FTP e do painel de controle do WordPress pelo menos uma vez ao mês
  • Deletar arquivos do FTP que não esteja usando para nada, mesmo que sejam apenas imagens
  • Atualizar plugins*
  • Atualizar seu WordPress*

Continue lendo Continue reading

Geral

HTML&CSS Book por Jon Duckett

HTML&CSS – Design and Build Websites, é o último livro por Jon Duckett. O livro ensina em detalhes como fazer um site em HTML e CSS.

Ganhei essa cópia em um sorteio no Design Shack, e chegou pra mim na última segunda-feira. Fiquei super feliz, primeiro por que nunca tinha ganhado sorteio nenhum que precisasse de um tweet, segundo por que ainda não tinha comprado nenhum livro a respeito (vergonha, eu sei).

O livro tem umas 500 páginas, é um pouco maior e pesa mais que um iPad. Mas é lindo e muito bom para quem está começando aprender HTML e CSS, por que ele ensina mesmo nos mínimos detalhes tudo. Tem também explicações de HTML5, onde acabei aprendendo algumas coisas que ainda não tinha lido a respeito.

No site oficial do livro, tem imagens e um capítulo amostra, mais um extra com alguns tutoriais. Também tem uma lista de lojas que estão vendendo o livro.

Só precisa saber inglês para ler, por que ainda não tem versão em português.

Tutoriais

Fazer backup do banco de dados

Quem já perdeu cabelos por que já era todo o conteúdo que tinha no site/blog levanta a mão \o.

Hoje vou explicar como fazer backup do banco de dados. É bem simples!
Esse tutorial não é apenas para quem usa WordPress. É para qualquer site que usa banco de dados.

Para começar, você precisa entrar no painel de controle da sua hospedagem. Então procure pelo phpMyAdmin e clique nele.

Ao clicar no phpMyAdmin, abrirá um painel de controle de banco de dados. Todos os bancos de dados que você usa, aparecerão em uma lista, no lado esquerdo. Se você só tem um, é fácil, só clicar nele. Se você tiver vários, precisa saber o nome do qual banco de dados você quer fazer backup para depois clicar nele.

Quem usa WordPress, dá pra saber o nome do banco de dados que está usando, se você abrir o arquivo wp-config.php que está na raiz da onde foi instalado seu WordPress.
Procure pela linha de código parecida com essa:

define('DB_NAME', 'nome_do_banco_de_dados');

Note que no lugar de nome_do_banco_de_dados estará o nome do seu banco de dados.

Sabendo o nome do banco de dados, vá novamente ao painel de controle e clique no nome que quer fazer backup.
Ao clicar abrirá o banco de dados com todas a tabelas dele, e cada uma com seu conteúdo.
Em cima das tabelas, do lado direito, clique em exportar.

A próxima página que abrir, selecione o formato sql e clica em executar. Ele vai gerar um arquivo com extensão .sql pra você fazer download e salvar no seu computador.

Eu costumo salvar em uma pasta “backup nome_do_site” e dentro dessa pasta, crio outra pasta e o nome dela eu coloco a data em que o backup está sendo feito.
Ficando mais ou menos assim: Meus Documentos\Backup site\11-06-2012.
Assim quando precisar do backup, não fico perdida.
Mas também pode fazer backup e deletar o anterior. Mas eu sempre gosto de deixar uns 3 últimos backups feitos. Vai que..

O ideal é você manter pelo menos um backup do banco de dados por mês do seu site ou blog. Embora os servidores fazem backups direto, é uma segurança a mais pra você.

Quem usa WordPress, recomendo de vez em quando fazer um backup da pasta wp-content pelo ftp da onde está instalado seu WordPress. É só seguir aquele outro tutorial de ftp, e baixar essa pasta pro computador. É nessa pasta que ficam os themes, plugins e imagens que você faz upload no blog. Se você tem backup dessa pasta e do banco de dados, você só vai perder seu conteúdo se seu computador tiver um problema sério a ponto de deletar ou corromper seus arquivos.

Tutoriais

Imagem com largura total do post

Ando recebendo vários emails e comentários pedindo ajuda de como fazer uma imagem ocupar 100% do total de espaço de um post. Então resolvi fazer o tutorial explicando.

Se você não sabe como é uma imagem ocupando 100% da largura do post, dê uma olhada nesse theme exemplo para ter uma ideia.

Para fazer isso é bem simples. Basta adicionar uma class na imagem e configurar essa class para ficar na posição certa. Mas primeiro você precisa saber a largura do seu post e quanto de espaço tem nas laterais dessa largura.

Vou usar como exemplo, o esse theme.

O espaço do post do Honey Pie tem 600 pixels de largura. O espaço nas laterais, para que o texto do post não fique grudado no limite é de 15 pixels. Então o CSS é mais ou menos assim:

.entry {
  width:570px;
  padding:15px;
}

Por que está largura 570 se você disse que é 600? Por que no CSS quando você usa o padding, ele soma isso na largura. Então se você fizer as contas 570 (largura) + 15 (lateral esquerda) + 15 (lateral direita) será igual 600.

Note que no CSS acima está .entry mas no seu código pode ser outro nome. Você precisa descobrir qual class é usada para o espaço do seu post para que possa ver quais são as medidas usadas nela. Normalmente usa .post-body no Blogger e .entry ou .entry-content no WordPress. Mas é bom verificar para ter certeza, por que quem fez o theme pode ter usado outro nome.

Então, sabendo essas medidas, você monta o CSS para uma class que você usará na imagem.
No CSS a class deverá ter largura máxima de 600 pixels e adicionamos um margin-left com os 15 pixels negativo. Esse margin-left negativo vai forçar a imagem ficar 15 pixels para esquerda. Os mesmos 15 pixels do padding, que faz o conteúdo do post não ficar no limite do espaço do mesmo.

Eu costumo fazer com o nome alignnone por que é um dos padrões de alinhamento de imagem no WordPress. Mas se você quiser pode colocar outro nome, só que você precisar lembrar dele na hora que for usar na imagem.

O CSS será assim:

img.alignnone {
  max-width:600px;
  height:auto;
  margin-left:-15px;
}

Adicionei um height:auto no CSS da class para que sua imagem não fique distorcida. E note que os 15 pixels tem um sinal negativo para forçar a imagem para a esquerda.

Feito o CSS da class que quer usar, só adicionar ela sempre na imagem que quer aplicar o efeito.
Então quando adicionar a imagem no post, precisa ser assim:

<img src="http://site.com/imagem.jpg" alt="" class="alignnone"/>

Então só alterar a URL da imagem no código acima. E se você criou uma class com outro nome, altere ela no código também.

Tanto no WordPress quanto no Blogger (e acredito que em qualquer outro do tipo) não funcionará se você adicionar o código da imagem no modo visual. Use o modo HTML para inserir o código da imagem.

E nesse caso, que a largura é de 600 pixels, o ideal é que suas imagens tenha essa mesma largura. Caso no seu código seja 700 pixels, use imagens com essa medida.

Existe outra forma para chegar nesse mesmo resultado, mas essa é a que costumo usar.
Espero ter ajudado.