Como Destacar Novos Posts para Visitantes que Retornam

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.


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

Destacar-Novos-Posts-Arquivo-functions

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

Destacar Novos Posts - Funções

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:

copie o código abaixo

/* Função para usuários que retornam */
function oarthur_lastvisit_the_title ( $title, $id ) {
 
 if ( !in_the_loop() || is_singular() || get_post_type( $id ) == 'page' ) return $title;
 
 // se não há cookie, retorna apenas o título 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="novo-post">Novo</span>';
 return $title;
 
}
 
add_filter( 'the_title', 'oarthur_lastvisit_the_title', 10, 2);
 
// Configurando o cookie
function oarthur_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', 'oarthur_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

Copie o código

.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.

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.