O Tema Ocean WP é um dos mais utilizados na criação de sites WordPress.
O breadcrumb do Ocean WP, por padrão, não tem quebra de linha no texto.
Dessa forma, caso os títulos de posts, de produtos e de páginas sejam longos, o texto é cortado (não aparece completo).
É um dos meus temas do WordPress preferido, mas é necessário corrigir o caminho da navegação do Ocean WP para melhor aparência e experiência dos usuários.
Este problema ocorre mais frequentemente em mobile (celular), mas dependendo do tamanho do título, pode ocorrer também em desktop.
Por exemplo:
Perceba que o título do post foi cortado, sendo que o correto seria quebrar a linha e aparecer o título completo.
Porém, você pode conferir a dica rápida abaixo, ou verificar como corrigir a quebra de linha no vídeo que segue.
Vídeo sobre como corrigir a quebra de linha do caminho de navegação do Ocean WP
Passo a passo para corrigir a quebra de linha no breadcrumb
É um procedimento bastante simples, basta seguir os passos indicados:
1) No painel do WordPress, já até Aparência > Personalizar;
2) Quando abrir o painel de personalização do tema, clique na opção: “Custom CSS/JS”;
3) Copie e cole o código abaixo:
.site-breadcrumbs {
white-space: normal;
height: auto;
line-height:1.7em;
}
Este código vai instruir que a linha deve ser quebrada, quando for o momento.
Ele também configura informações sobre a altura da linha.
4) Basta clicar em “Publicar”, na parte superior do painel de personalização.
Pronto, o seu breadcrumb do Ocean WP terá esta aparência:
Breadcrumb do tema Ocean WP com SEO by Yoast
O plugin SEO by Yoast é o mais utilizado para otimização pelos usuários do WordPress.
Se você utiliza este plugin e também o Ocean WP, o seu breadcrumb ficará com uma aparência muito melhor.
Você pode perceber que a quebra de linha fica melhor.
Isso é ótimo porque, acima de tudo, gera uma aparência bem melhor para os usuários.
Para ativar o breadcrumb do SEO by Yoast no seu tema Ocean WP, vá até o painel de personalização.
Depois vá até o final do painel e encontre a opção “Breadcrumbs do Yoast SEO”.
Clique e ative a opção!
Bem, é isso! Fácil, não?
Confira também nosso guia sobre como Otimizar Imagens.
