Você já se perguntou como sites populares destacam novos itens para visitantes que retornam? 

Destacar claramente novos artigos para visitantes recorrentes é uma ótima maneira de ajudar os usuários a encontrar novo conteúdo, mas também de obter mais visualizações de página.

Neste tutorial, mostraremos como destacar novos artigos para visitantes recorrentes em seu site. blog WordPress.

colocar novos artigos destaque

Por que colocar novos artigos destacou o retorno de visitantes?

Os visitantes regulares são geralmente os usuários que gostam do seu conteúdo e voltam para mais. No entanto, a maioria desses usuários gasta apenas alguns segundos e sai se não encontrar algo de interesse.

Ao destacar o novo conteúdo, você pode chamar a atenção para o conteúdo mais recente. Isso não só o ajudará a aumentar as visualizações da página, mas também permitirá que eles encontrem novos conteúdos.

1 método: artigos destaque com um plugin

Neste método, estaremos usando um plugin para destacar novos artigos ao retornar visitantes. Este método é mais fácil de implementar e o recomendamos para iniciantes.

A primeira coisa que você precisa fazer é instalar e ativar o plugin Marcar novas mensagens. Para obter mais detalhes, consulte nosso guia passo a passo para maneira de instalar um plugin WordPress.

Depois de ativar o plugin, você precisa visitar o local " Configurações "Marcar nova postagem" para configurar o plugin.

marknewposts-configurações

Você deve primeiro escolher a localização do sinal distintivo. O plugin pode exibi-lo antes ou depois do título. Depois disso, você precisa escolher o tipo de marcador. Várias opções estão disponíveis para você. Por padrão, o plugin permite que você exiba uma imagem como um sinal distintivo.

marcador distintivo

Você pode escolher exibir um círculo, uma imagem personalizada, o texto " Nouveau Ou uma bandeira.

Finalmente, você precisa definir quando deseja que o marcador desapareça. Se você marcar a caixa " Marcar artigos como lidos somente após a abertura Em seguida, eles serão exibidos como novos até o usuário abrir os itens.

Pode ser um pouco irritante para os usuários. Recomendamos que você deixe esta caixa desmarcada, para que seus usuários sejam notificados apenas sobre novos artigos desde a última visita.

Não se esqueça de salvar suas configurações. É isso, o plugin agora irá destacar novas postagens após o retorno dos visitantes.

Método 2: destacar novos itens manualmente

Este método requer a adição de código ao seu WordPress Plugin. Se você for um desenvolvedor, este método não será obrigatório para você. Como sempre, certifique-se de fazer um WordPress de backup antes de adicionar trechos.

A primeira coisa que você precisa fazer é copiar e colar este código no seu WordPress Plugin.

function bpc_lastvisit_the_title ($ title, $ id) {if (! in_the_loop () || is_singular () || get_post_type ($ id) == 'page') return $ title; // se não houver cookie, apenas retorne o título if (! isset ($ _ COOKIE ['lastvisit']) || $ _COOKIE ['lastvisit'] == '') return $ title; $ lastvisit = $ _COOKIE ['lastvisit']; $ publish_date = get_post_time ('U', verdadeiro, $ id); if ($ publish_date> $ lastvisit) $ title. = ' Novo '; return $ title; } add_filter ('the_title', 'wpb_lastvisit_the_title', 10, 2); // Define a função de cookie lastvisit wpb_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', 'bpc_lastvisit_set_cookie');

Este código procura um cookie quando um visitante regular faz login. Se não conseguir encontrar o cookie, ele definirá o cookie com a hora atual.

Se encontrar o cookie, adiciona 'Nouveau'(ou marcador de sua escolha) nos títulos dos artigos publicados antes da criação do cookie.

Observe que há uma classe " novo artigo 'Na etiqueta ao redor do marcador'Nouveau'. Você pode usar esta classe para aplicar um estilo personalizado.

Aqui está um exemplo de código CSS:

.new item {background: #feffdd; padding: 3px; fronteira: sólido 1px #eeefd2; -webkit-fronteira de raio: 5px; -moz-border-raio: 5px; fronteira de raio: 5px; -margem esquerda: 5px; fonte de tamanho: pequena; font-weight: bold; }

Foi assim que apareceu em nosso site (o pequeno rótulo "Novo").

marcador demonstração seção wordpress

Esperamos que este artigo tenha ajudado você a destacar novos artigos para visitantes recorrentes. seu blog. Sinta-se à vontade para compartilhar o artigo com seus amigos.