Ei, @betezek!
Você pode fazer isso utilizando CSS personalizado, apesar de não ser a forma mais recomendada, isso geralmente varia conforme o tema/construtor de páginas que você escolheu.
Tente seguir esse passo a passo:
- Vá para “Aparência” no painel do WordPress e selecione “Personalizar”.
- Selecione a opção “CSS adicional”.
- Insira o seguinte código CSS:
#menu-item-XXX a {
background-image: url('caminho/para/sua/imagem.jpg');
text-indent: -9999px;
width: XXpx;
height: XXpx;
display: block;
}
Observação importante: substitua “XXX” pelo ID do item de menu que deseja alterar e “caminho/para/sua/imagem.jpg” pelo caminho para a imagem que deseja usar – o ID pode ser obtido inspecionando a página. Você também precisará ajustar a largura e altura para as dimensões corretas da imagem.
4. Clique no botão “Publicar” para salvar as alterações.
Não deixe de atualizar aqui se essa solução funcionou para você, beleza?
Abraço,
—
Caio Ferreira