Trabalhar com blog é uma atividade de muita flexibilidade e rentabilidade quando descobrimos como fazer tudo certinho. Muitas vezes mais difícil do que o nosso trabalho secundário, manter na internet um espaço com conteúdos de qualidade e capazes de fidelizar leitores é algo que requer criatividade, inteligência e estratégia.
Receber novos visitantes é muito importante para que o número de leitores mantenha-se saudável. No entanto, não se pode esquecer daqueles que são fiéis ao seu blog ou site. Estruturar e organizar a Home do seu site e as demais áreas de conteúdos com uma sinalização adequada é excelente para fidelizar público e tornar a sua navegação mais proveitosa. O CanalWP já te mostrou como utilizar as redes sociais para atrair público para suas postagens mais antigas e hoje, você verá como é possível destacar novos posts para os usuários que retornam ao seu site WordPress.
Destacar Novos Posts
O Que Eu Preciso Saber
Hoje nós vamos aprender como tunar o nosso tema WP sem a utilização de qualquer plugin, para que sempre que um visitante retornar ao seu site apareça uma sinalização clara e elegante naqueles posts que são novos. Logo, para todo e qualquer post que aquele usuário não leu será exibida uma marcação automática chamando a sua atenção.
No entanto, como faremos isso? Você pode estar pensando: será que precisaremos de um plugin para gravar o último acesso do visitante e daí fazer uma comparação, para então sinalizar o que há de novo? Fique tranquilo, comecei dizendo a você que não usaríamos qualquer tipo de plugin. Pois é isso mesmo, não vamos.
Cookies
Você já ouviu falar em Cookies certo? Talvez você não entenda muito bem a sua função e as possibilidades que ele pode oferecer a nós que trabalhamos com sites, blogs e lojas virtuais. De forma simples, mas clara para que você consiga compreender melhor: Cookies são pequenos textos que os sites podem enviar aos navegadores de seus usuários. O intuito é deixar uma “marca” de que aquela pessoa passou por ali. E é justamente disso que precisamos para saber quando usuários retornam ao nosso site. Será por meio do envio e verificação de cookies que a sinalização para destacar novos posts vai funcionar.
Como Fazer
Functions.php
Para fazer as implementações necessárias para o envio de cookies e verificar se o usuário está retornando, precisaremos utilizar do arquivo functions.php do tema que estamos utilizando em nosso site. Se você está utilizando um child theme (tema filho) a necessidade é a mesma. Esse arquivo é o responsável por receber funções para comportamentos e então, fazer com que elas sejam aplicadas ao seu site.
Você pode acessar o arquivo via Dashboard do seu WP (Aparência > Editor > functions.php) ou pelo Editor de código de sua preferência via FTP (wp-content > themes > SEU TEMA > functions.php). Abra o arquivo e siga as instruções que estarei te passando a seguir.
Inserção do Código
Para enviar um cookie ao navegador do visitante e posteriormente comparar se é um novo leitor ou alguém que está retornando, iremos criar 2 funções, respectivamente. Olha só o nosso código que segue abaixo:
/* Função para usuários que retornam */ function clwp_lastvisit_the_title ( $title, $id ) { if ( !in_the_loop() || is_singular() || get_post_type( $id ) == 'page' ) return $title; // Se não há cookies, exibe apenas o titulo do post if ( !isset($_COOKIE['lastvisit']) || $_COOKIE['lastvisit'] == '' ) return $title; $lastvisit = $_COOKIE['lastvisit']; $publish_date = get_post_time( 'U', true, $id ); if ($publish_date > $lastvisit) $title .= '<span class="new-article">New</span>'; return $title; } add_filter( 'the_title', 'clwp_lastvisit_the_title', 10, 2); // Configurando a última visita através de cookie function clwp_lastvisit_set_cookie() { if ( is_admin() ) return; $current = current_time( 'timestamp', 1); setcookie( 'lastvisit', $current, time()+60+60*24*7, COOKIEPATH, COOKIE_DOMAIN ); } add_action( 'init', 'clwp_lastvisit_set_cookie' );
A primeira função é a que verifica a existência de um cookie enviado pelo seu site e a depender da resposta retornada, envia um cookie e mostra apenas o título do post ou exibe a marcação “Novo” junto com o título do post. Se um leitor ainda não possui o cookie em seu navegador é porque ele é um novo visitante e nesse caso, a marcação não deve ser exibida.
A segunda função é a que configura o nosso cookie no browser dos nossos visitantes. Primeiro ele verifica se aquele usuário não é o Administrador, ou seja, você quando logado. Depois, ele configura o cookie para 7 dias – 60+60*24*7. Dessa forma, a marcação e “Novo” para os posts só serão exibidas se ele voltar ao seu site após 7 dias. Essa parte deve ser configurada por você, mediante a rotina de publicações do seu site ou blog. É só trocar o número 7 pelo número de dias que você deseje para a validade do cookie.
Estilo para o Destaque
Agora que você já tem em seu arquivo functions.php a função que habilita e configura o uso de cookies em seu site, para que a marcação destaque os novos posts aos usuários que retornam precisamos jogar regras CSS para que a marcação fique elegante.
É muito importante que o visual do seu site seja agradável, confortável e facilite a navegação dos seus visitantes dentro dele. Por isso, adicionar regras de estilo para destacar os novos posts é algo imprescindível. Afinal de contas, você não quer que a marcação quebre a estrutura e estrague o visual do seu site. Abaixo seguem simples implementações CSS para o destaque com o título “Novo” que fizemos em nosso arquivo de funções. Você pode e deve altera-las para que se adaptem da melhor forma ao seu blog.
.novo-post { background: #E92727; padding: 5px 15px; border: 1px solid #2E2E2E; font-size: small; font-weight: bold; color: #fff; margin-bottom: 15px; display: inline-block; vertical-align: middle; }
É necessário enfatizar aqui, que a marcação HTML foi feita através de uma das funções que adicionamos no functions.php. Logo, se você tem conhecimento de HTML e CSS é totalmente viável realizar as mudanças que julgue necessárias.
Conclusão
Mais do que uma necessidade, dar um tratamento diferenciado aos visitantes que retornam ao seu site é extremamente eficaz para que seu blog tenha ainda mais sucesso. Muitas pessoas podem não acompanhar diariamente os conteúdos postados ali, mas sempre que voltam elas querem saber o que há de novo e você vai dar isso a elas de “mão beijada” ao realizar as implementações ensinadas para destacar novos posts.
Para ter um blog de sucesso sempre crescente, você deve estar atento às necessidades dos seus visitantes e melhorar a sua usabilidade diariamente. Assim, sinto também a necessidade de ressaltar a importância de trabalhar sempre o SEO do seu site e de seus posts individualmente. Leia nosso artigo – Como Instalar e Configurar WordPress SEO Plugin by Yoast e veja passo a passo como fazer isso.
Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixe seu comentário abaixo para podermos saber a sua opinião.
Ferramentas WordPress Veja Mais Ferramentas
Q2W3 Fixed Widget
MailChimp
Asset CleanUP PRO
Excelente post, estava quebrando a cabeça com isso.
não deu certo quando coloquei esse codigos no meu site, tem que mudar alguma coisa?
Olá Fernando,
Tenha certeza de adicionar o código no final do seu arquivo functions.php e antes disso “?>”. Você vai precisar visitar sua página sem estar logado no WordPress, depois postar um novo post e retornar a página novamente com o mesmo navegador. Lembre-se de limpar os cookies.
Você vai precisar logar com sua conta em outro browser ou em conta anônima para postar um novo post. E utilizar seu navegador padrão para revisitar a página.
Abraço.
não deu certo quando coloquei esse codigos no meu site, tem que mudar alguma coisa?
Olá Fernando,
Tenha certeza de adicionar o código no final do seu arquivo functions.php e antes disso “?>”. Você vai precisar visitar sua página sem estar logado no WordPress, depois postar um novo post e retornar a página novamente com o mesmo navegador. Lembre-se de limpar os cookies.
Você vai precisar logar com sua conta em outro browser ou em conta anônima para postar um novo post. E utilizar seu navegador padrão para revisitar a página.
Abraço.