Breadcrumb do Ocean WP: como corrigir quebra de linha?

Compartilhe:

Facebook
Pinterest

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:

Breadcrumb do Ocean WP

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:

Caminho de Navegação do Ocean WP

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.

Breadcrumb do tema Ocean WP

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.

Artigos relacionados:

No Blog da Agência Ux Web você encontrará conteúdo indispensável para o crescimento do seu negócio online.

REDES SOCIAIS

CATEGORIAS DO BLOG