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.  já te mostramos 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

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:

Clique 2x para copiar
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/* 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.

Clique 2x para copiar
01
02
03
04
05
06
07
08
09
10
11
.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.

AVALIE GORA MESMO!
More from William Freitas

DICA PARA COMEÇAR O SEU E-COMMERCE FAÇA UM CHECKLIST

Quem já está ou pretende entrar no mercado possivelmente planeja desenvolver loja...
Read More

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *