Plugin de Sumário no WordPress (automático!)

Para você que faz textos com várias seções, use um plugin de sumário no WordPress para melhorar a experiência do seu usuário e você não ter que manualmente inserir os títulos os links das seções do seu artigo!

Table of Contents Plus, de Michael Tran, é um plugin de sumário o WordPress gratuito, simples e fácil de usar! Ele adiciona um sumário / índice localizado algumas opções pré-definidas, como logo antes do primeiro subtítulo da página.

C0mo uso este plugin aqui, vou dar um exemplo prático:

Plugin de Sumário no WordPress

O sumário adicionado acima do título, foi criado pelo plugin!

Plugin de Sumário no WordPress: Critérios de Visualização

Você pode definir para ele ser mostrado apenas após uma determinada quantidade de títulos. Selecionei 4.

Plugin de Sumário no WordPress: Personalização

Existem opções pré-determinadas de layout para o sumário, e ainda a possibilidade de você editar cada detalhe de cor e fonte da estética!

Plugin de Sumário no WordPress: Mapa do Site

Além de ser maravilhoso na criação automática de sumários, ele cria mapa do site, listando todas as páginas e seus links para ser inserido no rodapé, por exemplo!

Plugin de Sumário no WordPress: Download grátis

Ainda não baixou? Busque por Table of Contents Plus no diretório de plugins do seu WordPress ou clique aqui e faça download para subir manualmente lá!

Lembre-se de avaliar! Conceder 1 minuto para avaliar e agradecer ao trabalho de um criador de um plugin gratuito e perfeito que pode te economizar horas, é o mínimo! ;)

Gerador de favicon e ícones para aplicativos com plugin WordPress grátis

Antigamente, o favicon consistia apenas em um ícone para representar seu um site mais visualmente em uma lista de favoritos do seu navegador. Ao passar do tempo, ele passou a ser exibido também junto aos títulos das janelas dos navegadores, e então, das abas que surgiram depois.

Atualmente, além dessas opções que tinham códigos variados para diferentes navegadores, agora há ainda smartphones e diferentes sistemas operacionais, como iOS, Android, Windows Phone e Chrome. Em todos esses locais, além do computador, você pode adicionar um atalho à sua tela inicial com uma imagem personalizada para representar um site. E, cada plataforma, tem suas peculiaridades, o que pode ser trabalhoso na hora de personalizar perfeitamente uma marca para cada caso…

Felizmente existe o Plugin WordPress grátis realfavicongenerator, um gerador de favicons e ícones para seu site. Basta você ativá-lo em seu WordPress e subir a imagem da sua marca. Em seguida, você pode personalizar as configurações de cada local para deixar a marca o máximo legível onde ela for exibida. Você pode inclusive alterar a cor do fundo da marca, onde isso é permitido.

Faça download aqui do plugin WordPress grátis que gera favicons e icones

Demonstração de ícones e favicons criados pelo plugin, para diferentes plataformas.

Importante:

  • Você precisa manter o plugin ativo. Se você desativá-lo, o favicon deixará de funcionar. Isso porque o código para mostrar o ícone nas diferentes interfaces é mostrado de acordo com a demanda de visualização de página. A página do plugin explica que isso é feito porque é contra as boas práticas adicionar o código diretamente no header.php do tema. Além disso, as atualizações de tema poderiam provocar problemas no funcionamento. Mas o autor garante: o plugin foi feito com as melhores práticas e não irá comprometer a performance do seu web site WordPress.
  • Você só pode checar se a exibição dos ícones/favicons estão corretas se o site está acessível publicamente. Caso seu site esteja com “Ocultar site dos mecanismos de busca” provavelmente não funcionará. O teste do funcionamento pode ser feito acessando o seguinte endereço do verificador de favicon do RealFaviconGenerator e mudando “SUA_URL” em vermelho pelo endereço de seu site: https://realfavicongenerator.net/favicon_checker?site=http%3A%2F%2FSUA_URL&ignore_root_issues=on

Leia mais detalhes sobre o plugin:

  • Por que o plugin de WordPress Favicon by RealFaviconGenerator precisa ficar ativo o tempo todo? (em inglês) https://realfavicongenerator.net/blog/why-does-the-favicon-by-realfavicongenerator-wordpress-plugin-need-to-be-activated-all-the-time/
  • O Plugin de WordPress RFG e performance (em inglês)
    https://realfavicongenerator.net/blog/rfgs-wordpress-plugin-and-performance/

Plugin WordPress de compressão de imagens gratuito

Utilizo este plugin para comprimir imagens em todo projeto WordPress. Ele reduz o peso das imagens assim que fazemos upload no painel e ainda dá a possibilidade de diminuir o peso de todas as que já foram enviadas anteriormente, em todas suas variações de tamanhos.

Conheça e baixe o plugin grátis: EWW Image Optimizer

Por que usá-lo (informações traduzidas da página do diretório oficial do WordPress):

  1. Suas páginas carregarão mais rápido. Arquivos de imagens mais leves significa carregamento mais rápido. Isso melhora a experiência do usuário e aumenta as conversões.
  2. Backups mais rápidos. Arquivos de imagens mais leves significa que os backups que realizar serão mais rápidos.
  3. Menos uso de banda. Otimizar imagens faz você economizar milhares de KB por imagem, o que diminui substancialmente a utilização do tráfego de dados do seu site.
  4. Super rápido. Este plugin pode rodar no seu próprio servidor então você não precisa aguardar por um terceiro para receber, processar e retornar suas imagens. Isso pode ser feito em poucos minutos. Arquivos PNG demoram mais, mas você pode ajustar as configurações para adequar mais sua situação.
  5. Melhor otimização JPG. Com a integração com o TinyJPG , nada é comparável (necessita um cadastro na API).
  6. Melhor otimização de PNG. Você pode usar pngout, optipng, e pngquant conjuntamente. Se isso não for o suficiente, tente a poderosa opção TinyPNG.
  7. Não é necessário acesso Root. Binários pré-compilados ficam disponíveis para instalar diretamente na pasta WordPress e otimização na nuvem é disponibilizada para aqueles que não podem executar binários localmente.
  8. Otimize tudo. Com a classe de extensão wp_image_editor, e a habilidade de especificar suas próprias pastas para escanear, qualquer imagem no WordPress pode ser otimizada.

Para casos em que ele não ofereça o suficiente, há possibilidade de assinar planos acessíveis no https://ewww.io/plans/ para complementar seu funcionamento.

Existem outros similares que podem ser eficientes, mas possuem algumas limitações em suas versões gratuitas, como o https://tinypng.com/ e o https://compressor.io/.

 

Como baixar imagens grátis no Google

Gostaria de baixar imagens grátis facilmente no Google, sem a preocupação delas possuírem direitos autoriais? Para isso, o processo é simples!

Inicialmente pesquise o termo relacionado à imagem/foto que procura no Google.
Ex: “gato”. Então, siga os passos abaixo:

1. Clique em “Imagens”;

2. Clique em “Ferramentas de pesquisa”;

3. Clique em “Direitos de uso”;

4. Selecione “Marcadas para reutilização”:

Pronto! Serão exibidas as imagens que você poderá baixar gratuitamente para utilizar livremente :)
Clique aqui e visualize a página acima com os filtros aplicados.

Para salvar sua imagem/foto gratuita, basta clicar na desejada e então:

A) Ou com o clique direito nela clicar “Salvar imagem como…”;

B) Ou clicar em “Visualizar imagem” para visualizá-la em tamanho real em nova aba (onde você poderá salvar também através do clique direito do mouse ou pressionando CTRL+S):

Dicas para obter mais resultados de imagens gratuitas

1) No passo 4, você pode ver que existem várias opções  de filtros de licença:

Marcadas para reutilização” deve ser um dos menos abrangentes.

Se você sabe que irá modificar a imagem através de montagens, poderia marcar “Marcadas para reutilização com modificação” e assim conseguir mais resultados de imagens para usar gratuitamente!

Se você for usar para um projeto escolar ou não comercial, poderia marcar “Marcadas para reutilização não comercial com modificação” ou “Marcadas para reutilização não comercial“!

2) Outra coisa: procure também em inglês! Muito mais imagens puderam ser encontradas ao repetir o procedimento, mas usando o termo “cat” ao invés de “gato”.

Clique aqui e visualize os resultados de imagens para “cat” com o filtro “Marcadas para reutilização”.

Essa informação foi útil para você? Compartilhe com quem mais achar que poderá usufruir dessa funcionalidade :)

Como tirar print screen/screenshots. Facilite com o Lightshot!

Essa foi uma daquelas ferramentas que mudou minha vida — para melhor — e que me fez sentir necessidade de compartilhar para facilitar e melhorar também a de todos!
Você pode ver a parte A (onde descrevo o método convencional) ou pular para a parte B (recomendo!) para saber como começar já a otimizar a atividade através do programa de print screen Lightshot que possui versões para Windows, Mac OS, Ubuntu (com Wine) e Google Chrome.

A) Método convencional de como tirar print screen da sua tela

Tirar print screen/screenshot da tela do seu notebook/PC é fácil! Basta:
  1. Clique na imagem para ampliar

    Apertar uma tecla no teclado, chamada PrntScr. Ela fica logo acima a tecla de apagar (“backspace”) ou próxima ao Delete/del, no canto direito superior do teclado (depende do modelo).

  2. Depois disso, é só clicar em “Colar”, ou pressionar Ctrl+V, onde você deseja mostrar a imagem (contanto que o local aceite imagem).
    Ex: Abra o Paint brush e cole lá, ou direto no corpo de uma mensagem do seu Gmail/Outlook, no seu documento do Microsoft Office Word etc.

B) Torne ainda mais fácil e prático tirar print screen com o programa Lightshot!

Conheci essa ferramenta que, basta instalar, e ela deixará o processo de tirar pint screen e salvar/compartilhar a imagem com outros, muito mais fácil! E ainda com a possibilidade de inserir anotações no screenhost!

O que é o Lightshot

O Lightshot é um programa gratuito, disponível para Windows, Mac, Ubuntu e como extensão do Google Chrome.
A grande vantagem que vejo é você instalar no seu sistema operacional, pois ele substituirá o comportamento padrão do que acontece quando você pressiona normalmente o botão Print screen/PrntScr do seu teclado.

Para que serve

Eu diria que para facilitar sua vida e economizar seu tempo. Ao menos no ato de tirar print screen :)
Com ele, é possível:
  • Maior precisão na captura, pois o Lightshot permite selecionar a área na tela que quer na imagem (o que o Windows não faz por padrão);
  • Você ser mais didático de forma rápida: ele possui ferramentas de texto, formas geométricas, setas e desenho livre para anotar por cima da captura de imagem;
  • Compartilhar facilmente: você pode, com um clique, enviar a imagem para a internet e receber um endereço de compartilhamento para enviar num chat, por exemplo.

Como usar o Lightshot

Super rápido e prático, e basta instalar para aproveitar para sempre! Veja em 3 passos:

  1. Faça download do Lightshot no endereço de acordo com seu Sistema Operacional entrando no seguinte endereço http://app.prntscr.com/pt-br/download.html. Instale na sua máquina (recomendo abrir no Windows através do clique direito em cima do arquivo, selecionando “Executar como administrador”).
  2. Pressione o print screen normalmente do seu teclado. Se a ferramenta não funcionou, reinicie seu computador que na volta deverá dar certo. Ou verifique se está com permissão de Administrador no computador para, então, reinstalar.
  3. Selecione a área que deseja salvar clicando e arrastando seu mouse. Solte o clique do mouse e você ainda poderá ajustar a área e redimensioná-la!

Se você só precisa capturar a tela, pronto! Basta pressionar as teclas de atalho Ctrl+C ou clicar em Copiar na ferramenta para depois colar onde quiser.

Recursos do Lightshot

Do lado direito temos as possibilidades de desenho e anotação no print screen. Embaixo, de salvar e compartilhar.

  • Anote e desenhe! A primeira ferramenta do lado direito, permite você fazer desenhos livres. Em seguida temos a ferramenta para fazer linhas retas, outra para setas, retângulos, marcação/destacar texto, escrever texto e selecionar a cor para elas;
  • Desfaça erros. A última ferramenta do lado direito, é o ícone de desfazer. Clique para voltar ao estado anterior, caso tenha feito alguma edição errada;
  • Envie para a nuvem! É possível fazer upload temporário da imagem com um clique, para compartilhá-la via chat etc. Basta clique no primeiro ícone de baixo que o Lightshot fará o upload da imagem automaticamente, e te dará o link para visualizá-la.
  • Compartilhe nas redes sociais. Basta escolher entre o twitter, facebook, VK ou Pinterest.
  • Imprima em um clique. Basta clicar no ícone da impressora para começar!
  • Simplesmente copie. Clique no ícone de copiar. Uma alternativa ao atalho Ctrl+C.
  • Salve no seu computador. Basta clicar no disquete, e você poderá armazenar a imagem com o cortee anotações que você fez!
  • Régua digital: De quebra, uma dica: eu uso também como régua em pixels! A ferramenta mostra as dimensões em pixels da área de seleção e isso pode ser muito útil em alguns tipos de atividades ;)
Faça um bom proveito e compartilhe esse artigo: Melhore o mundo ajudando as pessoas na otimização de tarefas do dia a dia! :)

Como usar o Gmail com um domínio de e-mail personalizado gratuitamente

Não é raro eu encontrar pessoas que pagam o Google Apps for Work apenas para terem e-mails com o domínio personalizado de sua empresa. Contudo, caso você não precise das ferramentas que só o Google Apps for Work oferece, é possível você usar gratuitamente o Gmail para enviar e receber e-mails do seu domínio próprio.

Para que você possa receber e enviar mensagens de forma mais profissional usando um e-mail personalizado seunome@seudominio.com.br gratuitamente através do Gmail, faça o seguinte:

1. Configure redirecionamentos de e-mail pela sua Hospedagem

Primeiramente é necessário você fazer os redirecionamentos de e-mail pelo seu serviço de hospedagem – que normalmente permite isso sem custos adicionais.

Veja abaixo links diretos para as instruções de como configurar redirecionamentos de e-mails nos respectivos serviços de hospedagem:

Basta seguir as instruções da sua hospedagem na opção de redirecionar e-mails. Você deve informar que e-mails enviados para seunome@seudominio.com.br sejam redirecionados para seusuario@gmail.com.

A conta de e-mail do Gmail pode ser a sua pessoal. Caso não tenha, crie uma conta de Gmail gratuitamente. Não se preocupe por que, ao final das configurações, seu endereço do Gmail original não ficará visível aos usuários comuns.

2. Configure o Gmail

Os passos abaixo só funcionarão após a configuração do passo anterior. Atente se a hospedagem não pede algum tempo limite para que o redirecionamento funcione e teste o redirecionamento enviando um e-mail para seunome@seudominio.com.br, verificando se ele é recebido na caixa de entrada do seu Gmail.

Estando tudo ok, vamos lá:

2.1. Vá em “Contas e Importação” nas configurações do seu Gmail.
A página “Configurações” pode ser acessada pela engrenagem no lado direito superior da Caixa de Entrada ou no link acima .

2.2. Clique em “Adicionar outro endereço de e-mail que você possui, conforme mostra a imagem:

 

2.3. Preencha seu nome e o seu e-mail com o domínio personalizado. Deixe marcado a opção “tratar como alias” e clique em “Próxima etapa”.
Caso a janela não apareça, desabilite seu bloqueador de popup (uma notificação normalmente aparece no canto da barra de endereço do navegador).


2.4. Preencha os campos da seguinte forma:

  • Servidor SMTP: smtp.gmail.com
  • Porta: como está (587)
  • Nome de usuárioseuusuariodogmail@gmail.com
  • Senha: sua senha do Gmail

Clique em “Adicionar conta“.

 

2.5. Clique no link recebido na sua Caixa de Entrada do Gmail e pronto! Você terá confirmado seu e-mail.
Depois disso, você poderá escolher o e-mail seunome@seudominio.com.br na área “De:” dos seus novos e-mails, conforme um exemplo abaixo (basta clicar na setinha no canto direito para ver a(s) opção(ões)):

 

2.6. Confirme o funcionamento testando de um outro e-mail enviar uma mensagem para seunome@seudominio.com.br e verifique se recebe e se consegue enviar uma resposta com o campo “De:” com “seunome@seudominio.com.br” selecionado.

Caso não funcione, experimente repetir os passos desde o início, atentando para todas as observações. Se ainda não der certo, deixe um comentário descrevendo qual o erro e onde ele ocorreu.

Dicas!

Para que automaticamente o campo “De:” dos e-mails use o e-mail que o remetente se referiu, vá em “Contas e Importação” nas configurações do seu Gmail. Marque “Ao responder a uma mensagem: Responda pelo mesmo endereço em que a mensagem foi recebida“:

 

Mantenha a caixa do Gmail organizada com Filtros Marcadores. Você pode configurar um filtro para que todos os e-mails com o campo “para” possuindo “seunome@seudominio.com.br” utilize um marcador personalizado que o destaque dos outros e-mails, ou mesmo direcione para outra pasta. Muito útil se quiser centralizar uma única conta para checar mensagens de todas suas contas de e-mail!

Não funcionou?

Existem alguns casos que não funcionam e, para empresas maiores, pode ser complicado realizar esse procedimento para cada conta. Minha sugestão é que conheça o GSuite, pacote de ferramentas do Google para empresas que inclui a ferramenta de e-mail utilizando a interface do gmail, além de várias outras que ajudam a aumentar produtividade, como planilhas e outros documentos sincronizados e compartilháveis  na nuvem!

Se encontrar algum problema ou tiver alguma informação útil, esteja à vontade para deixar um comentário. E se achou essa publicação útil, passe-a adiante!

 

Converter arquivo CDR para SVG, AI, PDF e mais

Previamente postei como Abrir arquivo CDR sem Corel e SVG, EPS, AI, PDF sem Illustrator, dando a dica do programa Inkscape.

Há outra opção, que é apenas um conversor (que inclusive é usado pelo Inkscape e também pelo Scribus): O UniConvertor.

O UniConvertor é um tradutor de vetores gráficos universal. Ele é uma ferramenta de linha de comando que usa sK1 para converter um formato em outro.

Instalando o UniConvertor você poderá executá-lo para converter um arquivo…

…ou selecionar a conversão direto de um menu contextual no Windows Explorer:

UniConvertor é gratuito, open-source e tem versões para Windows, Linux e Mac.

Abaixo, detalhamento dos formatos suportados para importação e exportação:

Filtros de importação: Filtros de exportação:
  • CorelDRAW ver.7-X3,X4 (CDR/CDT/CCX/CDRX/CMX)
  • Adobe Illustrator up to 9 ver. (AI postscript based)
  • Postscript (PS)
  • Encapsulated Postscript (EPS)
  • Computer Graphics Metafile (CGM)
  • Windows Metafile (WMF)
  • XFIG
  • Scalable Vector Graphics (SVG)
  • Skencil/Sketch/sK1 (SK and SK1)
  • Acorn Draw (AFF)
  • AI (Postscript based Adobe Illustrator 5.0 format)
  • SVG (Scalable Vector Graphics)
  • SK (Sketch/Skencil format)
  • SK1 (sK1 format)
  • CGM (Computer Graphics Metafile)
  • WMF (Windows Metafile)
  • PDF (Portable Document Format)
  • PS (PostScript)

Faça o download gratuito do UniConvertor!

Abrir arquivo CDR sem Corel e SVG, EPS, AI, PDF sem Illustrator

O Inkscape é uma boa opção para quando precisamos abrir arquivos vetoriais como SVG, EPS, AI, CDR, PDF e não podemos ter o Corel Draw ou Adobe Illustrator, que são programas vetoriais pagos.

O Inkscape é um programa open-source gratuito que tem apenas 33mb. Ele abre/salva/exporta em inúmeros formatos de arquivos vetoriais.

Veja também:

Como abrir EPS no Inkscape

Como o suporte ao EPS não é nativo no Inkscape, para abrir arquivos EPS nele no Windows, é necessário instalar um plugin adicional: o ghostscript.  Ele converte o EPS para PDF, para que se torne compatível.

Aqui tem instruções de como habilitá-lo (tutorial em inglês, mas bem ilustrado com screenshots): http://clownfishcafe.blogspot.com.br/2014/05/importing-eps-files-into-inkscape.html

Designer, se você quiser agilizar o seu trabalho e ganhar mais em menos tempo, você pode adquirir  800.000 arquivos editáveis, pre sets, PSDs, vetores etc e modelos prontos para facilitar? Clique aqui e conheça esse kit definitivo feito de outro designer para você!

Inkscape em Português!

Inicialmente ao executar o instalador, é pedido que seja escolhida um dentre poucos idiomas disponíveis. Não terá português, mas na tela seguinte aparecerá uma lista de itens que deseja instalar. Em “translations” selecione “Brazilian Portuguese“!

Mesmo gratuito, o Inkscape é um programa com opções vetoriais avançadas.

Não funcionou?

Veja se o UniConvertor pode te ajudar; clique aqui e veja como usá-lo no post: “Converter arquivo CDR para SVG, AI, PDF e mais”.

Melhor plugin gratuito de backup para WordPress

Analisando relatos, instalando e testando, elegi o melhor plugin gratuito de backup para WordPress: o BackWPup – WordPress Backup Plugin.

inúmeras opções para selecionar quais áreas fazer backup, com que frequência (utilizando o WordPress Cron), hora e onde salvar (FTP, e-mail, pasta, Dropbox etc).

 

Para chegar no melhor, pesquisei sobre melhores plugins de backup para WordPress e encontrei dois ótimos links na internet:

  1. 6 Top WordPress Backup Plugin Recommendations
  2. 7 Best Free Backup Plug-ins For WordPress

De acordo com eles, eis alguns dos melhores plugins gratuitos para backup do WordPress:

Considerando que são plugins gratuitos e só precisamos realizar uma configuração inicial para termos backup periódicos, é super recomendado a instalação de algum deles por questões de segurança. Adiciono em todos projetos WordPress!